-
Notifications
You must be signed in to change notification settings - Fork 0
/
details.html
161 lines (152 loc) · 7.27 KB
/
details.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
<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Powered By Zhiqiang Li</title>
<link href="images/logo.lzq.png" rel="shortcut icon" />
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Graphic Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<script src="js/jquery.min.js"></script>
<script src="js/erweimashow.js"></script>
</head>
<body>
<!-- header -->
<div class="banner" style="background:#000;">
<div class="container" >
<div class="header">
<div class="logo" > <!-- -->
<a href="index.html"><img src="images/logo.png" class="img-responsive" alt="" /></a>
</div>
<div id="cover"></div>
<div id="guide"><img src="images/pic.erweima.png"></div>
<div class="header-right">
<ul>
<li><a href="https://github.com/Xuntian/"><img src="images/logo.github.png" /></a></li>
<li><a href="javascript:_system._guide(true)"><img src="images/logo.wechat.png" /></a></li>
<li><a href="mailto:[email protected]"><img src="images/logo.mail.png" /></a></li>
<li>
<div class="search2">
<form>
<input type="text" value="Search.." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search..';}">
<input type="submit" value="">
</form>
</div>
</li>
<div class="clearfix"></div>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="head-nav">
<span class="menu"> </span>
<ul class="cl-effect-15">
<li class="active"><a href="index.html">HOME</a></li>
<li><a href="projects.html" data-hover="PROJECTS">PROJECTS</a></li>
<li><a href="photos.html" data-hover="PHOTOS">PHOTOS</a></li>
<li><a href="404.html" data-hover="ARCHIVES">ARCHIVES</a></li>
<li><a href="contact.html" data-hover="CONTACT">CONTACT</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<!-- script-for-nav -->
<script>
$( "span.menu" ).click(function() {
$( ".head-nav ul" ).slideToggle(300, function() {
// Animation complete.
});
});
</script>
<!-- script-for-nav -->
</div>
</div>
<!-- header -->
<div class="details">
<div class="container">
<div class="det_pic">
<img src="images/img18.jpg" class="img-responsive" alt="">
</div>
<div class="det_text">
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. </p>
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics</p>
</div>
<ul class="links">
<li><i class="date"> </i><span class="icon_text">July 14, 2014</span></li>
<li><a href="#"><i class="admin"> </i><span class="icon_text">Admin</span></a></li>
<li class="last"><a href="#"><i class="permalink"> </i><span class="icon_text">Permalink</span></a></li>
</ul>
<ul class="links_middle">
<li><a href="#"><i class="title-icon"> </i><span class="icon_text">Lorem Ipsum Dolore</span></a></li>
<li><i class="tags"> </i><span class="icon_text">No tags</span></li>
</ul>
<ul class="links_bottom">
<li><a href="#"><i class="comments"> </i><span class="icon_text">5 Comments</span></a></li>
<li><i class="views"> </i><span class="icon_text">49</span></li>
<li><i class="likes"> </i><span class="icon_text">12</span></li>
</ul>
<div class="comments1">
<h4>COMMENTS</h4>
<div class="comments-main">
<div class="col-md-2 cmts-main-left">
<img src="images/avatar.png" alt="">
</div>
<div class="col-md-10 cmts-main-right">
<h5>TOM BROWN</h5>
<p>Vivamus congue turpis in augue pellentesque scelerisque. Pellentesque aliquam laoreet sem nec ultrices. Fusce blandit nunc vehicula massa vehicula tincidunt. Nam venenatis cursus urna sed gravida. Ut tincidunt elit ut quam malesuada consequat. Sed semper purus sit amet lorem elementum faucibus.</p>
<div class="cmts">
<div class="cmnts-left">
<p>On April 14, 2014, 18:01</p>
</div>
<div class="cmnts-right">
<a href="#">Reply</a>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="lev">
<div class="leave">
<h4>Leave a comment</h4>
</div>
<form id="commentform">
<label for="author">Name</label>
<input id="author" name="author" type="text" value="" size="30" aria-required="true">
<label for="email">Email</label>
<input id="email" name="email" type="text" value="" size="30" aria-required="true">
<label for="url">Website</label>
<input id="url" name="url" type="text" value="" size="30">
<label for="comment">Comment</label>
<textarea></textarea>
<div class="clearfix"></div>
<input name="submit" type="submit" id="submit" value="Send">
<div class="clearfix"></div>
</form>
</div>
</div>
</div>
<!-- footer -->
<div class="footer" style="background:#000;">
<div class="container" >
<i class="ham"></i>
<span>Copyrights © 2016 Zhiqiang Li</span>
<i class="men"></i>
<span><a href="http://github.com/Xuntian/Xuntian.github.io/">View source by: Xuntian.github.io</a></span>
<i class="lik"></i>
<span><a href="http://github.com/Xuntian/">Github Account: Xuntian </a></span>
</div>
</div>
<!-- footer -->
</body>
</html>