-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
185 lines (185 loc) · 9.93 KB
/
blog.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
<!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>
<title>GeoForce | Blog</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/arial.js"></script>
<script type="text/javascript" src="js/cuf_run.js"></script>
</head>
<body>
<div class="main">
<div class="header">
<div class="header_resize">
<div class="logo">
<h1><a href="index.html"><span>Geo</span>Force<br />
<small>put your login here</small></a></h1>
</div>
<div class="searchform">
<form id="formsearch" name="formsearch" method="post" action="#">
<input name="button_search" src="images/search_btn.gif" class="button_search" type="image" />
<span>
<input name="editbox_search" class="editbox_search" id="editbox_search" maxlength="80" value="" type="text" />
</span>
</form>
</div>
<div class="clr"></div>
<div class="menu">
<ul>
<li><a href="index.html"><span>Home</span></a></li>
<li><a href="support.html"><span>Support</span></a></li>
<li><a href="about.html"><span>About Us</span></a></li>
<li class="active"><a href="blog.html"><span>Blog</span></a></li>
<li><a href="contact.html"><span>Contact Us</span></a></li>
</ul>
</div>
<div class="clr"></div>
</div>
</div>
<div class="clr"></div>
<div class="hbg">
<div class="hbg_resize">
<h2>Read me first...</h2>
<p><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ac magna a turpis ornare aliquam id hendrerit nisl.</strong></p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ac magna a turpis ornare aliquam id hendrerit nisl. Pellentesque adipiscing blandit mollis. Curabitur varius est et sem rhoncus et pretium massa molestie. Curabitur varius est et sem rhoncus et pretium massa molestie.</p>
<p><a href="#"><img src="images/readmore.gif" width="112" height="33" alt="" border="0" /></a></p>
</div>
</div>
<div class="content">
<div class="content_resize">
<div class="mainbar">
<div class="article">
<h2>A Blog Entry</h2>
<p>Posted by <a href="#">Owner</a> | Filed under <a href="#">templates</a>, <a href="#">internet</a></p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. </p>
<p>Tagged: <a href="#">orci</a>, <a href="#">lectus</a>, <a href="#">varius</a>, <a href="#">turpis</a></p>
<p><a href="#"><strong>Comments (3)</strong></a> | May 27, 2015 | <a href="#"><strong>Edit</strong></a></p>
</div>
<div class="article">
<h2>3 Responses</h2>
<div class="comment"> <a href="#"><img src="images/userpic.gif" width="40" height="40" alt="" class="userpic" /></a>
<p><a href="#">admin</a> Says:<br />
April 20th, 2009 at 2:17 pm</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.</p>
</div>
<div class="comment"> <a href="#"><img src="images/userpic.gif" width="40" height="40" alt="" class="userpic" /></a>
<p><a href="#">Owner</a> Says:<br />
April 20th, 2009 at 3:21 pm</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo.</p>
</div>
<div class="comment"> <a href="#"><img src="images/userpic.gif" width="40" height="40" alt="" class="userpic" /></a>
<p><a href="#">admin</a> Says:<br />
April 20th, 2009 at 2:17 pm</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.</p>
</div>
</div>
<div class="article">
<h2>Leave a Reply</h2>
<form action="#" method="post" id="leavereply">
<ol>
<li>
<label for="name">Name (required)</label>
<input id="name" name="name" class="text" />
</li>
<li>
<label for="email">Email Address (required)</label>
<input id="email" name="email" class="text" />
</li>
<li>
<label for="website">Website</label>
<input id="website" name="website" class="text" />
</li>
<li>
<label for="message">Your Message</label>
<textarea id="message" name="message" rows="8" cols="50"></textarea>
</li>
<li>
<input type="image" name="imageField" id="imageField" src="images/submit.gif" class="send" />
<div class="clr"></div>
</li>
</ol>
</form>
</div>
</div>
<div class="sidebar">
<div class="gadget">
<h2 class="star">Sidebar Menu</h2>
<ul class="sb_menu">
<li><a href="#">Home</a></li>
<li><a href="#">TemplateInfo</a></li>
<li><a href="#">Style Demo</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">Website Templates</a></li>
</ul>
</div>
<div class="gadget">
<h2 class="star">Sponsors</h2>
<ul class="ex_menu">
<li><a href="#">DreamTemplate</a><br />
Over 6,000+ Premium Web Templates</li>
<li><a href="#">TemplateSOLD</a><br />
Premium WordPress & Joomla Themes</li>
<li><a href="#">ImHosted.com</a><br />
Affordable Web Hosting Provider</li>
<li><a href="#">DreamStock</a><br />
Download Amazing Stock Photos</li>
<li><a href="#">Evrsoft</a><br />
Website Builder Software & Tools</li>
<li><a href="#">MyVectorStore</a><br />
Royalty Free Stock Icons</li>
</ul>
</div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="fbg">
<div class="fbg_resize">
<div class="col c1">
<h2>About</h2>
<img src="images/white.jpg" width="66" height="66" alt="" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius.</p>
<p>llorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna.</p>
</div>
<div class="col c2">
<h2>Lorem Ipsum</h2>
<p>Lorem ipsum dolor<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.</p>
<ul class="sb_menu">
<li><a href="#">consequat molestie</a></li>
<li><a href="#">sem justo</a></li>
<li><a href="#">semper</a></li>
<li><a href="#">magna sed purus</a></li>
<li><a href="#">tincidunt</a></li>
</ul>
</div>
<div class="col c3">
<h2>Image Gallery</h2>
<a href="#"><img src="images/pix1.jpg" width="66" height="66" alt="" class="ad" /></a> <a href="#"><img src="images/pix2.jpg" width="66" height="66" alt="" class="ad" /></a> <a href="#"><img src="images/pix3.jpg" width="66" height="66" alt="" class="ad" /></a> <a href="#"><img src="images/pix4.jpg" width="66" height="66" alt="" class="ad" /></a> <a href="#"><img src="images/pix5.jpg" width="66" height="66" alt="" class="ad" /></a> <a href="#"><img src="images/pix6.jpg" width="66" height="66" alt="" class="ad" /></a>
<h2>Contact Info</h2>
<p><strong>Phone:</strong> +1234567<br />
<strong>Address:</strong> 123 TemplateAccess Rd<br />
<strong>E-mail:</strong> <a href="#">[email protected]</a></p>
</div>
<div class="clr"></div>
</div>
</div>
<div class="footer">
<div class="footer_resize">
<p class="lf">© Copyright MyWebSite. Designed by Blue <a href="http://www.bluewebtemplates.com/">Website Templates</a></p>
<ul class="fmenu">
<li><a href="index.html">Home</a></li>
<li><a href="support.html">Support</a></li>
<li class="active"><a href="blog.html">Blog</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contacts</a></li>
</ul>
</div>
<div class="clr"></div>
</div>
</div>
</body>
</html>