CODECADEMY
1. Fashion Blog
<!DOCTYPE html>
<html>
<head>
<title>Everyday with Isa</title>
</head>
<body>
<a href="#contact"><img src="https://content.codecademy.com/courses/learn-html/elements-and-structure/profile.jpg"></a>
<h3>by Isabelle Rodriguez | 1 day ago</h3>
<h1>An Insider's Guide to NYFW</h1>
<p><a href="https://en.wikipedia.org/wiki/New_York_Fashion_Week" target="_blank">NYFW</a> can be both amazingly fun & incredibly overwhelming, especially if you’ve never been. Luckily, I’m here to give you an insider’s guide and make your first show a pleasurable experience. By taking my tips and tricks, and following your gut, you’ll have an unforgettable experience!</p>
<h2>Getting Tickets & Picking the Shows</h2>
<p>If you’re lucky or connected you can get an invite, sans the price tag. But I wasn’t so lucky or connected my first 2 years so I’m here to help you out. First, plan out which shows are most important to you and make a schedule and this is a biggie: SET A BUDGET. If you’re worrying about blowing your cash the whole time you won’t have fun. Then check out prices, days, and times and prioritize the designers you want to see most. Lastly, purchase your tickets and get excited!</p>
<h2>Dressing for the Shows</h2>
<p>Always be true to your own sense of style, if you don’t you’ll be uncomfortable the whole time and it will show. Remember, NYFW is about expressing yourself and taking in what the designers have chosen to express through their new lines. Also it’s important to wear shoes you’ll be comfortable in all day. Obviously you want to look good, but you’ll be on your feet all day long, so be prepared.</p>
<h4>Related Content</h4>
<ul>
<li>How To Style Boyfriend Jeans</li>
<li>When Print Is Too Much</li>
<li>The Overalls Trend</li>
<li>Fall's It Color: Blush</li>
</ul>
<div id='contact'>
<p><strong>email</strong>: isa@fashionblog.com | <strong>phone</strong>: 917-555-1098 | <strong>address</strong>: 371 284th St, New York, NY, 10001</p>
</div>
</body>
</html>
2. Wine Festival Schedule
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Aguillar Family Wine Festival</title>
<link rel="stylesheet" type="text/css" href="reset.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
</head>
<body>
<header>
<h1>Annual Aguillar Family Wine Festival</h1>
</header>
<div class="container">
<table>
<thead>
<tr>
<th colspan="2">
<h1>Wine Festival Schedule</h1>
</tr>
<tr>
<th>
<h2>Time</h2>
</th>
<th>
<h2>Event</h2>
</th>
</tr>
</thead>
<tbody>
<tr>
<td class="left">
<h3>12:00 PM</h3>
</td>
<td>
<h3>Welcome Reception</h3>
</td>
</tr>
<tr>
<td class="left">
<h3>01:00 PM</h3>
</td>
<td>
<h3>Storytelling & Tasting</h3>
</td>
</tr>
<tr>
<td class="left">
<h3>02:00 PM</h3>
</td>
<td>
<h3>Wine Luncheon</h3>
</td>
</tr>
<tr>
<td class="left">
<h3>03:00 PM</h3>
</td>
<td>
<h3>Aguillar Family Wines</h3>
</td>
</tr>
<tr>
<td class="left">
<h3>04:00 PM</h3>
</td>
<td>
<h3>Wine & Cheese Tasting</h3>
</td>
</tr>
</tbody>
</table>
</div>
<footer>
<h3>Contact</h3>
<h3>Location</h3>
<h3>Privacy Policy</h3>
</footer>
</body>
</html>
3. Form a Story
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<title>Form a Story</title>
</head>
<body>
<section id="top">
<img src="https://content.codecademy.com/courses/learn-html-forms/formAStoryLogo.svg" alt="Form A Story Logo">
</section>
<section id="main">
<h1>Complete the Form -<br> Complete the Story!</h1>
<hr>
<!--Add your form below:-->
<form action="story.html" method="GET">
<label for="animal-1">Animal:</label>
<input id="animal-1 type="text" name="animal-1" required>
<br>
<label for="animal-2">Another Animal:</label>
<input id="animal-2" name="animal-2" type="text" required>
<br>
<label for="animal-3">One More Animal:</label>
<input id="animal-3" id="animal-3" type="text" required>
<br>
<label for="adj-1">Adjective (ends in -ed):</label>
<input id="adj-1" name="adj-1" type="text" required>
<br>
<label for="verb-1">Verb (ends in -ing):</label>
<input id="verb-1" name="verb-2" type="text" required>
<br>
<label for="num-1">Number:</label>
<input id="num-1" name="num-1" type="number" required>
<br>
<span>Yes or No:</span>
<input id="yes" type="radio" name="answer" value="yes" required>
<label for="yes">Yes</label>
<input id="no" type="radio" name="answer" value="no">
<label for="no">No</label>
<br>
<label for="speed">Relative speed (ends in -er)</label>
<select id="speed" required>
<option value="faster">Faster</option>
<option value="slower">Slower</option>
</select>
<br>
<label for="quote">Motivational Quote:</label>
<input id="quote" name="quote" type="text" required list="quote-choices">
<datalist id="quote-choices">
<option value="winner gets ice cream!"></option>
<option value="winner gets a championship belt"></option>
</datalist>
<br>
<label for="message">Meaningful Message:</label>
<textarea id="message" name=",essage" required rows="8" cols="40">
</textarea>
<br>
<input type="submit" value="Form My Story!">
</form>
</section>
</body>
</html>
4. New York City Blog
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav>
<ul>
<li><a href="">Blog</a></li>
<li><a href="">Media</a></li>
<li><a href="">About</a></li>
</ul>
</nav>
<header>
<h1>New York City</h1>
</header>
<main>
<section>
<article>
<p>New York City is made up of five boroughs which include Queens, Manhattan, Brooklyn, the Bronx, and Staten Island. The city is the home of approximately 8 million people. In 1876, France gifted the City of New York what is known as the Statue of Liberty, which is currently located on Liberty Island and commonly visited by tourists. However, it took 10 years to assemble and therefore wasn’t unveiled until 1886. Another tourist destination is Times Square. Times Square is commonly known for the big buildings, Broadway shows, and bright neon signs. This famous location was named after The New York Times after the Times moved to that location. Prior to that, it was named Longacre Square. New York City is also known for its bridges that connect the boroughs and allow ease of transportation.</p>
</article>
</section>
<figure>
<img src="https://content.codecademy.com/courses/Semantic%20HTML/statue-of-liberty.jpeg">
<figcaption>This is the Statue of Liberty, a popular tourist attraction located on Liberty Island.</figcaption>
</figure>
<aside>
<p>New York City is very popular for the variety of great food it has. Some of the top food items in NYC include:</p>
<ol>
<li>Pizza</li>
<li>Bagels</li>
<li>Burgers and Sandwiches</li>
<li>Ramen</li>
<li>Tacos</li>
<li>Pasta</li>
<li>Desserts</li>
</ol>
</aside>
<section id="media">
<article>
<h2>The Scenery in NYC</h2>
<p>While the view in the city is beautiful, the sounds are not as lovely. Below you'll see an example of the view and the sounds you'll deal with in NYC on a daily basis.</p>
</article>
<video controls src="https://content.codecademy.com/courses/Semantic%20HTML/nyc-skyline-timelapse.mp4">Video not supported.</video>
https://content.codecademy.com/courses/Semantic%20HTML/nyc-skyline.jpeg
<audio controls src="https://content.codecademy.com/courses/Semantic%20HTML/nyc-sounds.mov"></audio>
</section>
</main>
<footer>
<p>Posted by Deepak</p>
<p>Contact information: Blogger@NYC.com</p>
</footer>
</body>
</html>
MY DIGITAL HOME 
