-
Notifications
You must be signed in to change notification settings - Fork 1
/
features.html
executable file
·246 lines (246 loc) · 21.5 KB
/
features.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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Effe - Features</title>
<link rel="shortcut icon" href="favicon.ico" />
<!-- Load CSS -->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!-- Load Fonts -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Droid+Serif:regular,italic,bold,bolditalic" type="text/css" />
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold" type="text/css" />
<!-- Load jQuery library -->
<script type="text/javascript" src="scripts/jquery-1.6.2.min.js"></script>
<!-- Load custom js -->
<script type="text/javascript" src="scripts/panelslide.js"></script>
<script type="text/javascript" src="scripts/custom.js"></script>
<!-- Load topcontrol js -->
<script type="text/javascript" src="scripts/scrolltopcontrol.js"></script>
<!-- Load NIVO Slider -->
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/nivo-theme.css" type="text/css" media="screen" />
<script src="scripts/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script src="scripts/nivo-options.js" type="text/javascript"></script>
<!-- Load fancybox -->
<script type="text/javascript" src="scripts/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="scripts/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="scripts/jquery.mousewheel-3.0.4.pack.js"></script>
<link rel="stylesheet" href="css/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
</head>
<body>
<!--This is the START of the header-->
<div id="topcontrol" style="position: fixed; bottom: 5px; left: 960px; opacity: 1; cursor: pointer;" title="Go to Top"></div>
<div id="header-wrapper">
<div id="header">
<div id="logo"><a href="index.html"><img src="images/logo.png" width="100" height="80" alt="logo" /></a></div>
<div id="header-text">
<h4>I packed a bunch of cool features in to this template...</h4>
<h6><a href="index.html">Home</a> → Features</h6>
</div>
</div>
</div>
<!--END of header-->
<!--This is the START of the menu-->
<div id="menu-wrapper">
<div id="main-menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a class="selected" href="features.html">Features →</a></li>
</ul>
</div>
<!--This is the START of the footer-->
<div id="footer">
<div id="social-box">
<ul>
<li>
<div class="facebook"><a href="#"></a></div>
</li>
<li>
<div class="twitter"><a href="#"></a></div>
</li>
<li>
<div class="rss"><a href="#"></a></div>
</li>
</ul>
</div>
<h6>Copyright © 2011 - effe</h6>
</div>
<!--END of footer-->
</div>
<!--END of menu-->
<!--This is the START of the content-->
<div id="content">
<!--This is the START of the features-->
<div id="features">
<div class="spacer"></div>
<div id="recent-text">
<h2>The little plus sign in the top right corner...</h2>
<img class="star-divider" src="images/subscribe_divider.png" />
<h5>It can hold any HTML you want!</h5>
</div>
<div class="spacer"></div>
<div id="recent-text">
<h2>This is a sample fancybox gallery...</h2>
<h5>You can add more galleries easily!</h5>
</div>
<div class="recent-gallery">
<a class="single_image" href="images/gallery/large/img1.jpg"><img src="images/gallery/thumbs/img1.jpg" width="160" height="96" alt="portfolio1" /></a>
<a class="single_image" href="images/gallery/large/img2.jpg"><img src="images/gallery/thumbs/img2.jpg" width="160" height="96" alt="portfolio2" /></a>
<a class="single_image" href="images/gallery/large/img3.jpg"><img src="images/gallery/thumbs/img3.jpg" width="160" height="96" alt="portfolio3" /></a>
<a class="single_image" href="images/gallery/large/img4.jpg"><img src="images/gallery/thumbs/img4.jpg" width="160" height="96" alt="portfolio4" /></a>
<a class="single_image" href="images/gallery/large/img5.jpg"><img src="images/gallery/thumbs/img5.jpg" width="160" height="96" alt="portfolio5" /></a>
<a class="single_image" href="images/gallery/large/img6.jpg"><img src="images/gallery/thumbs/img6.jpg" width="160" height="96" alt="portfolio6" /></a>
<a class="single_image" href="images/gallery/large/img7.jpg"><img src="images/gallery/thumbs/img7.jpg" width="160" height="96" alt="portfolio7" /></a>
<a class="single_image" href="images/gallery/large/img8.jpg"><img src="images/gallery/thumbs/img8.jpg" width="160" height="96" alt="portfolio8" /></a>
</div>
<div class="spacer"></div>
<div id="recent-text">
<h2>When you scroll down, a button appears...</h2>
<h5>That one takes you right back up!</h5>
</div>
<div class="spacer"></div>
<blockquote>So let's see how you can work with typography and features in this premium portfolio template...</blockquote>
<div class="one">
<h4>A couple paragraphs of text</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit mi ac felis facilisis ac bibendum nibh consectetur. Curabitur porttitor mauris vel dui laoreet ut bibendum augue condimentum. Donec massa tortor, rutrum id vehicula in, porttitor et mauris. Curabitur justo velit, consectetur vel porttitor quis, placerat ut eros. Fusce ut mi a magna ultrices blandit id eu quam. Sed semper nunc sed magna condimentum mattis. Duis id elit vel sapien tristique dignissim. Proin mauris turpis, congue ac tincidunt non, feugiat a nisl. In lacinia nisi et orci convallis ornare. Sed a justo dui, quis tristique metus. Mauris quis nibh ligula, ut lacinia magna. Nulla in erat nec quam euismod faucibus. Integer gravida dolor et orci laoreet mattis. Fusce hendrerit faucibus metus ac lacinia. Aenean sed turpis magna. In vel tortor velit, vel mollis felis.</p>
<p>Vestibulum aliquam nisi nec metus pulvinar ut dignissim erat placerat. Praesent quis urna lorem. Cras nec facilisis nisi. Morbi sollicitudin convallis porta. Cras condimentum mattis massa sit amet vulputate. Morbi sed erat arcu. Sed sollicitudin, augue quis laoreet sagittis, eros augue lacinia nulla, id tristique ligula lectus ut mauris. Suspendisse egestas faucibus vestibulum. Morbi gravida augue mattis enim mattis eget dapibus ante fringilla. Mauris condimentum dui nec orci feugiat congue. Proin suscipit, enim non iaculis pretium, ligula elit pharetra tortor, et placerat nibh mauris ut tellus.</p>
<p>Proin vel interdum massa. Nunc pharetra vehicula erat, in faucibus orci porttitor ultricies. Pellentesque id fringilla justo. Suspendisse ut suscipit nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut a velit id leo eleifend ullamcorper. Ut nulla odio, luctus sit amet volutpat ac, dapibus et ligula. Sed quis convallis sapien. Morbi sodales aliquet tortor, id lacinia nisl aliquet eu. Sed dapibus, magna et malesuada tempor, enim tortor hendrerit diam, vitae suscipit nibh felis vitae erat. Quisque adipiscing ante non augue blandit convallis. Aenean eu tellus sem. Praesent vehicula feugiat nunc, nec ornare felis tristique at. Integer non quam erat, in adipiscing ligula. Quisque lobortis sagittis sem vel condimentum. Cras viverra, tellus eget mollis malesuada, magna massa laoreet nisi, ac pulvinar mi quam sed dolor.</p>
</div>
<div class="spacer"></div>
<div class="one-half">
<h4>Split it up</h4>
<p>Proin vel interdum massa. Nunc pharetra vehicula erat, in faucibus orci porttitor ultricies. Pellentesque id fringilla justo. Suspendisse ut suscipit nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut a velit id leo eleifend ullamcorper. Ut nulla odio, luctus sit amet volutpat ac, dapibus et ligula. Sed quis convallis sapien. Morbi sodales aliquet tortor, id lacinia nisl aliquet eu. Sed dapibus, magna et malesuada tempor, enim tortor hendrerit diam, vitae suscipit nibh felis vitae erat. Quisque adipiscing ante non augue blandit convallis. Aenean eu tellus sem. Praesent vehicula feugiat nunc, nec ornare felis tristique at. Integer non quam erat, in adipiscing ligula. Quisque lobortis sagittis sem vel condimentum. Cras viverra, tellus eget mollis malesuada, magna massa laoreet nisi, ac pulvinar mi quam sed dolor.</p>
</div>
<div class="one-half-last">
<h4>In half</h4>
<p>Proin vel interdum massa. Nunc pharetra vehicula erat, in faucibus orci porttitor ultricies. Pellentesque id fringilla justo. Suspendisse ut suscipit nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut a velit id leo eleifend ullamcorper. Ut nulla odio, luctus sit amet volutpat ac, dapibus et ligula. Sed quis convallis sapien. Morbi sodales aliquet tortor, id lacinia nisl aliquet eu. Sed dapibus, magna et malesuada tempor, enim tortor hendrerit diam, vitae suscipit nibh felis vitae erat. Quisque adipiscing ante non augue blandit convallis. Aenean eu tellus sem. Praesent vehicula feugiat nunc, nec ornare felis tristique at. Integer non quam erat, in adipiscing ligula. Quisque lobortis sagittis sem vel condimentum. Cras viverra, tellus eget mollis malesuada, magna massa laoreet nisi, ac pulvinar mi quam sed dolor.</p>
</div>
<div class="spacer"></div>
<div class="one-third">
<h4>Split it up</h4>
<p>Proin vel interdum massa. Nunc pharetra vehicula erat, in faucibus orci porttitor ultricies. Pellentesque id fringilla justo. Suspendisse ut suscipit nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut a velit id leo eleifend ullamcorper. Ut nulla odio, luctus sit amet volutpat ac, dapibus et ligula. Sed quis convallis sapien. Morbi sodales aliquet tortor, id lacinia nisl aliquet eu. Sed dapibus, magna et malesuada tempor, enim tortor hendrerit diam, vitae suscipit nibh felis vitae erat. Quisque adipiscing ante non augue blandit convallis. Aenean eu tellus sem. Praesent vehicula feugiat nunc, nec ornare felis tristique at. Integer non quam erat, in adipiscing ligula. Quisque lobortis sagittis sem vel condimentum. Cras viverra, tellus eget mollis malesuada, magna massa laoreet nisi, ac pulvinar mi quam sed dolor.</p>
</div>
<div class="one-third">
<h4>Into a couple of pieces</h4>
<p>Proin vel interdum massa. Nunc pharetra vehicula erat, in faucibus orci porttitor ultricies. Pellentesque id fringilla justo. Suspendisse ut suscipit nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut a velit id leo eleifend ullamcorper. Ut nulla odio, luctus sit amet volutpat ac, dapibus et ligula. Sed quis convallis sapien. Morbi sodales aliquet tortor, id lacinia nisl aliquet eu. Sed dapibus, magna et malesuada tempor, enim tortor hendrerit diam, vitae suscipit nibh felis vitae erat. Quisque adipiscing ante non augue blandit convallis. Aenean eu tellus sem. Praesent vehicula feugiat nunc, nec ornare felis tristique at. Integer non quam erat, in adipiscing ligula. Quisque lobortis sagittis sem vel condimentum. Cras viverra, tellus eget mollis malesuada, magna massa laoreet nisi, ac pulvinar mi quam sed dolor.</p>
</div>
<div class="one-third-last">
<h4>Well three wil do!</h4>
<p>Proin vel interdum massa. Nunc pharetra vehicula erat, in faucibus orci porttitor ultricies. Pellentesque id fringilla justo. Suspendisse ut suscipit nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut a velit id leo eleifend ullamcorper. Ut nulla odio, luctus sit amet volutpat ac, dapibus et ligula. Sed quis convallis sapien. Morbi sodales aliquet tortor, id lacinia nisl aliquet eu. Sed dapibus, magna et malesuada tempor, enim tortor hendrerit diam, vitae suscipit nibh felis vitae erat. Quisque adipiscing ante non augue blandit convallis. Aenean eu tellus sem. Praesent vehicula feugiat nunc, nec ornare felis tristique at. Integer non quam erat, in adipiscing ligula. Quisque lobortis sagittis sem vel condimentum. Cras viverra, tellus eget mollis malesuada, magna massa laoreet nisi, ac pulvinar mi quam sed dolor.</p>
</div>
<div class="spacer"></div>
<div class="one-fourth">
<h4>Split it up</h4>
<p>Proin vel interdum massa. Nunc pharetra vehicula erat, in faucibus orci porttitor ultricies. Pellentesque id fringilla justo. Suspendisse ut suscipit nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut a velit id leo eleifend ullamcorper. Ut nulla odio, luctus sit amet volutpat ac, dapibus et ligula. Sed quis convallis sapien. Morbi sodales aliquet tortor, id lacinia nisl aliquet eu.</p>
</div>
<div class="one-fourth">
<h4>Into a couple of pieces</h4>
<p>Proin vel interdum massa. Nunc pharetra vehicula erat, in faucibus orci porttitor ultricies. Pellentesque id fringilla justo. Suspendisse ut suscipit nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut a velit id leo eleifend ullamcorper. Ut nulla odio, luctus sit amet volutpat ac, dapibus et ligula. Sed quis convallis sapien. Morbi sodales aliquet tortor, id lacinia nisl aliquet eu.</p>
</div>
<div class="one-fourth">
<h4>And some more...</h4>
<p>Proin vel interdum massa. Nunc pharetra vehicula erat, in faucibus orci porttitor ultricies. Pellentesque id fringilla justo. Suspendisse ut suscipit nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut a velit id leo eleifend ullamcorper. Ut nulla odio, luctus sit amet volutpat ac, dapibus et ligula. Sed quis convallis sapien. Morbi sodales aliquet tortor, id lacinia nisl aliquet eu.</p>
</div>
<div class="one-fourth-last">
<h4>Well four wil do!</h4>
<p>Proin vel interdum massa. Nunc pharetra vehicula erat, in faucibus orci porttitor ultricies. Pellentesque id fringilla justo. Suspendisse ut suscipit nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut a velit id leo eleifend ullamcorper. Ut nulla odio, luctus sit amet volutpat ac, dapibus et ligula. Sed quis convallis sapien. Morbi sodales aliquet tortor, id lacinia nisl aliquet eu.</p>
</div>
<div class="spacer"></div>
<div class="one-third">
<h1>Heading</h1>
<p>Proin vel interdum massa. Nunc pharetra vehicula erat, in faucibus orci porttitor ultricies. Pellentesque id fringilla justo. Suspendisse ut suscipit nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut a velit id leo eleifend ullamcorper. Ut nulla odio, luctus sit amet volutpat ac, dapibus et ligula. Sed quis convallis sapien. Morbi sodales aliquet tortor, id lacinia nisl aliquet eu. Sed dapibus, magna et malesuada tempor, enim tortor hendrerit diam, vitae suscipit nibh felis vitae erat.</p>
</div>
<div class="one-third">
<h2>This is a heading</h2>
<p>Proin vel interdum massa. Nunc pharetra vehicula erat, in faucibus orci porttitor ultricies. Pellentesque id fringilla justo. Suspendisse ut suscipit nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut a velit id leo eleifend ullamcorper. Ut nulla odio, luctus sit amet volutpat ac, dapibus et ligula. Sed quis convallis sapien. Morbi sodales aliquet tortor, id lacinia nisl aliquet eu. Sed dapibus, magna et malesuada tempor, enim tortor hendrerit diam, vitae suscipit nibh felis vitae erat.</p>
</div>
<div class="one-third-last">
<h3>This is a heading</h3>
<p>Proin vel interdum massa. Nunc pharetra vehicula erat, in faucibus orci porttitor ultricies. Pellentesque id fringilla justo. Suspendisse ut suscipit nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut a velit id leo eleifend ullamcorper. Ut nulla odio, luctus sit amet volutpat ac, dapibus et ligula. Sed quis convallis sapien. Morbi sodales aliquet tortor, id lacinia nisl aliquet eu. Sed dapibus, magna et malesuada tempor, enim tortor hendrerit diam, vitae suscipit nibh felis vitae erat.</p>
</div>
<div class="spacer"></div>
<div class="one-third">
<h4>This is a heading</h4>
<p>Proin vel interdum massa. Nunc pharetra vehicula erat, in faucibus orci porttitor ultricies. Pellentesque id fringilla justo. Suspendisse ut suscipit nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut a velit id leo eleifend ullamcorper. Ut nulla odio, luctus sit amet volutpat ac, dapibus et ligula. Sed quis convallis sapien. Morbi sodales aliquet tortor, id lacinia nisl aliquet eu. Sed dapibus, magna et malesuada tempor, enim tortor hendrerit diam, vitae suscipit nibh felis vitae erat.</p>
</div>
<div class="one-third">
<h5>This is a heading</h5>
<p>Proin vel interdum massa. Nunc pharetra vehicula erat, in faucibus orci porttitor ultricies. Pellentesque id fringilla justo. Suspendisse ut suscipit nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut a velit id leo eleifend ullamcorper. Ut nulla odio, luctus sit amet volutpat ac, dapibus et ligula. Sed quis convallis sapien. Morbi sodales aliquet tortor, id lacinia nisl aliquet eu. Sed dapibus, magna et malesuada tempor, enim tortor hendrerit diam, vitae suscipit nibh felis vitae erat.</p>
</div>
<div class="one-third-last">
<h6>This is a heading</h6>
<p>Proin vel interdum massa. Nunc pharetra vehicula erat, in faucibus orci porttitor ultricies. Pellentesque id fringilla justo. Suspendisse ut suscipit nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut a velit id leo eleifend ullamcorper. Ut nulla odio, luctus sit amet volutpat ac, dapibus et ligula. Sed quis convallis sapien. Morbi sodales aliquet tortor, id lacinia nisl aliquet eu. Sed dapibus, magna et malesuada tempor, enim tortor hendrerit diam, vitae suscipit nibh felis vitae erat.</p>
</div>
<div class="spacer"></div>
<div class="one-third">
<p><span class="dropcap">P</span>roin vel interdum massa. Nunc pharetra vehicula erat, in faucibus orci porttitor ultricies. Pellentesque id fringilla justo. Suspendisse ut suscipit nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut a velit id leo eleifend ullamcorper. Ut nulla odio, luctus sit amet volutpat ac, dapibus et ligula. Sed quis convallis sapien. Morbi sodales aliquet tortor, id lacinia nisl aliquet eu. Sed dapibus, magna et malesuada tempor, enim tortor hendrerit diam, vitae suscipit nibh felis vitae erat.</p>
</div>
<div class="one-third">
<p><span class="dropcap">Z</span>roin vel interdum massa. Nunc pharetra vehicula erat, in faucibus orci porttitor ultricies. Pellentesque id fringilla justo. Suspendisse ut suscipit nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut a velit id leo eleifend ullamcorper. Ut nulla odio, luctus sit amet volutpat ac, dapibus et ligula. Sed quis convallis sapien. Morbi sodales aliquet tortor, id lacinia nisl aliquet eu. Sed dapibus, magna et malesuada tempor, enim tortor hendrerit diam, vitae suscipit nibh felis vitae erat.</p>
</div>
<div class="one-third-last">
<p><span class="dropcap">V</span>roin vel interdum massa. Nunc pharetra vehicula erat, in faucibus orci porttitor ultricies. Pellentesque id fringilla justo. Suspendisse ut suscipit nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut a velit id leo eleifend ullamcorper. Ut nulla odio, luctus sit amet volutpat ac, dapibus et ligula. Sed quis convallis sapien. Morbi sodales aliquet tortor, id lacinia nisl aliquet eu. Sed dapibus, magna et malesuada tempor, enim tortor hendrerit diam, vitae suscipit nibh felis vitae erat.</p>
</div>
<div class="spacer"></div>
<div class="one-third">
<ul class="styled-list-check">
<h5>The checklist:</h5>
<li>This is the first item</li>
<li>This is the second item</li>
<li>This is the third item</li>
<li>This is the fourth item</li>
</ul>
</div>
<div class="one-third">
<ul class="styled-list-star">
<h5>The checklist:</h5>
<li>This is the first item</li>
<li>This is the second item</li>
<li>This is the third item</li>
<li>This is the fourth item</li>
</ul>
</div>
<div class="one-third-last">
<ul class="styled-list-dot">
<h5>The checklist:</h5>
<li>This is the first item</li>
<li>This is the second item</li>
<li>This is the third item</li>
<li>This is the fourth item</li>
</ul>
</div>
</div>
<!--This is the END of the features-->
<div class="spacer"></div>
</div>
<!--END of content-->
<p class="slide"><a href="#" class="btn-slide"></a></p>
<div id="slide-panel">
<!--This is the START of the follow section-->
<div id="follow">
<h3>Get Notified About My Newest Freebies & Upcoming Themes!</h3>
<h5>
<p>I do make some awesome freebies for you to use... All of them are FREE and pixel perfect!</p>
<p>Thanks for showing me the support by subscribing, and I'll try not to disappoint you...</p>
</h5>
<img class="star-divider" src="images/subscribe_divider.png" /> <a href="http://www.twitter.com/92_five">
<div id="follow-twitter"><img src="images/tweet_top.png" />
<h4>Follow me on twitter</h4>
</div>
</a><a href="http://eepurl.com/dqtGj">
<div id="follow-mail"><img src="images/mail_top.png" />
<h4>Subscribe to my newsletter</h4>
</div>
</a>
<h1>Thanks for that!</h1>
</div>
<!--END of follow section-->
</div>
</body>
</html>