-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
64 lines (63 loc) · 3.16 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="description" content="web design">
<meta name="keywords" content="html5,css,web design">
<meta name="author" content="JiaJiaTang">
<title>HTML5 Web Deisgn|About</title>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<header>
<div class="container">
<div id="branding">
<h1><span class="highlight">HTML5</span> Web Design</h1>
</div>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li class="current"><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
</ul>
</nav>
</div>
</header>
<!-- ./header -->
<!-- ./showcase -->
<section id="newsletter">
<!-- newsletter=通讯 -->
<div class="container">
<h1>NEWSLETTER</h1>
<!-- <h1>JiaJiaTang666@yeah.net</h1> -->
<form>
<input type="email" placeholder="email...">
<!-- placeholder=占位符 -->
<button type="submit" class="button_1">确定</button>
<!-- submit=提交 -->
</form>
</div>
</section>
<!-- ./newsletter -->
<section id="main">
<div class="container">
<article id="main-col">
<h1 class="page-title">About Cn</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec justo ut odio mattis gravida. Vivamus dignissim mauris arcu, et varius sem aliquam in. Curabitur eget rhoncus nunc, at elementum lorem. Pellentesque at commodo risus. Nam ac odio vitae arcu convallis rutrum a eget purus. Donec tortor ligula, luctus sed condimentum vitae, facilisis ac arcu. Aliquam semper nibh eget magna euismod vestibulum. Aenean porta placerat eros at vehicula. Nullam auctor semper mattis. Ut vitae finibus lacus, vel consectetur urna. Cras consectetur vestibulum mauris, quis placerat nisi.</p>
<p class="grad">Vestibulum metus dui, commodo sed est nec, euismod faucibus ligula. Cras hendrerit arcu et lorem aliquam, non vestibulum lacus porta. Pellentesque feugiat pretium eleifend. Sed sit amet condimentum odio, non egestas augue. Proin eu quam sit amet dolor placerat facilisis at non quam. Nam quis accumsan neque, sed congue dolor. Nam sit amet dui sem. Mauris iaculis, velit sed eleifend molestie, ante quam vestibulum urna, sit amet dapibus neque justo a lacus. Phasellus ex dolor, blandit eu laoreet sed, rutrum id tortor. Phasellus nec augue vel tellus hendrerit consectetur. Nulla sit amet ipsum pretium, aliquam felis eget, pellentesque mi.</p>
</article>
<aside id="sidebar">
<div class="grad">
<h3>What We Do</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit doloremque quaerat, cupiditate, eveniet quod facere dolore placeat praesentium labore corporis eaque laboriosam earum magni debitis rem odio id quis accusamus.</p>
</div>
</aside>
</div>
</section>
<!-- /.boxes -->
<footer>
<p>Web Deisgn, Copyright © 2017</p>
</footer>
</body>
</html>