-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsingle.html
228 lines (212 loc) · 10.9 KB
/
single.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
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>KOMPLEET</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Free Responsive Html5 Templates">
<meta name="author" content="">
<!-- styles -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/menu.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body id="wrapper">
<!-- /////////////////////////////////////////Navigation -->
<button id="mm-menu-toggle" class="mm-menu-toggle">Toggle Menu</button>
<nav id="mm-menu" class="mm-menu">
<div class="mm-menu__header">
<h2 class="mm-menu__title">KOMPLEET</h2>
</div>
<ul class="mm-menu__items">
<li class="mm-menu__item">
<a class="mm-menu__link" href="index.html">
<span class="mm-menu__link-text"><i class="fa fa-home"></i> Home</span>
</a>
</li>
<li class="mm-menu__item">
<a class="mm-menu__link" href="index.html">
<span class="mm-menu__link-text"><i class="fa fa-user"></i> Blog</span>
</a>
</li>
<li class="mm-menu__item">
<a class="mm-menu__link" href="single.html">
<span class="mm-menu__link-text"><i class="fa fa-inbox"></i> About</span>
</a>
</li>
<li class="mm-menu__item">
<a class="mm-menu__link" href="contact.html">
<span class="mm-menu__link-text"><i class="fa fa-heart"></i> Contact</span>
</a>
</li>
</ul>
</nav><!-- /nav -->
<!-- /////////////////////////////////////////Header -->
<div class="top-header">
<div class="container">
<ul class="list-inline top-social">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest"></i></a></li>
</ul>
</div>
</div>
<div class="svg-container nav-svg svg-block">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1950 150">
<g transform="translate(0,-902.36218)"></g>
<path d="m 898.41609,-33.21176 0.01,0 -0.005,-0.009 -0.005,0.009 z"></path>
<path d="m 898.41609,-33.21176 0.01,0 -0.005,-0.009 -0.005,0.009 z"></path>
<path d="M 0,150 0,0 1925,0"></path>
</svg>
</div>
<header id="masthead" class="site-header" role="banner" style="background-position: 50% -120px;">
<div class="overlay"></div>
<div class="container">
<div class="site-branding">
<a href="index.html" title="KOMPLEET"><img class="site-logo" src="images/logo.png" alt="KOMPLEET"></a>
</div><!-- .site-branding -->
</div>
<div class="svg-container header-svg svg-block">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1890 150">
<g transform="translate(0,-902.36218)"></g>
<path d="m 898.41609,-33.21176 0.01,0 -0.005,-0.009 -0.005,0.009 z"></path>
<path d="m 898.41609,-33.21176 0.01,0 -0.005,-0.009 -0.005,0.009 z"></path>
<path d="m 1925,0 0,150 -1925,0"></path>
</svg>
</div>
</header><!-- #masthead -->
<!-- Header -->
<!-- /////////////////////////////////////////Content -->
<div id="page-content" class="sub-page">
<!-- //////////// -->
<article class="box-content container">
<div class="svg-container single-post-svg svg-block">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1890 150">
<g transform="translate(0,-902.36218)"></g>
<path d="m 898.41609,-33.21176 0.01,0 -0.005,-0.009 -0.005,0.009 z"></path>
<path d="m 898.41609,-33.21176 0.01,0 -0.005,-0.009 -0.005,0.009 z"></path>
<path d="m 1925,0 0,150 -1925,0"></path>
</svg>
</div>
<div class="post" style="">
<h1 class="entry-title">The Title on The Article</h1>
<div class="single-thumb">
<img src="images/single.jpg" alt="About">
</div>
<p>For many years, we have been making sustainable progress possible and driving positive change on every continent. With 2014 sales and revenues of $56 billion, our Company is the world’s leading manufacturer of various products. The company principally operates through its three product segments. Company strategy includes a vision of the future where: we are recognized as the leader everywhere we do business; our products, services and solutions help our customers succeed; our distribution system is a competitive advantage; our supply chain is world class; our business model drives superior results performance consistently rewards our stockholders.<br><br>Our Worldwide Code of Conduct, first published in 1974, defines what we stand for and believe in, documenting the uncompromisingly high ethical standards our company has upheld since its founding in 1925.</p>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>
<blockquote><p>Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet vultatup duista.</p></blockquote>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril.</p>
<h2>Heading 1</h2>
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse lorem ipsum dolor sit amet.</p>
<h2>Heading 2</h2>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis. At vero eos et accusam et justo.</p>
<h2>Heading 3</h2>
<p>Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum hendrerit in vulputate velit esse molestie.</p>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>
<p><code>Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</code></p>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<div class="note">
<ol>
<li>Lorem ipsum</li>
<li>Sit amet vultatup nonumy</li>
<li>Duista sed diam</li>
</ol>
<div class="clear"></div>
</div>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<p>Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores.</p>
</div>
<div class="svg-container single-post-svg single-svg-bottom svg-block">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1920 150">
<g transform="translate(0,-902.36218)"></g>
<path d="m 898.41609,-33.21176 0.01,0 -0.005,-0.009 -0.005,0.009 z"></path>
<path d="m 898.41609,-33.21176 0.01,0 -0.005,-0.009 -0.005,0.009 z"></path>
<path d="M 0,150 0,0 1925,0"></path>
</svg>
</div>
</article>
<div class="comment-respond container">
<h3 id="reply-title" class="comment-reply-title">Leave a Reply</h3>
<p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> Required fields are marked <span class="required">*</span></p>
<div id="comment_form">
<form name="form1" id="comment" method="post" action="">
<label>
<span>Your message here:</span>
<textarea name="message" id="message"></textarea>
</label>
<label>
<span>Enter your name:</span>
<input type="text" name="name" id="name" required>
</label>
<label>
<span>Enter your email:</span>
<input type="email" name="email" id="email" required>
</label>
<label>
<span>Enter your website:</span>
<input type="text" name="website" id="website">
</label>
<center><input class="sendButton" type="submit" name="Submit" value="Submit"></center>
</form>
</div>
</div>
</div>
<div class="svg-container footer-svg svg-block">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1890 150">
<g transform="translate(0,-902.36218)"></g>
<path d="m 898.41609,-33.21176 0.01,0 -0.005,-0.009 -0.005,0.009 z"></path>
<path d="m 898.41609,-33.21176 0.01,0 -0.005,-0.009 -0.005,0.009 z"></path>
<path d="m 1925,0 0,150 -1925,0"></path>
</svg>
</div>
<!-- /////////////////////////////////////////Footer -->
<footer>
<div class="wrap-footer">
<div class="container">
<div class="row">
<div class="col-md-4">
<span class="copyright">Copyright © 2019.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">网页模板</a></span>
</div>
<div class="col-md-4">
<ul class="list-inline social-buttons">
<li><a href="#"><i class="fa fa-twitter"></i></a>
</li>
<li><a href="#"><i class="fa fa-facebook"></i></a>
</li>
<li><a href="#"><i class="fa fa-linkedin"></i></a>
</li>
</ul>
</div>
<div class="col-md-4">
<ul class="list-inline quicklinks">
<li><a href="#">Privacy Policy</a>
</li>
<li><a href="#">Terms of Use</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<!-- Footer -->
<!-- Top Slider -->
<script src="js/jquery.js"></script>
<!-- Menu Js -->
<script src="js/materialMenu.js"></script>
<script>
var menu = new Menu;
</script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>