-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
158 lines (135 loc) · 5.13 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=Wid, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Home - Wildr</title>
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat|Raleway&display=swap" rel="stylesheet">
</head>
<body>
<!-- ======================
#nav-bar
========================== -->
<header>
<nav id="navbar">
<!-- <div class="brand-wrapper"> -->
<a class="logo" href="index.html">W〄</a>
<!-- </div> -->
<ul id="menu">
<li class="nav-item"><a class="nav-link" href="#top">Home</a></li>
<li class="nav-item">
<a class="nav-link" href="#filler-1">
About</a></li>
<li class="nav-item"><a class="nav-link" href="#filler-2">FAQ</a></li>
<li class="nav-item"> <a class="nav-link" id="join-link" href="#filler-3">Join</a></li>
</ul>
</nav>
<!-- ======================
#jumbotron
========================== -->
<div id="jumbotron">
<div id="brand">
<h1 id="brand-name">Wildr</h1>
<p id="tagline">Get outdoorsy</p>
</div>
<div id="boxes">
<a id="joinbox" class="call-to" href="#join">Join our community</a>
<a id="callbox" href= "tel:+12930104022" class="call-to">Get in Touch</a>
</div>
</div>
</head> <!-- ======================
#About
========================== -->
<section id="about">
<!-- <h2 class="section-title">About</h2> -->
<main>
<h2 id="main-info">Instantly locate your nearest public land, and get to nature faster.
</h2>
<p>
Wildr contains a comprehensive datatabase of all US public land, from the majesty of our National Parks to the convenience of your neighborhood greenspace. Download the app, hit the trail quicker, plan your trips smarter, and join our growing outdoorsy community.
</p>
</main>
</section>
<section id="filler-1">
<h2 class="section-title" id="why">Why Wildr?</h2>
</section>
<!-- ======================
#why-wildr
========================== -->
<section id="why-wildr">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda reprehenderit quo sapiente accusantium consequatur tenetur mollitia iusto cum dicta deserunt quia, eveniet doloribus debitis iste eos quisquam blanditiis, eligendi saepe.
</p>
</section>
<section id="filler-2">
<h2 class="section-title">FAQ</h2>
</section>
<!-- ======================
#faq
========================== -->
<section id="faq">
<p>
Q:
Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda reprehenderit quo sapiente accusantium consequatur tenetur mollitia iusto cum dicta deserunt quia, eveniet doloribus debitis iste eos quisquam blanditiis, eligendi saepe.
</p>
<p>
A: Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda reprehenderit quo sapiente accusantium consequatur tenetur mollitia iusto cum dicta deserunt quia, eveniet doloribus debitis iste eos quisquam blanditiis, eligendi saepe.
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi libero repudiandae itaque aut nostrum asperiores, error sapiente sed distinctio qui numquam dicta repellat facere fuga consequatur commodi rerum iste a.
</p>
</section>
<section id="filler-3">
<h2 class="section-title">Join Wildr</h2></section>
<!-- ======================
#join
========================== -->
<section id="join">
<form action="#">
<h2>Join the Wildr Community</h2>
<p>Get a link to the app, as well as access to community events and notice of the latest news from National and local parks.</p>
<div>
<label for="name">Name</label>
</div>
<div>
<input type="text" name="name" class="name-box" placeholder="First">
<input type="text" name="name" class="name-box" placeholder="Last">
</div>
<br>
<div>
<label for="email">Email</label>
</div>
<div>
<input type="email" name="email" id="email">
</div>
<br>
<div>
<input type="submit" name="submit" id="submit">
</div>
</form>
<div id="image-wrap">
<img id="sunset" src="images/sunset.jpg">
</div>
</section>
<footer>
<div class="brand-wrapper">
<a class="logo" href="index.html">W〄</a>
<p id="company-info">
Wildr
<br>
2314 Sequioa Ave., Ocean View, CA USA
</p>
</div>
<ul id="menu">
<li class="nav-item"><a class="nav-link" href="#top">Home</a></li>
<li class="nav-item">
<a class="nav-link" href="#why-wildr">
About</a></li>
<li class="nav-item"><a class="nav-link" href="#faq">FAQ</a></li>
<li class="nav-item"> <a class="nav-link" id="join-link" href="#join">Join</a></li>
</ul>
</footer>
</body>
</html>