forked from troytop/dexy-altitude
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
88 lines (81 loc) · 4.97 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
<!-- section "one" -->
<div class="3u">
<section class="first">
<h2>Blandit Veroeros Consequat</h2>
<p>Morbi id urna ut massa vestibulum tempor. faucibus eget nibh. Pellentesque ultricies felis quis est auctor ut dictum sapien adipiscing. Quisque eget tempus nunc. Curabitur venenaSed et gravida diam. Proin adipiscing nisi ac libero fringilla tincidunt consequat sed amet lorem ipsum dolor.</p>
<p><a href="#" class="button">Amet Consequat</a></p>
</section>
</div>
<div class="3u">
<section>
<h2>Blandit Veroeros Consequat</h2>
<p>Mauris posuere eros vel metus laoreet auctor. In sodales tincidunt volutpat. Nunc pulvinar massa id risus porta hendrerit. Nunc nec nibh velit, sit amet consectetur neque dolor.</p>
<p><a href="#"><img src="/images/img09.jpg" alt=""></a></p>
</section>
</div>
<div class="3u">
<section>
<h2>Blandit Veroeros Consequat</h2>
<p>Mauris posuere eros vel metus laoreet auctor. In sodales tincidunt volutpat. Nunc pulvinar massa id risus porta hendrerit. Nunc nec nibh velit, sit amet consectetur neque dolor.</p>
<p><a href="#"><img src="/images/img10.jpg" alt=""></a></p>
</section>
</div>
<div class="3u">
<section class="last">
<h2>Blandit Veroeros Consequat</h2>
<p>Mauris posuere eros vel metus laoreet auctor. In sodales tincidunt volutpat. Nunc pulvinar massa id risus porta hendrerit. Nunc nec nibh velit, sit amet consectetur neque dolor.</p>
<p><a href="#"><img src="/images/img11.jpg" alt=""></a></p>
</section>
</div>
<!-- section "two" -->
<section>
<div class="post">
<h2 class="title">Blandit Veroeros Consequat</h2>
<p class="subtitle">Erat diam dui quis neque suspendisse potenti lorem</p>
<p>Welcome to <strong>Altitude</strong>, a free responsive HTML5 website template designed by <a href="http://html5templates.com/">HTML5Templates.com</a>. It features a simple color scheme, a large banner area, and featured spots, making it a great design for a blog-type site. And like all of our templates, it is built on HTML5 and CSS3, has full responsive support for desktops, tablets, and mobile devices, and is 100% free to use personally or commercially under the <a href="http://html5templates.com/license/">Creative Commons license</a>. Be sure to check out our <a href="http://html5templates.com/">website</a> for more awesome free HTML5 templates and follow us on <a href="http://twitter.com/HTML5T">Twitter</a> for updates and new releases! Enjoy!</p>
<div class="image-style"><a href="#"><img src="/images/img12.jpg" alt=""></a></div>
<p><a href="#" class="button">Continue Reading</a></p>
<div class="border-bg"> </div>
</div>
<div class="post">
<h2 class="title">Blandit Veroeros Consequat</h2>
<p class="subtitle">Erat diam dui quis neque suspendisse potenti lorem</p>
<p>Mauris posuere eros vel metus laoreet auctor. In sodales tincidunt volutpat. Nunc pulvinar massa id risus porta hendrerit. Nunc nec nibh velit, sit amet consectetur neque. Ut et erat non eros imperdiet bibendum. Donec sit amet diam dui. Ut quis neque diam, sit amet sollicitudin magna. Aenean eu suscipit tellus. Suspendisse potenti. Nullam gravida nisl auctor tortor viverra adipiscing aenean et velit vel felis iaculis semper vitae quis erat.</p>
<div class="image-style"><a href="#"><img src="/images/img19.jpg" alt=""></a></div>
<p><a href="#" class="button">Continue Reading</a></p>
</div>
</section>
<!-- section "three" -->
<section>
<div> <a href="#"><img src="/images/img13.jpg" alt=""></a>
<h2>Sed Amet Phasellus</h2>
<p>Mauris et posuere vel metus auctor. In sodales et tincidunt id risus porta hendrerit. Nunc nec nibh velit, amet consectetur neque. Ut sed non eros imperdiet bibendum.</p>
</div>
<div>
<p><a href="#"><img src="/images/img14.jpg" alt=""></a></p>
<h2>Sed Amet Phasellus</h2>
<p>Mauris et posuere vel metus auctor. In sodales et tincidunt id risus porta hendrerit. Nunc nec nibh velit, amet consectetur neque. Ut sed non eros imperdiet bibendum.</p>
</div>
<div>
<p><a href="#"><img src="/images/img21.jpg" alt=""></a></p>
<h2>Sed Amet Phasellus</h2>
<p>Mauris et posuere vel metus auctor. In sodales et tincidunt id risus porta hendrerit. Nunc nec nibh velit, amet consectetur neque. Ut sed non eros imperdiet bibendum.</p>
</div>
</section>
<!-- section "four" -->
<section id="sidebar2">
<div> <a href="#"><img src="/images/img15.jpg" alt=""></a>
<h2>Sed Amet Phasellus</h2>
<p>Mauris et posuere vel metus auctor. In sodales et tincidunt id risus porta hendrerit. Nunc nec nibh velit, amet consectetur neque. Ut sed non eros imperdiet bibendum.</p>
</div>
<div>
<p><a href="#"><img src="/images/img16.jpg" alt=""></a></p>
<h2>Sed Amet Phasellus</h2>
<p>Mauris et posuere vel metus auctor. In sodales et tincidunt id risus porta hendrerit. Nunc nec nibh velit, amet consectetur neque. Ut sed non eros imperdiet bibendum.</p>
</div>
<div>
<p><a href="#"><img src="/images/img20.jpg" alt=""></a></p>
<h2>Sed Amet Phasellus</h2>
<p>Mauris et posuere vel metus auctor. In sodales et tincidunt id risus porta hendrerit. Nunc nec nibh velit, amet consectetur neque. Ut sed non eros imperdiet bibendum.</p>
</div>
</section>