Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve BlogPostComponent UI with better formatting and styling #4

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Improve BlogPostComponent UI with better formatting and styling #4

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
77 changes: 66 additions & 11 deletions pages/BlogPostComponent.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,54 @@
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1" name="viewport" />

<title>California</title>
<title>Los Angeles Travel Guide</title>
<style>
/* Blog Title */
.blog-title {
font-size: 2rem;
text-align: center;
color: #333;
}

/* Last Updated Text */
.last-updated {
text-align: center;
font-size: 0.9rem;
color: #666;
margin-bottom: 20px;
}

/* Blog Cover Image */
.blog-page-cover {
width: 100%;
border-radius: 10px;
margin-bottom: 20px;
}

/* Blog Content Styling */
.blog-content p {
line-height: 1.6;
font-size: 1rem;
margin-bottom: 15px;
}

/* Section Headings */
.blog-content h2 {
font-size: 1.5rem;
color: #007bff;
margin-top: 20px;
}

/* Responsive Design */
@media (max-width: 768px) {
.custom-container {
padding: 15px;
}
.blog-title {
font-size: 1.8rem;
}
}
</style>
<meta name="description" content="A blog website about travelling">
<meta name="author" content="Madhur Taneja">

Expand Down Expand Up @@ -34,17 +81,25 @@

<main class="container">
<div class="custom-container">
<h1>Los Angeles Travel Guide</h1>
<h6>Last Updated: August 2, 2018</h6>
<img src="../images/blog-post-1-cover.jpg" class="blog-page-cover">
<span class="blog-content">
<h1 class="blog-title">Los Angeles Travel Guide</h1>
<h6 class="last-updated">Last Updated: August 2, 2018</h6>
<img src="../images/blog-post-1-cover.jpg" class="blog-page-cover" alt="Los Angeles Travel Guide Cover">
<div class="blog-content">
<p>Los Angeles is the second largest city in the United States and the largest city in California. LA is a sprawling metropolis full of movie stars, wannabe actors, musicians, surfers, and lots of traffic. Some of the metro areas that include Santa Monica and Venice tend to be more popular among travelers as they are closer to the beach and have cheaper accommodation. Los Angeles takes some getting used to. It’s a love/hate city for most people. You’ll need a car as there isn’t any widespread public transportation which makes it difficult to get around. The heavy traffic is typically the main thing people hate the most, so if you can get past that, you can see what makes LA such a special city.</p>
<p>Budget hotel prices – You can find a room in a budget hotel starting around $65 per night. Hotels at this price point typically include private bathrooms, air-conditioning, and free WiFi. On Airbnb, you can find shared rooms starting around $20 per night and entire homes starting around $60 per night.</p>
<p>Average cost of food – Any kind of food you can think of from any place on earth, Los Angeles has it. As long as you are not in the middle of Beverly Hills, you can find many sit down restaurants meals are $20. Fast food and sandwiches will cost between $7-10. LA is home to many farmers markets for some fresh fruit and veggies so you can get plenty of cheap eats at the market. If you cook your own food, expect to pay $60 per week for groceries that will include pasta, vegetables, chicken, and other basic foods. Mid-range sit-down restaurants will cost between $10-15 for a meal and drink. Prices go up from there and the sky is the limit.

Transportation costs – LA is very big and sprawling. Even if something seems close, distances can be deceiving as traffic is heavy. Although public transportation exists, LA is not a public transportation-friendly city. LA has a metro but it doesn’t go too many places. The bus system is better but it is also subject to the heavy traffic. A single fare valid on the bus or the metro is $1.75 and be purchased from ticket vending machines in the stations. Week-long passes can be bought using the TAP card system, a rechargeable system. If you want to get out of the city center, you’ll need a car. If you’re not renting a car, then Uber or Lyft aren’t too bad on the wallet if used sparingly. For example, Beverly Hills to Hollywood costs about $7-10 (UberX costs about $1 per mile). Taxis are expensive and have a base fare of $3 and cost about $3 per mile. For shorter distances, you can use Lime or Bird, two ridesharing companies that provide dockless scooter rentals around the city. Just download the app for either Bird or Lime and find a nearby scooter. They cost 1 USD to rent and then fifteen cents for every minute after. It’s a great budget-friendly way to go shorter distances in the city.
</p>
</span>

<h2>Budget Hotel Prices</h2>
<p>You can find a room in a budget hotel starting around $65 per night. Hotels at this price point typically include private bathrooms, air-conditioning, and free WiFi. On Airbnb, you can find shared rooms starting around $20 per night and entire homes starting around $60 per night.</p>

<h2>Average Cost of Food</h2>
<p>Any kind of food you can think of from any place on earth, Los Angeles has it. As long as you are not in the middle of Beverly Hills, you can find many sit-down restaurant meals for $20. Fast food and sandwiches will cost between $7-10. LA is home to many farmers' markets for some fresh fruit and veggies, so you can get plenty of cheap eats at the market. If you cook your own food, expect to pay $60 per week for groceries that will include pasta, vegetables, chicken, and other basic foods. Mid-range sit-down restaurants will cost between $10-15 for a meal and drink. Prices go up from there, and the sky is the limit.</p>

<h2>Transportation Costs</h2>
<p>LA is very big and sprawling. Even if something seems close, distances can be deceiving as traffic is heavy. Although public transportation exists, LA is not a public transportation-friendly city. LA has a metro, but it doesn’t go too many places. The bus system is better but is also subject to heavy traffic.</p>

<p>A single fare valid on the bus or the metro is $1.75 and can be purchased from ticket vending machines in the stations. Week-long passes can be bought using the TAP card system, a rechargeable system. If you want to get out of the city center, you’ll need a car. If you’re not renting a car, then Uber or Lyft aren’t too bad on the wallet if used sparingly. For example, Beverly Hills to Hollywood costs about $7-10 (UberX costs about $1 per mile). Taxis are expensive and have a base fare of $3 and cost about $3 per mile.</p>

<p>For shorter distances, you can use Lime or Bird, two ridesharing companies that provide dockless scooter rentals around the city. Just download the app for either Bird or Lime and find a nearby scooter. They cost $1 to rent and then fifteen cents for every minute after. It’s a great budget-friendly way to go shorter distances in the city.</p>
</div>
</div>
</main>

Expand Down