ching-fu.github.io/index.html at master · ching-fu/ching-fu.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/normalize.css">
	<link rel="stylesheet" href="css/main.css">
</head>
<body>
	<section id="header" class="container clearfix">
		<div id="logo">
			<img src="http://placehold.it/102x90" alt="logo canna">
		</div>
		<ul id="nav">
			<li class="bt active"><a href="#">home</a></li>
			<li class="bt"><a href="#">page</a></li>
			<li class="bt"><a href="#">portfilo</a></li>
			<li class="bt"><a href="#">blog</a></li>
			<li class="bt"><a href="#">feature</a></li>
			<li class="bt"><a href="#">
				<img src="http://placehold.it/20x20" alt="" id="search">
			</a></li>
		</ul>
	</section>

	<section class="header">
		<div class="wrapper">
		<h1 class="title">SERVICE</h1>
		<div id="breadcrumbs">
			<a href="#">home</a> /
			<a href="#">pages</a> /
			<a href="#">services</a>
		</div>
		</div>
	</section>
	<section id="blocks" class="features">
	<div class="container">
			<div class="feature"><img src="http://placehold.it/40x40" alt="">
			<h3>Lorem ipsum.</h3>
			<h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita, maxime.</h2>
			</div>
			<div class="feature"><img src="http://placehold.it/40x40" alt="">
			<h3>Lorem ipsum.</h3>
			<h2>Lorem ipsum dolor sit amet, consectetur adipisicing e. Expedita, maxime.</h2>
			</div>
			<div class="feature"><img src="http://placehold.it/40x40" alt="">
			<h3>Lorem ipsum.</h3>
			<h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita, maxime.</h2>
			</div>
			<div class="feature"><img src="http://placehold.it/40x40" alt="">
			<h3>Lorem ipsum.</h3>
			<h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita, maxime.</h2>
			</div>
			<div class="feature"><img src="http://placehold.it/40x40" alt="">
			<h3>Lorem ipsum.</h3>
			<h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita, maxime.</h2>
			</div>
			<div class="feature"><img src="http://placehold.it/40x40" alt="">
			<h3>Lorem ipsum.</h3>
			<h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita, maxime.</h2>
			</div>
		</div>
	</section>


</body>
</html>