-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·71 lines (63 loc) · 4.96 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="images/logo-drk.png">
<link rel="stylesheet" type="text/css" href="css/html5reset.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<title>Newer Company Inc.</title>
</head>
<body>
<div class="skip"><a href="">Skip to Main Content</a></div>
<header>
<nav>
<ul>
<li><a href="">About</a></li>
<li><a href="">Method</a></li>
<li><a href="">Clients</a></li>
<li><a href="">Contact</a></li>
</ul>
</nav>
</header>
<main class="container" id = "main">
<div class = "overview">
<h1>New Company Inc.</h1>
<p>Creating a better workspace by transforming the office paradigm. We're helping employees make their mark on the world through effective workspace management. We would love to meet you and explore collaboration opportunities.</p>
</div>
<div class="about-image" id="about">
<img src="images/about.jpg" alt="People meeting and writing around the desk, meeting.">
</div>
<div class="about text-block" tabindex="0">
<h2>About</h2>
<p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam pulvinar euismod dolor, eu aliquam nibh efficitur vel. Phasellus sit amet velit congue, finibus nibh eu, ultricies magna. Donec eu ultrices eros. Donec sit amet metus nisi. Nulla tincidunt justo non risus aliquam, sit amet lacinia lacus commodo. Aliquam ultricies ante sed semper porta. Integer eros tortor, convallis eu ultricies malesuada, fringilla sed libero. Aenean molestie rhoncus leo eu imperdiet. Mauris eget molestie massa. Maecenas auctor sapien a arcu laoreet, et consectetur odio scelerisque. Praesent ac turpis sed neque porttitor finibus faucibus quis tortor. Morbi tempus turpis lacus, nec laoreet tellus rhoncus quis. Aliquam vitae dolor urna. In pellentesque ullamcorper turpis, commodo cursus mauris condimentum eget.</p>
</div>
<div class="method-image" id="method">
<img src="images/method.jpg" alt="Someone taking notes with on paper.">
</div>
<div class="method text-block" tabindex="0">
<h2>Method</h2>
<p>Praesent eu lorem sed eros pellentesque tincidunt. Duis nec dapibus dui. Curabitur cursus dapibus lectus, at molestie ipsum hendrerit eget. Aliquam magna ipsum, gravida et ligula id, tincidunt facilisis arcu. In blandit, magna a pretium mollis, mauris odio cursus eros, tempor rutrum diam est non enim. Nunc porttitor imperdiet placerat. Mauris aliquam, purus nec viverra placerat, ipsum est sollicitudin ipsum, vel lacinia justo justo rutrum libero.</p>
<p>Praesent eu lorem sed eros pellentesque tincidunt. Duis nec dapibus dui. Curabitur cursus dapibus lectus, at molestie ipsum hendrerit eget. Aliquam magna ipsum, gravida et ligula id, tincidunt facilisis arcu. In blandit, magna a pretium mollis, mauris odio cursus eros, tempor rutrum diam est non enim. Nunc porttitor imperdiet placerat. Mauris aliquam, purus nec viverra placerat, ipsum est sollicitudin ipsum, vel lacinia justo justo rutrum libero.</p>
</div>
<div class="clients-image" id="clients">
<img src="images/clients.jpg" alt="Two men and a woman are meeting around a table.">
</div>
<div class="clients text-block" tabindex="0">
<h2>Clients</h2>
<p>Nullam accumsan efficitur accumsan. Nunc arcu ante, iaculis nec leo vel, iaculis cursus odio. Vestibulum at elit eu nisi finibus placerat ac a lorem. Donec congue iaculis quam, non tempor ipsum accumsan et. Duis risus tellus, maximus sit amet varius pulvinar, faucibus in orci. Morbi ac placerat lectus. Sed leo augue, fringilla eu viverra auctor, dapibus vitae odio. Quisque non porttitor sem, vitae dictum tortor. Maecenas interdum sollicitudin mattis. Pellentesque accumsan elit eget placerat finibus. Phasellus eget elit quis est mattis porta non non metus. Pellentesque lacus dui, tempor ac elit at, convallis ultricies velit. Fusce viverra dui dui, vitae feugiat erat ornare sit amet. Maecenas diam ligula, venenatis id dignissim et, convallis non tellus. Aenean vehicula laoreet vehicula.</p>
</div>
<div class="contact-image" id="contact">
<img src="images/contact.jpg" alt ="A man is making a phone call.">
</div>
<div class="contact text-block" tabindex="0">
<h2>Contact</h2>
<p>Etiam dolor ex, vehicula nec augue in, lobortis volutpat turpis. Pellentesque vel vestibulum metus. Nam luctus porta sapien a malesuada. Nunc porttitor imperdiet placerat. Mauris aliquam, purus nec viverra placerat, ipsum est sollicitudin ipsum, vel lacinia justo justo rutrum libero.</p>
</div>
</main>
<footer>
<p>University of Michigan School of Information <br>
© Colleen van Lent, Drew Asselin - Web Design 2019-2020</p>
</footer>
</body>
</html>