-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
94 lines (88 loc) · 5.09 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
90
91
92
93
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Gloria+Hallelujah|Rock+Salt|Work+Sans:300|Roboto:300|Khula" rel="stylesheet">
</head>
<body id="landing">
<!-- Navbar -->
<nav>
<div id="navbar">
<ul id="nav">
<li class="navLink"><a href="index.html#landing">Home</a></li>
<li class="navLink"><a href="index.html#about">About</a></li>
<li class="navLink"><a href="index.html#services">Services</a></li>
<li class="navLink"><a href="index.html#contact">Contact</a></li>
<li class="navLink"><a href="sponsors.html">Sponsors</a></li>
</ul>
</div>
</nav>
<!-- Central landing page (one-page scroll) -->
<div id="landing">
<!-- Video and headers -->
<div id="videoContain">
<div id="videoBack">
<iframe src="https://www.youtube.com/embed/63dlm9irIcI?autoplay=1;rel=0&controls=0&showinfo=0&loop=1&mute=1" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<div id="titleText">
<h1>Home<span class="alt">Safe</span></h1>
<h3>Don't walk alone.</h3>
</div>
</div>
<!-- About page and staff photos -->
<div id="about">
<h2>Our <span class="alt">story</span></h2>
<div id="description">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce luctus nibh nibh, finibus aliquam ipsum semper eget. Aenean at elit ut dolor luctus commodo. Pellentesque elit ipsum, lacinia ut erat ac, sagittis luctus arcu. Vestibulum sed ligula suscipit, finibus felis vel, fermentum massa. Etiam blandit felis purus, et congue augue scelerisque eu. In ut nunc eros. Donec at purus nunc. Quisque eleifend et turpis sed vehicula. Vivamus at neque mauris. Nam ultricies enim porttitor vestibulum luctus. Sed auctor iaculis diam vel ornare.</p>
</div>
<div id="staffAbout">
<h2>About us</h2>
<div id="staff1Box">
<img id="staff1" src="https://image.freepik.com/free-vector/programmer-working-on-the-computer_23-2147505689.jpg" alt="Ted" class="staff">
<div class="scrollBox">
<div class="scrollText">
Ted founded HomeSafe in 2005, and has been working on it full time since 2009.
</div>
</div>
<h5 id="Ted">Ted</h5>
</div>
<div id="staff2Box">
<img id="staff2" src="https://image.freepik.com/free-vector/programmer-and-process-coding_23-2147505688.jpg" alt="Ned" class="staff">
<div class="scrollBox">
<div class="scrollText">
Ned has been a programmer in LA since 2001. He has been the chief developer of HomeSafe since 2010.
</div>
</div>
<h5 id="Ned">Ned</h5>
</div>
</div>
</div>
<!-- Services page with app description and Apple/Play links -->
<div id="services">
<h2>About HomeSafe</h2>
<div id="servicesBox">
<p>Vivamus elementum lorem posuere ex porttitor tincidunt. In placerat ultricies elementum. Vestibulum accumsan erat nec dui imperdiet, nec maximus nibh consequat. Maecenas elit augue, commodo sed sapien vel, tincidunt porta nisl. Fusce ligula nulla, vehicula a diam eu, consequat ornare purus. Morbi urna turpis, interdum et malesuada facilisis, tristique at metus. Nunc vel ullamcorper velit.</p>
</div>
<!-- Buttons for Apple store, Google play -->
<h4><span class="alt">Download</span> HomeSafe here:</h4>
<button type="button"><a href="#">Google Play</a></button>
<button type="button"><a href="#">App Store</a></button>
</div>
<!-- Contact page, with email form (currently mailed to phony placeholder account) -->
<div id="contact">
<h2><span class="alt">Contact </span>us:</h2>
<!-- Contact us box -->
<form class="contactForm" id="general" action="mailto:staff@example.com" method="post" enctype="text/plain">
<label for="fullname">Your full name:</label><br>
<input type="text" name="fullname" placeholder="Your name here..."><br><br>
<label for="email">Your email:</label><br>
<input type="text" name="email" placeholder="Your email here..."><br><br>
<label for="request">Briefly describe your reason for contacting us:</label><br><br>
<textarea name="request" form="general"></textarea><br><br>
<input type="submit" value="Submit">
<input type="reset" value="Start over">
</form>
</div>
</body>
</html>