-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathaboutus.html
117 lines (111 loc) · 5.39 KB
/
aboutus.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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../css/index.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Oxanium&display=swap" rel="stylesheet">
<title>Sleeptracker About</title>
</head>
<body class = "aboutbody">
<header>
<!-- nav bar placed on every page -->
<nav class = "navigation">
<!-- add logo image -->
<img src= "../img/logo.png" class = "logo">
<ul class ="nav_links">
<li><a href="index.html">Home</a></li>
<li><a href="aboutus.html">About Us</a></li>
<li><a href="findoutmore.html">Find Out More!</a></li>
<li><a href="updates.html">Updates</a></li>
</ul>
<a href="https://sleeptracker-3-git-staging.sleeptracker3.now.sh/"><button>Sign in</button></a>
</nav>
</header>
<div class= "aboutus">
<h1>About Us</h1>
</div>
<section class= "about-content">
<hr>
<div class= "leftdev">
<div class = "about-text">
<h2>Hector Valdez - Backend</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. <p>
</div>
<div class= "img-container-left">
<img class= "hector" src= "../img/hector.png">
</div>
</div>
<hr>
<div class= "rightdev">
<div class = "about-text">
<h2>Erik Scow - React I</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. <p>
</div>
<div class= "img-container-right">
<img class= "erik" src= "../img/erik.jpg">
</div>
</div>
<hr>
<div class= "leftdev">
<div class = "about-text">
<h2>Tyler Nelson - WEB UI </h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. <p>
</div>
<div class= "img-container-left">
<img class= "tyler" src= "../img/tyler.png">
</div>
</div>
<hr>
<div class= "rightdev">
<div class = "about-text">
<h2>Rigo - WEB UI</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. <p>
</div>
<div class= "img-container-right">
<img class= "rigo" src= "../img/rigo.png">
</div>
</div>
<hr>
<div class= "leftdev">
<div class = "about-text">
<h2>Simon Nolla - React II</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. <p>
</div>
<div class= "img-container-left">
<img class= "simon" src= "../img/simon.png">
</div>
</div>
<hr>
<div class= "rightdev"> <!-- Added Gina -->
<div class = "about-text">
<h2>Gina Christians - Project Lead</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. <p>
</div>
<div class= "img-container-right">
<img class= "rigo" src= "../img/gina.png">
</div>
</div>
<hr>
<div class= "leftdev"> <!-- aded Chris Adams -->
<div class = "about-text">
<h2>Chris Adams - Backend</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. <p>
</div>
<div class= "img-container-left">
<img class= "simon" src= "../img/chris.png">
</div>
</div>
<hr>
</section>
<footer>
<h3>Contact</h3>
<p>123 Way 456 Street</p>
<p>Somewhere, USA</p>
<p>1 (502) 777-8888</p>
<a href= "[email protected]">[email protected]</a>
<div class= "copyright">
pyright Sleeptracker 2020 ©</p>
</div>
</footer>
</body>