forked from mdsrk/mini-social
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
178 lines (145 loc) · 13.1 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
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mini Social - free website template</title>
<meta name="keywords" content="mini social, free download, website templates, CSS, HTML" />
<meta name="description" content="Mini Social is a free website template from templatemo.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/coda-slider.css" type="text/css" media="screen" charset="utf-8" />
<script src="js/jquery-1.2.6.js" type="text/javascript"></script>
<script src="js/jquery.scrollTo-1.3.3.js" type="text/javascript"></script>
<script src="js/jquery.localscroll-1.2.5.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.serialScroll-1.2.1.js" type="text/javascript" charset="utf-8"></script>
<script src="js/coda-slider.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="slider">
<div id="templatemo_sidebar">
<div id="templatemo_header">
<a href="http://www.templatemo.com" target="_parent"><img src="images/templatemo_logo.png" alt="Mini Social" /></a>
</div> <!-- end of header -->
<ul class="navigation">
<li><a href="#home">Home<span class="ui_icon home"></span></a></li>
<li><a href="#aboutus">About Us<span class="ui_icon aboutus"></span></a></li>
<li><a href="#services">Services<span class="ui_icon services"></span></a></li>
<li><a href="#gallery">Gallery<span class="ui_icon gallery"></span></a></li>
<li><a href="#contactus">Contact Us<span class="ui_icon contactus"></span></a></li>
</ul>
</div> <!-- end of sidebar -->
<div id="templatemo_main">
<ul id="social_box">
<li><a href="http://www.facebook.com/templatemo"><img src="images/facebook.png" alt="facebook" /></a></li>
<li><a href="http://www.facebook.com/templatemo"><img src="images/twitter.png" alt="twitter" /></a></li>
<li><a href="http://www.facebook.com/templatemo"><img src="images/linkedin.png" alt="linkin" /></a></li>
<li><a href="http://www.facebook.com/templatemo"><img src="images/technorati.png" alt="technorati" /></a></li>
<li><a href="http://www.facebook.com/templatemo"><img src="images/myspace.png" alt="myspace" /></a></li>
</ul>
<div id="content">
<!-- scroll -->
<div class="scroll">
<div class="scrollContainer">
<div class="panel" id="home">
<h1>Introducing Mini Social website</h1>
<div class="image_wrapper image_fl"><img src="images/templatemo_image_01.jpg" alt="image" /></div>
<p><em>Nullam at erat ipsum, quis tincidunt mauris. Nunc sit amet sapien eget eros iaculis hendrerit quis a enim. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow">XHTML</a> & <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow">CSS</a>.</em></p>
<p>Mini Social is a <a href="http://www.templatemo.com/page/1" target="_parent">Free CSS Template</a> is provided by <a href="http://www.templatemo.com" target="_parent">templatemo.com</a>. You may use this template in your websites. Credits go to <a href="http://www.photovaco.com" target="_blank">PhotoVaco</a> for photos, <a href="http://jwloh.deviantart.com/art/Social-me-90694011" target="_blank">Social.me</a> and <a href="http://www.wefunction.com" target="_blank">WeFunction</a> for icons used in this template.</p>
<div class="cleaner_h40"></div>
<h2>Our Background</h2>
<p><em>Donec ac eros ac nunc blandit hendrerit. Vestibulum tincidunt, odio at ultricies sollicitudin, ante felis luctus justo, non venenatis quam mauris non tortor.</em></p>
<p>Mauris ligula tortor, congue laoreet rutrum eget, suscipit nec augue. In congue consectetur est, sit amet hendrerit velit adipiscing eget. Curabitur iaculis, erat pharetra porttitor sollicitudin, turpis lectus placerat arcu, ac mattis eros sem ut metus.</p>
<div class="btn_more"><a href="#aboutus">More <span>»</span></a></div>
</div> <!-- end of home -->
<div class="panel" id="aboutus">
<h1>About Us</h1>
<div class="image_wrapper image_fl"><img src="images/templatemo_image_02.jpg" alt="image" /></div>
<p><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse in lectus turpis. Vivamus cursus tortor quis leo ullamcorper auctor quis tincidunt metus.</em></p>
<p>Vestibulum vitae lectus a leo commodo egestas. Sed et ligula mauris. Donec interdum iaculis eros, sed porttitor justo ornare ac. Suspendisse ultrices arcu auctor sapien malesuada dictum. <a href="#">Vivamus non</a> ante sit amet ligula dignissim blandit ut sit amet purus. Sed tristique euismod lectus sed scelerisque. Curabitur convallis fringilla ante, eget eleifend magna iaculis eget. Praesent at nunc tellus. Sed sed auctor odio. Maecenas ut mauris eu ligula placerat tempor vel ac augue. Integer fermentum, ante eget sodales lacinia, nisl diam semper elit, non hendrerit nunc urna vitae erat. Etiam vel nisi risus.</p>
<p>Vestibulum tempus porttitor ipsum, ut dictum metus molestie eu. Donec interdum, mi ut facilisis posuere, neque sapien lacinia urna, nec hendrerit dolor arcu sed justo. Aenean rhoncus porttitor dolor non posuere. Nulla eu mi id tellus vehicula pellentesque et vitae magna. </p>
</div>
<div class="panel" id="services">
<h1>Our Services</h1>
<p>Vivamus laoreet pharetra eros. In quam nibh, placerat ac, porta ac, molestie non, purus. Curabitur sem ante, condimentum non, cursus quis, eleifend non, libero. Nunc a nulla. Suspendisse vitae orci a ligula egestas bibendum. Vestibulum ultrices. Pellentesque tempus sapien nec sem commodo ullamcorper. Credit goes to <a href="http://www.icojoy.com" target="_blank">Icojoy</a> for below icons.</p>
<ul class="service_list">
<li><a href="http://www.flashmo.com" class="service_one">Free XML Flash Templates</a></li>
<li><a href="http://www.flashmo.com/page/1" class="service_two">Flash Image Sliders</a></li>
<li><a href="#" class="service_three">Curabitur ullamcorper nibh</a></li>
<li><a href="#" class="service_four">Pellentesque adipiscing</a></li>
<li><a href="#" class="service_five">Vestibulum urna purus</a></li>
</ul>
</div>
<div class="panel" id="gallery">
<h1>Our Gallery</h1>
<div id="gallery_container">
<div class="gallery_box">
<img src="images/gallery/image_01.jpg" alt="01" />
<h4>Project One</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nec ligula vitae ipsum blandit condimentum. Nam fringilla luctus mauris, non ornare turpis lobortin.</p>
<div class="btn_more"><a href="#">Visit <span>»</span></a></div>
<div class="cleaner"></div>
</div>
<div class="gallery_box">
<img src="images/gallery/image_02.jpg" alt="02" />
<h4>Project No. 2</h4>
<p>Donec ac eros ac nunc blandit hendrerit. Vestibulum tincidunt, odio at ultricies sollicitudin, ante felis luctus justo, non venenatis quam mauris non tortor.</p>
<div class="btn_more"><a href="#">Visit <span>»</span></a></div>
<div class="cleaner"></div>
</div>
<div class="gallery_box">
<img src="images/gallery/image_03.jpg" alt="03" />
<h4>Project Three</h4>
<p> Mauris ligula tortor, congue laoreet rutrum eget, suscipit nec augue. In congue consectetur est, sit amet hendrerit velit adipiscing eget.</p>
<div class="btn_more"><a href="#">Visit <span>»</span></a></div>
<div class="cleaner"></div>
</div>
<div class="gallery_box">
<img src="images/gallery/image_04.jpg" alt="04" />
<h4>Project No. 4</h4>
<p> Curabitur iaculis, erat pharetra porttitor sollicitudin, turpis lectus placerat arcu, ac mattis eros sem ut metus. Nunc congue iaculis lectus in interdum.</p>
<div class="btn_more"><a href="#">Visit <span>»</span></a></div>
<div class="cleaner"></div>
</div>
<div class="gallery_box">
<img src="images/gallery/image_05.jpg" alt="05" />
<h4>Project Five</h4>
<p> Curabitur iaculis enim dolor. Sed quis augue ligula. Quisque aliquet egestas felis, in egestas turpis sodales et. In ac diam ut orci viverra bibendum. </p>
<div class="btn_more"><a href="#">Visit <span>»</span></a></div>
<div class="cleaner"></div>
</div>
<div class="gallery_box">
<img src="images/gallery/image_06.jpg" alt="06" />
<h4>Project No. 6</h4>
<p>Sed in viverra nulla. Duis rutrum vehicula ligula, non tempor nunc congue et. Nunc sit amet tortor nulla, ut eleifend enim sed condimentum tellus vestibulum in.</p>
<div class="btn_more"><a href="#">Visit <span>»</span></a></div>
<div class="cleaner"></div>
</div>
<div class="cleaner"></div>
</div>
</div>
<div class="panel" id="contactus">
<h1>Feel free to send us a message</h1>
<div id="contact_form">
<form method="post" name="contact" action="#contactus">
<label for="author">Your Name:</label> <input type="text" id="author" name="author" class="required input_field" />
<div class="cleaner_h10"></div>
<label for="email">Your Email:</label> <input type="text" id="email" name="email" class="validate-email required input_field" />
<div class="cleaner_h10"></div>
<label for="text">Message:</label> <textarea id="text" name="text" rows="0" cols="0" class="required"></textarea>
<div class="cleaner_h10"></div>
<input type="submit" class="submit_btn" name="submit" id="submit" value="Send" />
<input type="reset" class="submit_btn" name="reset" id="reset" value="Reset" />
</form>
</div>
</div>
</div>
</div>
<!-- end of scroll -->
</div> <!-- end of content -->
<div id="templatemo_footer">
Copyright © 2048 <a href="#">Your Company Name</a> | <a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>
</div> <!-- end of templatemo_footer -->
</div> <!-- end of main -->
</div>
<div align=center>This template downloaded form <a href='http://all-free-download.com/free-website-templates/'>free website templates</a></div></body>
</html>