Skip to content

Commit 11b3cb1

Browse files
doubleflyingdoubleflying
committed
博客模板文件
1 parent 2e4e0e2 commit 11b3cb1

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

63 files changed

+16843
-0
lines changed

‎blog_model/about.html

Lines changed: 302 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,302 @@
1+
<!DOCTYPE HTML>
2+
<html>
3+
<head>
4+
<title>About</title>
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
7+
<meta name="keywords" content="" />
8+
<script type="applijewelleryion/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
9+
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
10+
<!-- Custom Theme files -->
11+
<link href='http://fonts.useso.com/css?family=Raleway:400,600,700' rel='stylesheet' type='text/css'>
12+
<link href="css/style.css" rel='stylesheet' type='text/css' />
13+
<script src="js/jquery-1.11.1.min.js"></script>
14+
<script src="js/bootstrap.min.js"></script>
15+
</head>
16+
<body>
17+
<div class="header" id="ban">
18+
<div class="container">
19+
<div class="head-left">
20+
<div class="header-search">
21+
<div class="search">
22+
<input class="search_box" type="checkbox" id="search_box">
23+
<label class="icon-search" for="search_box"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></label>
24+
<div class="search_form">
25+
<form action="#" method="post">
26+
<input type="text" name="Search" placeholder="Search...">
27+
<input type="submit" value="Send">
28+
</form>
29+
</div>
30+
</div>
31+
</div>
32+
</div>
33+
<div class="header_right">
34+
<nav class="navbar navbar-default">
35+
<!-- Brand and toggle get grouped for better mobile display -->
36+
<div class="navbar-header">
37+
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
38+
<span class="sr-only">Toggle navigation</span>
39+
<span class="icon-bar"></span>
40+
<span class="icon-bar"></span>
41+
<span class="icon-bar"></span>
42+
</button>
43+
</div>
44+
45+
<!-- Collect the nav links, forms, and other content for toggling -->
46+
<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
47+
<nav class="link-effect-7" id="link-effect-7">
48+
<ul class="nav navbar-nav">
49+
<li><a href="index.html">Home</a></li>
50+
<li class="active act"><a href="about.html">About</a></li>
51+
<li><a href="features.html">Features</a></li>
52+
<li><a href="travel.html">Travel</a></li>
53+
<li><a href="fashion.html">Fashion</a></li>
54+
<li><a href="music.html">Music</a></li>
55+
<li><a href="codes.html">Codes</a></li>
56+
<li><a href="contact.html">Contact</a></li>
57+
</ul>
58+
</nav>
59+
</div>
60+
<!-- /.navbar-collapse -->
61+
</nav>
62+
</div>
63+
<div class="nav navbar-nav navbar-right social-icons wow fadeInRight animated animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInRight;">
64+
<ul>
65+
<li><a href="#"> </a></li>
66+
<li><a href="#" class="pin"> </a></li>
67+
<li><a href="#" class="in"> </a></li>
68+
<li><a href="#" class="be"> </a></li>
69+
70+
<li><a href="#" class="vimeo"> </a></li>
71+
</ul>
72+
</div>
73+
<div class="clearfix"> </div>
74+
</div>
75+
</div>
76+
<!--start-main-->
77+
<div class="header-bottom">
78+
<div class="container">
79+
<div class="logo">
80+
<h1><a href="index.html">STYLE BLOG</a></h1>
81+
<p><label class="of"></label>LET'S MAKE A PERFECT STYLE<label class="on"></label></p>
82+
</div>
83+
</div>
84+
</div>
85+
<!-- banner -->
86+
87+
<div class="banner-1">
88+
89+
</div>
90+
91+
<!-- technology-left -->
92+
<div class="technology">
93+
<div class="container">
94+
<div class="col-md-9 technology-left">
95+
<div class="w3agile-1">
96+
<div class="welcome">
97+
<div class="welcome-top heading">
98+
<h2 class="w3">WELCOME</h2>
99+
<div class="welcome-bottom">
100+
<img src="images/t4.jpg" class="img-responsive" alt="">
101+
<p>Vivamus interdum diam diam, non faucibus tortor consequat vitae. Proin sit amet augue sed massa pellentesque viverra. Suspendisse iaculis purus eget est pretium aliquam ut sed diam. Nullam non magna lobortis, faucibus erat eu, consequat justo. Suspendisse commodo nibh odio, vel elementum nulla luctus sit amet.</p>
102+
<p>Nulla in tempor lectus. Etiam ac mauris lacinia nulla ultricies porta sit amet eleifend ligula. Quisque tincidunt vitae turpis at efficitur. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec sagittis, magna a sagittis dapibus, ipsum metus interdum lectus, quis feugiat leo ipsum nec diam.</p>
103+
</div>
104+
</div>
105+
</div>
106+
<div class="team">
107+
<h3 class="team-heading">Meet our team</h3>
108+
<div class="team-grids">
109+
<div class="col-md-6 team-grid">
110+
<div class="team-grid1">
111+
<img src="images/2.jpg" alt=" " class="img-responsive">
112+
<div class="p-mask">
113+
<p>Neque porro quisquam est, qui dolorem ipsum.</p>
114+
115+
</div>
116+
</div>
117+
<h5>Laura Mark<span>Sales Manager</span></h5>
118+
<ul class="social">
119+
<li><a class="social-facebook" href="#">
120+
<i></i>
121+
<div class="tooltip"><span>Facebook</span></div>
122+
</a></li>
123+
<li><a class="social-twitter" href="#">
124+
<i></i>
125+
<div class="tooltip"><span>Twitter</span></div>
126+
</a></li>
127+
<li><a class="social-google" href="#">
128+
<i></i>
129+
<div class="tooltip"><span>Google+</span></div>
130+
</a></li>
131+
</ul>
132+
</div>
133+
<div class="col-md-6 team-grid">
134+
<div class="team-grid1">
135+
<img src="images/3.jpg" alt=" " class="img-responsive">
136+
<div class="p-mask">
137+
<p>Neque porro quisquam est, qui dolorem ipsum.</p>
138+
139+
</div>
140+
</div>
141+
<h5>Joseph Ali<span>Manager</span></h5>
142+
<ul class="social">
143+
<li><a class="social-facebook" href="#">
144+
<i></i>
145+
<div class="tooltip"><span>Facebook</span></div>
146+
</a></li>
147+
<li><a class="social-twitter" href="#">
148+
<i></i>
149+
<div class="tooltip"><span>Twitter</span></div>
150+
</a></li>
151+
<li><a class="social-google" href="#">
152+
<i></i>
153+
<div class="tooltip"><span>Google+</span></div>
154+
</a></li>
155+
</ul>
156+
</div>
157+
158+
159+
<div class="clearfix"> </div>
160+
</div>
161+
</div>
162+
</div>
163+
</div>
164+
<!-- technology-right -->
165+
<div class="col-md-3 technology-right">
166+
167+
168+
<div class="blo-top1">
169+
170+
<div class="tech-btm">
171+
<div class="search-1">
172+
<form action="#" method="post">
173+
<input type="search" name="Search" value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}" required="">
174+
<input type="submit" value=" ">
175+
</form>
176+
</div>
177+
<h4>Popular Posts </h4>
178+
<div class="blog-grids">
179+
<div class="blog-grid-left">
180+
<a href="singlepage.html"><img src="images/t2.jpg" class="img-responsive" alt=""></a>
181+
</div>
182+
<div class="blog-grid-right">
183+
184+
<h5><a href="singlepage.html">Pellentesque dui Maecenas male</a> </h5>
185+
</div>
186+
<div class="clearfix"> </div>
187+
</div>
188+
<div class="blog-grids">
189+
<div class="blog-grid-left">
190+
<a href="singlepage.html"><img src="images/m2.jpg" class="img-responsive" alt=""></a>
191+
</div>
192+
<div class="blog-grid-right">
193+
194+
<h5><a href="singlepage.html">Pellentesque dui Maecenas male</a> </h5>
195+
</div>
196+
<div class="clearfix"> </div>
197+
</div>
198+
<div class="blog-grids">
199+
<div class="blog-grid-left">
200+
<a href="singlepage.html"><img src="images/f2.jpg" class="img-responsive" alt=""></a>
201+
</div>
202+
<div class="blog-grid-right">
203+
204+
<h5><a href="singlepage.html">Pellentesque dui Maecenas male</a> </h5>
205+
</div>
206+
<div class="clearfix"> </div>
207+
</div>
208+
<div class="blog-grids">
209+
<div class="blog-grid-left">
210+
<a href="singlepage.html"><img src="images/t3.jpg" class="img-responsive" alt=""></a>
211+
</div>
212+
<div class="blog-grid-right">
213+
214+
<h5><a href="singlepage.html">Pellentesque dui Maecenas male</a> </h5>
215+
</div>
216+
<div class="clearfix"> </div>
217+
</div>
218+
<div class="blog-grids">
219+
<div class="blog-grid-left">
220+
<a href="singlepage.html"><img src="images/m3.jpg" class="img-responsive" alt=""></a>
221+
</div>
222+
<div class="blog-grid-right">
223+
224+
<h5><a href="singlepage.html">Pellentesque dui Maecenas male</a> </h5>
225+
</div>
226+
<div class="clearfix"> </div>
227+
</div>
228+
<div class="insta">
229+
<h4>Instagram</h4>
230+
<ul>
231+
232+
<li><a href="singlepage.html"><img src="images/t1.jpg" class="img-responsive" alt=""></a></li>
233+
<li><a href="singlepage.html"><img src="images/m1.jpg" class="img-responsive" alt=""></a></li>
234+
<li><a href="singlepage.html"><img src="images/f1.jpg" class="img-responsive" alt=""></a></li>
235+
<li><a href="singlepage.html"><img src="images/m2.jpg" class="img-responsive" alt=""></a></li>
236+
<li><a href="singlepage.html"><img src="images/f2.jpg" class="img-responsive" alt=""></a></li>
237+
<li><a href="singlepage.html"><img src="images/t2.jpg" class="img-responsive" alt=""></a></li>
238+
<li><a href="singlepage.html"><img src="images/f3.jpg" class="img-responsive" alt=""></a></li>
239+
<li><a href="singlepage.html"><img src="images/t3.jpg" class="img-responsive" alt=""></a></li>
240+
<li><a href="singlepage.html"><img src="images/m3.jpg" class="img-responsive" alt=""></a></li>
241+
</ul>
242+
</div>
243+
244+
<p>Lorem ipsum ex vix illud nonummy, novum tation et his. At vix scripta patrioque scribentur, at pro</p>
245+
</div>
246+
247+
248+
249+
</div>
250+
251+
252+
</div>
253+
<div class="clearfix"></div>
254+
<!-- technology-right -->
255+
</div>
256+
</div>
257+
<div class="footer">
258+
<div class="container">
259+
<div class="col-md-4 footer-left">
260+
<h4>About Me</h4>
261+
<p>Consectetur adipisicing Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod .</p>
262+
<img src="images/t4.jpg" class="img-responsive" alt="">
263+
<div class="bht1">
264+
<a href="singlepage.html">Read More</a>
265+
</div>
266+
</div>
267+
<div class="col-md-4 footer-middle">
268+
<h4>Latest Tweet</h4>
269+
<div class="mid-btm">
270+
<p>Sed do eiusmod tempor Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod .</p>
271+
<a href="http://sc.chinaz.com/">http://sc.chinaz.com/</a>
272+
</div>
273+
274+
<p>Consectetur adipisicing Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod .</p>
275+
<a href="http://sc.chinaz.com/">http://sc.chinaz.com/</a>
276+
277+
</div>
278+
<div class="col-md-4 footer-right">
279+
<h4>Newsletter</h4>
280+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt</p>
281+
<div class="name">
282+
<form action="#" method="post">
283+
<input type="text" placeholder="Your Name" required="">
284+
<input type="text" placeholder="Your Email" required="">
285+
<input type="submit" value="Subscribed Now">
286+
</form>
287+
288+
</div>
289+
290+
<div class="clearfix"> </div>
291+
292+
</div>
293+
<div class="clearfix"></div>
294+
</div>
295+
</div>
296+
<div class="copyright">
297+
<div class="container">
298+
<p>Copyright &copy; 2016.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
299+
</div>
300+
</div>
301+
</body>
302+
</html>

0 commit comments

Comments
 (0)