-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
89 lines (77 loc) · 2.85 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Demo</title>
<meta name="description" content="">
<link rel="stylesheet" href="global.css" type="text/css" media="screen" charset="utf-8">
</head>
<body>
<div id="container">
<header>
<img src="http://placekitten.com/g/90/90">
<h1>Everyone has a story</h1>
<h2>- let us tell yours -</h2>
</header>
<div id="description">
<div id="head">
<h3>We tell stories through video</h3>
<p>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 laboris nisi ut aliquip ex ea commodo consequat. </p>
</div>
<div id="portfolio">
<ul>
<li><a href="#"><img src="http://placekitten.com/287/200"></a></li>
<li><a href="#"><img src="http://placekitten.com/287/200"></a></li>
<li><a href="#"><img src="http://placekitten.com/287/200"></a></li>
<li><a href="#"><img src="http://placekitten.com/287/200"></a></li>
<li><a href="#"><img src="http://placekitten.com/287/200"></a></li>
<li><a href="#"><img src="http://placekitten.com/287/200"></a></li>
<li><a href="#"><img src="http://placekitten.com/287/200"></a></li>
<li><a href="#"><img src="http://placekitten.com/287/200"></a></li>
<li><a href="#"><img src="http://placekitten.com/287/200"></a></li>
<li><a href="#"><img src="http://placekitten.com/287/200"></a></li>
<li><a href="#"><img src="http://placekitten.com/287/200"></a></li>
</ul>
</div>
</div>
<div id="staff_info">
<h4>The Team</h4>
<div class="faces">
<img src="http://placekitten.com/120/120">
<h5>NAME</h5>
<p>Title 1</p>
<p>Title 2</p>
<p>Title 3</p>
<img src="http://placehold.it/30/30">
</div>
<div class="faces">
<img src="http://placekitten.com/120/120">
<h5>NAME</h5>
<p>Title 1</p>
<p>Title 2</p>
<p>Title 3</p>
<img src="http://placehold.it/30/30">
</div>
<div class="faces">
<img src="http://placekitten.com/120/120">
<h5>NAME</h5>
<p>Title 1</p>
<p>Title 2</p>
<p>Title 3</p>
<img src="http://placehold.it/30/30">
</div>
<div class="faces">
<img src="http://placekitten.com/120/120">
<h5>NAME</h5>
<p>Title 1</p>
<p>Title 2</p>
<p>Title 3</p>
<img src="http://placehold.it/30/30">
</div>
</div>
<footer>
FOOTER
</footer>
</div>
</body>
</html>