forked from louisafan/lab2
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
101 lines (84 loc) · 3.67 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
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
<!doctype html>
<html>
<head>
<title>Widgets-R-Us</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link rel="shortcut icon" href="img/logo-small.png">
<meta name="author" content="al37">
</head>
<body>
<div class="content-box">
<header>
<div class="banner">
<img class="logo" src="img/logo.png" alt="company logo">
<h1 class="corporate-name">Widgets-R-Us</h1>
<h3 class="motto">Making high-quality widgets since 1991</h3>
</div>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="products.html">Products</a></li>
<li><a href="about.html">About</a></li>
</ul>
</nav>
</header>
<article>
<section>
<h2>Our Story</h2>
<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. 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.</p> <br>
<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. 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.</p> <br>
</section>
<section>
<h2>Our Team</h2>
<div class="person">
<img class="photo" src="img/person.jpg" alt="photo of the person">
<h4 class="name">Amy Chen, President</h4>
<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. Official!</p>
</div>
<div class="person">
<img class="photo" src="img/person.jpg" alt="photo of the person">
<h4 class="name">Rochelle Jones, CIO</h4>
<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. Official!</p>
</div>
<div class="person">
<img class="photo" src="img/person.jpg" alt="photo of the person">
<h4 class="name">Michael Matsui, VP Operations</h4>
<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. Official!</p>
</div>
<div class="person">
<img class="photo" src="img/person.jpg" alt="photo of the person">
<h4 class="name">Thorfin Skullsplitter, HR Director</h4>
<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. Official!</p>
</div>
</section>
</article>
<footer>
<p>We ship for free in the continental United States! Call or <a href="mailto:[email protected]">email us</a> to place an order today.</p>
<p>© 2013 Widgets-R-Us</p>
</footer>
</div>
</body>
</html>