list.html
5.17 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="./js/bootstrap.min.css">
<link rel="stylesheet" href="css/public.css">
<link rel="stylesheet" href="css/list.css">
<script src="./js/jquery-3.3.1.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<title>列表页</title>
</head>
<body>
<div class="page">
<div class="top-box nav">
<div class="top-box-nav">
<ul class="nav nav-tabs">
<li class="dropdown"><a class="dorpdown-doggle" data-toggle="dropdown" href="#">Language <i class="fas fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li class=""><a href="">English</a></li>
<li><a href="">Francais</a></li>
<li><a href="">Deutsch</a></li>
</ul>
</li>
</ul>
</div>
<div class="top-box-barbtn"><i class="fas fa-bars"></i></div>
</div>
<div class="header-wrapper">
<div class="container header-body">
<div class="row">
<div class="col-xs-6 logo-box">
<div class="logo"><img src="http://progressive.nikadevs.com/sites/all/themes/progressive/progressive_sub/logo.png" class="logo-img" alt="图片挂了">
</div>
</div>
<div class="col-xs-6">
<div class="btn-right-one">
<span><i class="fas fa-shopping-basket"></i></span>
<p>Cart 0</p>
</div>
<div class="btn-right-two">
<span><i class="fas fa-bars"></i></span>
<p>Menu</p>
</div>
</div>
</div>
</div>
</div>
<div class="float-clear"></div>
<div class="breadcrumb-box">
<div class="container">
<ul class="breadcrumb">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Pages</a></li>
<li><a href="#">Blog List</a></li>
</ul>
</div>
</div>
<div class="page-article">
<div class="page-title">
<h2>Our Blog</h2>
</div>
<div class="page-art-1">
<h3>Excepteur sint occaecat cupidatat</h3>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
<div class="page-art-1-footer">
<p>Admin, 15.09.2014</p>
<p>Posted in Movies, Sports</p>
</div>
</div>
<div class="page-art-2">
<h3>Excepteur sint occaecat cupidatat</h3>
<img src="" alt="图片挂了">
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
<div class="page-art-2-footer">
<p>Admin, 15.09.2014</p>
<p>Posted in Movies, Sports</p>
</div>
</div>
<div class="page-art-3">
<h3>Blog Quote</h3>
<p>Proin vel ultrices erat. Etiam et enim libero. Duis sollicitudin dignissim. Duis suscipit faucibus. Duis tristique feugiat velit quis lobortis. Phasellus dignissim mollis massa, sit amet accumsan urna euismod quis.</p>
<p>Someone famous in Source Title</p>
<div class="page-art-3-footer">
<p>Admin, 15.09.2014</p>
<p>Posted in eCommerce, Web design</p>
</div>
</div>
<div class="page-art-4">
<h3>Blog Vimeo</h3>
<video src="videofile.ogg" autoplay poster="posterimage.jpg">
视频挂了
</video>
<div class="page-art-4-footer">
<p>Admin, 15.09.2014</p>
<p>Posted in Graphic design, Movies</p>
</div>
</div>
<div class="page-art-5">
<h3>Lorem Ipsum</h3>
<img src="" alt="图片挂了">
<div class="page-art-5-footer">
<p>Admin, 15.09.2014</p>
<p>Posted in Sports, Ubercart</p>
</div>
</div>
<div class="page-art-6">
<h3>Lorem Ipsum</h3>
<img src="" alt="图片挂了">
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
<div class="page-art-2-footer">
<p>Admin, 15.09.2014</p>
<p>Posted in Movies, Sports</p>
</div>
</div>
</div>
</div>
</body>
</html>