-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathArticle.html
More file actions
57 lines (57 loc) · 3.83 KB
/
Copy pathArticle.html
File metadata and controls
57 lines (57 loc) · 3.83 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>未央|Ordin</title>
<!--布局-->
<link href="css/content_styles.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<header id="wrapper">
<div class="container clearfix">
<h1 id="logo"><a href="Index.html">MY FOLIO</a></h1>
<div id="nav-button"> <span class="nav-bar"></span> <span class="nav-bar"></span> <span class="nav-bar"></span> </div>
<div id="options" class="clearfix">
<ul id="filters" class="option-set clearfix" data-option-key="filter">
<li><a href="Index.html" class="selected">发布|Send</a></li>
<li><a href="Index.html">最热|Hot</a></li>
<li><a href="Index.html">收藏|Favorite</a></li>
<li><a href="Index.html">个人中心|Me</a></li>
</ul>
</div>
</div>
</header>
<div class="container">
<div id="container" class="clearfix">
<div class="element clearfix col2-3 post post2">
<div class="images"><img src="images/blog-post.jpg" alt="" /><a href="#filter=.blog">
</a></div>
<div class="white-bottom">
<h2>Blog Post Heading</h2>
<p>Phasellus leo ante, posuere in fringilla vitae, pretium at dui. Fusce et neque quis odio gravida auctor vel non mauris. Morbi auctor, sem ac tristique mollis, enim sapien molestie velit, in dignissim diam tellus ac turpis. Sed sollicitudin aliquam scelerisque. Phasellus elit diam, scelerisque at lobortis vitae, commodo et neque. Sed lobortis porta metus nec bibendum. Nunc tristique placerat elementum. </p>
<p> Maecenas est lorem, imperdiet sed adipiscing et, fringilla eget justo. Etiam accumsan, elit ac tempus tincidunt, neque diam egestas nibh, a laoreet libero ante sed magna. Sed dictum, dui sed ultricies sollicitudin, arcu dui gravida velit, eu egestas nunc eros sed massa. </p>
<p class="blockquote">" Mauris pellentesque, elit at interdum adipiscing, sapien urna sagittis nisi, in placerat orci quam varius sapien. Suspendisse auctor nulla id augue mollis tempor. "<span>– Johnathan Doe</span></p>
<p>Mauris pellentesque, elit at interdum adipiscing, sapien urna sagittis nisi, in placerat orci quam varius sapien. Suspendisse auctor nulla id augue mollis tempor. Morbi auctor, sem ac tristique mollis, enim sapien molestie velit, in dignissim diam tellus ac turpis. </p>
<p>Mauris pellentesque, elit at interdum adipiscing, sapien urna sagittis nisi, in placerat orci quam varius sapien. Suspendisse auctor nulla id augue mollis tempor. Morbi auctor, sem ac tristique mollis, enim sapien molestie velit, in dignissim diam tellus ac turpis. </p><p>Mauris pellentesque, elit at interdum adipiscing, sapien urna sagittis nisi, in placerat orci quam varius sapien. Suspendisse auctor nulla id augue mollis tempor. Morbi auctor, sem ac tristique mollis, enim sapien molestie velit, in dignissim diam tellus ac turpis. </p>
<p>Mauris pellentesque, elit at interdum adipiscing, sapien urna sagittis nisi, in placerat orci quam varius sapien. Suspendisse auctor nulla id augue mollis tempor. Morbi auctor, sem ac tristique mollis, enim sapien molestie velit, in dignissim diam tellus ac turpis. </p>
<p>Mauris pellentesque, elit at interdum adipiscing, sapien urna sagittis nisi, in placerat orci quam varius sapien. Suspendisse auctor nulla id augue mollis tempor. Morbi auctor, sem ac tristique mollis, enim sapien molestie velit, in dignissim diam tellus ac turpis. </p>
</div>
<div id="articlecomment">
<strong>评论</strong>
<hr>
<strong>用户：昵你妹的称</strong>
<p>好高兴呀，又吃成长快乐了呢~~</p>
<p>金羚你要来一片么</p>
<hr>
</div>
</div>
</div>
</div>
<!-- 回到顶部 -->
<div id="backtotop">
<ul>
<li><a id="toTop" href="#" onClick="return false">Back to Top</a></li>
</ul>
</div>
</body>
</html>