Skip to content

Instantly share code, notes, and snippets.

@kdefliese

kdefliese/Outline from HTML outliner

Last active August 29, 2015 14:15
Show Gist options
  • Save kdefliese/7b57c188220010ee8cd2 to your computer and use it in GitHub Desktop.
Save kdefliese/7b57c188220010ee8cd2 to your computer and use it in GitHub Desktop.
Download ZIP
HTML outline assignment
Raw
Outline from HTML outliner
It's not very helpful :-(
1. Untitled Section
1. Untitled Section
2. Untitled Section
3. Untitled Section
4. Untitled Section
1. Untitled Section
5. Untitled Section
6. Untitled Section
Raw
Outline of Madewell website.html
<!DOCTYPE html>
<html>
<head>
<title>Madewell</title>
</head>
<body>
<aside>
<h2>CAN'T GET ENOUGH DENIM? NEW FLARES AND OVERALLS (AND MORE), OVER AT OUR DENIM BAR.<h2>
<p>FREE SHIPPING ON ALL ORDERS.</p>
</aside>
<nav>
<ul>
<li>MY ACCOUNT</li>
<li>Register</li>
<li>SIGN IN</li>
<li>WISHLIST</li>
<li>SHOPPING BAC</li>
</ul>
<img id="logo" />
<ul>
<li>NEW ARRIVALS</li>
<li>SHOP ALL</li>
<li>DENIM</li>
<li>SHOES</li>
<li>DRESSES</li>
<li>BAGS</li>
<li>SWEATERS</li>
<li>MONOGRAM</li>
<li>SALE</li>
<li>BLOG</li>
<li>SEARCH</li>
</ul>
</nav>
<main>
<img id="LOOKS WE LOVE" />
</main>
<aside>
<p>SIGN UP TO RECEIVE OUR EMAIL UPDATES.</p>
</aside>
<section>
<article>
<img />
<h3>OUR KIND OF DAILY UNIFORM</h3>
<h2>SEE MORE</h2>
</article>
<article>
<h3>TO HAVE & TO HOLD</h3>
<h2>SHOP BAGS</h2>
<img />
</article>
<article>
<img />
<h3>LOVE AT FIRST SIGHT</h3>
<h2>NEW ARRIVALS</h2>
</article>
</section>
<section><h4>More new stuff to <3</h4>
<img />
<img />
<img />
<img />
<img />
<img />
<img />
</section>
<section>
<img id="NEW. JEANS." />
</section>
<section>
<h3>MORE, MORE, MORE</h3>
<article>
<img />
<p>Denim + our favorite people</p>
<h4>READ MORE</h4>
</article>
<article>
<img />
<p>We're collecting your used denim in our stores for a cause</p>
<h4>LEARN MORE</h4>
</article>
<article>
<img />
<p>Noticed: the style tweaks catching our eyes</p>
<h4>SEE MORE</h4>
</article>
</section>
</body>
<footer>
<ul>
<li>LET US HELP YOU</li>
<li>EMAIL US</li>
<li>CONTACT US</li>
<li>SIZE CHARTS</li>
</ul>
<ul>
<li>ORDER STATUS</li>
<li>SHIPPING & HANDLING</li>
<li>RETURNS & EXCHANGES</li>
<li>INTERNATIONAL ORDERS</li>
</ul>
<ul>
<li>RETURNS</li>
<li>OUR POLICY</li>
</ul>
<ul>
<li>ABOUT US</li>
<li>CAREERS</li>
<li>INVESTOR RELATIONS</li>
<li>SOCIAL RESPONSIBILITY</li>
</ul>
<ul>
<li>OUR CATALOG</li>
<li>REQUEST ONE</li>
</ul>
<ul>
<li>OUR STORES</li>
<li>STORE LOCATOR</li>
</ul>
<ul>
<li>GIFT CARDS</li>
<li>VIA MAIL OR EMAIL</li>
</ul>
<section>
<p>GET THE SCOOP FIRST</p>
<div>email signup</div>
<div>social links</div>
</section>
</footer>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment