-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
110 lines (94 loc) · 5.18 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sartre's List</title>
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<div class="container">
<div class="col-1">
<span id="title">Sartre's List</span>
<span id="title-sub">Better-Dressed People</span>
</div>
<div class="col-1">
<ul id="nav-top">
<li><a href="#">Women's</a></li>
<li><a href="#">Men's</a></li>
<li><a href="#">On the Street</a></li>
<li><a href="#">The Catwalk</a></li>
<li><a href="#">Adwatch</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
<div class="blog col-8">
<h2 class="date">11/12/13</h2>
<span class="blog-title">On the Street in Brooklyn</span>
<div class="col-1">
<img src="fashion_photo.jpeg" width="100%"/>
</div>
<p class="blog-body">Cray culpa stumptown, flexitarian ex Odd Future do fugiat Wes Anderson proident 3 wolf moon officia bitters small batch. Et consequat do, nulla you probably haven't heard of them High Life scenester. Vinyl fugiat High Life, kogi do VHS in aliqua lo-fi leggings gentrify Neutra tumblr. Odio vegan PBR, Marfa forage blue bottle try-hard readymade meggings retro delectus Echo Park. Ugh consectetur farm-to-table forage, laboris blue bottle McSweeney's tattooed excepteur yr. Magna ut Schiltz flexitarian, vinyl craft beer proident yr forage 8-bit ethical sustainable placeat retro. Officia pickled beard, adipisicing gluten-free sint craft beer quis thundercats id 3 wolf moon fashion axe.</p>
<div class="right-align">
<a href="#">Continues...</a>
</div>
</div>
<div class="col-8 divider"></div>
<div class="blog col-8">
<h2 class="date">11/11/13</h2>
<span class="blog-title">Vintage in Vogue</span>
<div class="col-1">
<img src="fashion_photo2.jpeg" width="100%"/>
</div>
<p class="blog-body">Selfies sunt Tumblr, delectus small batch DIY umami sint. Polaroid chambray selfies McSweeney's Cosby sweater, Pitchfork tattooed assumenda Wes Anderson Blue Bottle twee Charles ennui. Nisi locavore fugiat sapiente salva aliqua. Shoreditch kogi exercitation fashion axe. Wolf semiotics Pinterest, laboris quis master cleanse touseled small batch street art bespoke fingerstache dreamcatcher ethical labore. Dreamcatcher iPhone typewriter, tote bag four loko fanny pack master cleanse organic PBR reprehenderit actually. Craft beer drinking vinegar wayfarers, pork belly narwhal pariatur polaroid cupidatat in 8-bit distillery anim literally.</p>
<div class="right-align">
<a href="#">Continues...</a>
</div>
</div>
<div class="col-8 divider"></div>
<div class="col-8">
<nav>
<ul id="footer-nav">
<li><a href="#">Home</a></li>
<li><a href="#">Women's</a></li>
<li><a href="#">Men's</a></li>
<li><a href="#">On the Street</a></li>
<li><a href="#">The CatWalk</a></li>
<li><a href="#">AdWatch</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Tips</a></li>
</ul>
</nav>
</div>
<div id="sidebar" class="col-4">
<div class="col-1">
<h3 class="sidebar-title">About Us</h3>
<p class="sidebar-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tristique ante ac malesuada facilisis. Morbi et sapien posuere, vulputate eros egestas, fermentum justo. Sed vehicula ante ac metus luctus lobortis. Duis at egestas lacus. Vestibulum mollis nunc ac nibh aliquam scelerisque. Morbi eget auctor sem. Quisque volutpat, nisl in rutrum rutrum, risus dui mattis nisl, in mollis metus tortor nec odio. Nam auctor tellus et nulla convallis, at ultrices ipsum finibus. </p>
<div class="right-align">
<a href="#">More...</a>
</div>
</div>
<div class="divider"></div>
<div class="col-1">
<center><img src="ad.jpeg" width="80%" height="80%"/></center>
</div>
<div class="divider"></div>
<div class="col-1">
<h3 class="sidebar-title">Popular Posts</h3>
<ul id="side-nav">
<li><a href="#">10 Things Not to Wear on the Red Carpet</a></li>
<li><a href="#">Valhalla at The Met Gala</a></li>
<li><a href="#">Jeans: To Fray or Not to Fray</a></li>
<li><a href="#">"Trashion" is in This Season</a></li>
<li><a href="#">Back to School in Pencil Skirts</a></li>
<li><a href="#">Even More Ways to Wrap A Sari</a></li>
<li><a href="#">Is Steam Punk Here to Stay?</a></li>
<li><a href="#">Neighborhood Watch</a></li>
<li><a href="#">Hairstyles of the Damned</a></li>
</ul>
</div>
</div>
<div class="col-8 blog-body">© 2013 Valet Industries, Inc.</div>
</div>
</body>
</html>