This repository has been archived by the owner on Jan 2, 2018. It is now read-only.
/
index2.html
64 lines (57 loc) · 5.05 KB
/
index2.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
<!doctype html>
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,700|Raleway:700,900' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/style2.css">
<title>Holy Grail</title>
</head>
<body>
<header class="masthead">
<div class="header-inner container">
<h1 class="title">My Fancy New Blog</h1>
<h2 class="subtitle">About Programming and Bicycling</h2>
</div>
</header>
<div class="container">
<main>
<ul class="post-list">
<li class="post">
<h2>Lorem Ipsum Dolor Sit Amet</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas facilisis justo urna, vel porttitor ex suscipit vel. Nam vel turpis sollicitudin, malesuada nisi ut, porta nisl. Donec a volutpat quam. Cras id neque venenatis nibh fermentum elementum. Morbi eu nibh et mi accumsan tempor quis non mi. Praesent a consectetur nibh, sed varius elit. Suspendisse malesuada arcu ex, sit amet accumsan risus ullamcorper id. Mauris tempor lorem eu risus sollicitudin iaculis. Praesent molestie eros non nulla malesuada, nec venenatis dolor volutpat. Nullam in metus ut felis bibendum lacinia sit amet ut nunc. Aenean imperdiet orci in eros dignissim auctor. Morbi viverra erat in ante ultrices cursus. </p>
<a class="button" href="#">Continued</a>
</li>
<li class="post">
<h2>Lorem Ipsum Dolor Sit Amet</h2>
<p>In tincidunt pretium cursus. Suspendisse vitae pellentesque nulla, in accumsan massa. Pellentesque at interdum nulla. Etiam fringilla justo quis maximus bibendum. Nulla feugiat porta convallis. Mauris eget erat nec metus porta sollicitudin. Praesent blandit dolor sed eros suscipit accumsan. Duis aliquet, nisi ac tincidunt pellentesque, nibh arcu lacinia diam, vitae interdum turpis urna ac orci. Curabitur ornare ultrices nisl, et sodales lectus. Aenean congue posuere laoreet. Fusce quis neque ac tortor viverra vulputate vitae quis lacus. </p>
<a class="button" href="#">Continued</a>
</li>
<li class="post">
<h2>Lorem Ipsum Dolor Sit Amet</h2>
<p>Nam vel dictum enim, id volutpat nulla. Morbi in sollicitudin arcu. Phasellus porta nisi vel pretium efficitur. Mauris quis odio cursus ligula finibus laoreet. t dolor odio, vulputate vel facilisis ut, commodo nec neque. Nulla mauris nibh, viverra sit amet pretium in, varius in risus. Phasellus rutrum lacus urna, in venenatis enim vestibulum ac. Aenean pellentesque augue vitae ex blandit, eget vehicula purus molestie. Nullam et sapien eget sem placerat consequat. Donec quis sollicitudin ipsum. </p>
<a class="button" href="#">Continued</a>
</li>
<li class="post">
<h2>Lorem Ipsum Dolor Sit Amet</h2>
<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed et tellus aliquam, volutpat augue vel, pellentesque leo. Fusce ut cursus magna. Nunc cursus nibh tellus, nec facilisis ex porta eu. Nulla at arcu et sapien tempus semper nec id risus. Sed quis ex id turpis vestibulum imperdiet. Ut eu tincidunt ligula, ac varius mi. Phasellus eu metus eget mi aliquet fringilla et non nulla. Aliquam laoreet nec metus venenatis finibus. Praesent euismod dictum lacinia. Aenean eu pharetra mi. Sed a turpis urna. Sed vitae dolor gravida, rutrum augue eu, tempor odio. Mauris vehicula felis augue, et maximus libero elementum ac. Nunc ornare auctor sagittis. </p>
<a class="button" href="#">Continued</a>
</li>
<li class="post">
<h2>Lorem Ipsum Dolor Sit Amet</h2>
<p>Praesent et risus eget tellus venenatis aliquam suscipit aliquet ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum fermentum tempus nulla vitae ultrices. Aliquam fermentum massa ipsum, sed sollicitudin lorem pretium eget. Mauris blandit ante sed gravida vulputate. Nam turpis ligula, dapibus ut commodo molestie, varius at orci. Quisque eget imperdiet dolor, ac vestibulum arcu. Donec efficitur, urna sit amet accumsan consequat, velit est fermentum est, et sollicitudin massa odio sit amet justo. Quisque et nulla ac velit fermentum vestibulum vitae nec neque. Etiam egestas, mi maximus imperdiet rhoncus, ex ipsum pharetra felis, eget sagittis justo magna eget dolor. Praesent imperdiet auctor erat et finibus. In non mollis sem, at pharetra quam. Nulla eu nulla quis lacus tincidunt tincidunt eu nec tellus. Duis a nunc id lorem tempus maximus non sit amet nisl. Pellentesque viverra nibh vitae sapien fermentum, vel lacinia augue porta. Vivamus dignissim vel ligula sed hendrerit. </p>
<a class="button" href="#">Continued</a>
</li>
</ul>
</main>
<aside>
<div class="profile">
<p class="photo"><img src="img/teehan.jpg"></p>
<h2 class="name">Firstname Lastname</h2>
<p class="bio">Hello, I am a full-stack engineer and current student at the University of Chicago. My interests include bicycling and Haskell♥♥♥</p>
</div>
</aside>
<footer class="footer">
© 2014 Firstname Lastname. All rights reserved.
</footer>
</div>
</body>
</html>