-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathaboutus.html
More file actions
205 lines (197 loc) · 9.82 KB
/
Copy pathaboutus.html
File metadata and controls
205 lines (197 loc) · 9.82 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>About Us</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
<link rel="stylesheet" href="css/index.css">
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="container home">
<header>
<div class="nav">
<div class="nav-bar">
<div id="logo">S&J</div>
<div class="nav-buttons">
<img class="nav-open" src="img/nav-hamburger.png" alt="">
<img class="nav-close hidden" src="img/nav-hamburger-close.png" alt="">
</div>
</div>
<nav class="nav-content hidden">
<a class="nav-link" href="index.html">Home</a>
<a class="nav-link" href="services.html">Services</a>
<a class="nav-link" href="projects.html">Projects</a>
<a class="nav-link" href="aboutus.html">About Us</a>
<a class="nav-link" href="contact.html">Contact</a>
</nav>
</div>
</header>
<section>
<div class="aboutus-main-img">
<img class="desktop" src="img\aboutus\aboutus-jumbotron.png" alt="">
<img class="mobile" src="img\aboutus\aboutus-mobile-jumbotron.png" alt="">
<h1>About Us</h1>
</div>
</section>
<section class="aboutus">
<h1>Who we are</h1>
<p>
Together at S & J, lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Nunc mi ipsum faucibus
vitae aliquet. Sollicitudin tempor id eu nisl nunc. Est sit amet facilisis
magna etiam tempor orci eu lobortis. Sagittis aliquam malesuada bibendum
arcu. <br><br> Our diverse commodo sed egestas egestas fringilla phasellus faucibus. Nulla
facilisi cras fermentum odio eu feugiat pretium nibh. Etiam dignissim
diam quis enim. Curabitur vitae nunc sed velit dignissim sodales ut eu
sem. Quam elementum pulvinar etiam non quam lacus suspendisse. Fusce id
velit ut tortor pretium viverra.
</p>
</section>
<section class="team">
<h1>Our Team</h1>
<div class="team-members">
<div class="team-member">
<img class="member-pic" src="img\aboutus\william.jpg" alt="" />
<div class="member-info">
<h2>William Jackson</h2>
<h3>Senior Principal & Partner</h3>
<p>
William's background comes from lorem ipsum dolor sit amet consectetur
adipisicing elit. Dolorum, quidem, pariatur commodi laudantium id
aliquid ducimus officia doloribus dolores adipisci porro ratione?
Praesentium ad, facere voluptatum hic at nemo corrupti magnam
placeat doloribus, est impedit vitae provident iste. Maiores
voluptates commodi quis, hic corporis enim aliquid perferendis
odit velit quisquam.
</p>
</div>
</div>
<div class="team-member-rev">
<img class="member-pic" src="img\aboutus\linda.jpg" alt="" />
<div class="member-info">
<h2>Linda Sorensen</h2>
<h3>Principal & Partner</h3>
<p>
Linda's background comes from lorem ipsum dolor sit amet consectetur
adipisicing elit. Dolorum, quidem, pariatur commodi laudantium id
aliquid ducimus officia doloribus dolores adipisci porro ratione?
Praesentium ad, facere voluptatum hic at nemo corrupti magnam
placeat doloribus, est impedit vitae provident iste. Maiores
voluptates commodi quis, hic corporis enim aliquid perferendis
odit velit quisquam.
</p>
</div>
</div>
<div class="team-member">
<img class="member-pic" src="img\aboutus\glenna.jpg" alt="" />
<div class="member-info">
<h2>Glenna Price</h2>
<h3>Department Head</h3>
<p>
Glenna's background comes from lorem ipsum dolor sit amet consectetur
adipisicing elit. Dolorum, quidem, pariatur commodi laudantium id
aliquid ducimus officia doloribus dolores adipisci porro ratione?
Praesentium ad, facere voluptatum hic at nemo corrupti magnam
placeat doloribus, est impedit vitae provident iste. Maiores
voluptates commodi quis, hic corporis enim aliquid perferendis
odit velit quisquam.
</p>
</div>
</div>
<div class="team-member-rev">
<img class="member-pic" src="img\aboutus\joe.jpg" alt="" />
<div class="member-info">
<h2>Joe J. Smith</h2>
<h3>Project Manager</h3>
<p>
Joe's background comes from lorem ipsum dolor sit amet consectetur
adipisicing elit. Dolorum, quidem, pariatur commodi laudantium id
aliquid ducimus officia doloribus dolores adipisci porro ratione?
Praesentium ad, facere voluptatum hic at nemo corrupti magnam
placeat doloribus, est impedit vitae provident iste. Maiores
voluptates commodi quis, hic corporis enim aliquid perferendis
odit velit quisquam.
</p>
</div>
</div>
<div class="team-member">
<img class="member-pic" src="img\aboutus\ron.jpg" alt="" />
<div class="member-info">
<h2>Ron Dallas</h2>
<h3>Senior Architect</h3>
<p>
Ron's background comes from lorem ipsum dolor sit amet consectetur
adipisicing elit. Dolorum, quidem, pariatur commodi laudantium id
aliquid ducimus officia doloribus dolores adipisci porro ratione?
Praesentium ad, facere voluptatum hic at nemo corrupti magnam
placeat doloribus, est impedit vitae provident iste. Maiores
voluptates commodi quis, hic corporis enim aliquid perferendis
odit velit quisquam.
</p>
</div>
</div>
<div class="team-member-rev">
<img class="member-pic" src="img\aboutus\paula.jpg" alt="" />
<div class="member-info">
<h2>Paula Gray</h2>
<h3>Architect II</h3>
<p>
Paula's background comes from lorem ipsum dolor sit amet consectetur
adipisicing elit. Dolorum, quidem, pariatur commodi laudantium id
aliquid ducimus officia doloribus dolores adipisci porro ratione?
Praesentium ad, facere voluptatum hic at nemo corrupti magnam
placeat doloribus, est impedit vitae provident iste. Maiores
voluptates commodi quis, hic corporis enim aliquid perferendis
odit velit quisquam.
</p>
</div>
</div>
</div>
</section>
</div>
<footer>
<div class="footer-content">
<div class="contact">
<h3>Interested in starting a project?</h3>
<h3>Let's talk:</h3>
<input type="text" placeholder="Enter email">
<h4>We'll never share your email with anyone else.</h4>
</div>
<div class="adresses">
<div class="address">
<h3>New York</h3>
<p>
123 Lane <br>
Studio 100 <br>
Albany, NY 12345 <br>
202 555 0144
</p>
</div>
<div class="address">
<h3>Florida</h3>
<p>
Ocean Drive <br>
Studio 201 <br>
Orlando, FL 22345 <br>
502 555 0144
</p>
</div>
<div class="address">
<h3>California</h3>
<p>
Mountain Street <br>
Studio 105 <br>
San Diego, CA 32345 <br>
702 555 0144
</p>
</div>
</div>
</div>
<p id="copyright">Copyright © 2018 Smith and Jones</p>
</footer>
<script src="js/index.js"></script>
</body>
</html>