-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
121 lines (112 loc) · 4.45 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>GeoSnap - Explore with us!</title>
<link rel="stylesheet" href="indexstyle.css">
</head>
<body>
<header>
<nav class="userdata">
<form class="logindata">
<label for="username">Username: </label>
<input type="text" id="username">
<label for="password">Password: </label>
<input type="password" id="password">
<input type="submit" id="login">
</form>
</nav>
<img src="images/GeoSnap-black.png" alt="Geosnap logo" class="logo">
<nav class="menu">
<a href="aboutus.html">About us</a>
<a class="current" href="index.html">Home</a>
<a href="pricing.html">Pricing</a>
</nav>
<h1>The adventure of your life begins here.</h1>
<h2 class="toregister">
<a href="#register">Register
today!</a>
</h2>
</header>
<main>
<section class="shortabout">
<h3>About GeoSnap</h3>
<img src="images/about-home.jpg" alt="meeting photo" class="aboutimg">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil
molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.</p>
</section>
<div class="video">
<br>
<h2>See how we change the world:</h2>
<video controls>
<source src="video.url" type="video/mp4">
Video format not supported.
</video>
</div>
<section class="registerform">
<br>
<h2 id="register">Join us now!</h2>
<form>
<p>
<label for="name">Username:</label>
<input type="text" id="name">
</p>
<br>
<p>
<label for="email">Email:</label>
<input type="email" id="email">
</p>
<br>
<p>
<label for="phone">Phone number:</label>
<input type="tel" id="phone">
</p>
<br>
<p>
<label for="password">Password:</label>
<input type="password" id="newpassword">
</p>
<br>
<p>
<label for="sex">Gender:</label>
<select name="gender" id="genders">
<option value="male">Male</option>
<option value="female">Female</option>
<option value="other">Other</option>
<option value="secret">I prefer to not tell</option>
</select>
</p>
<br>
<div class="checkboxes">
<input type="checkbox" id="agreement">
<label for="agreement" style="text-align:left; white-space:nowrap; height:80px">I consent to lorem
ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt.</label>
<br>
<input type="checkbox" id="marketing">
<label for="marketing" style="white-space:nowrap;">I wish for GeoSnap to send me
lorem
ipsum dolor sit amet.</label>
</div>
<br>
<input type="submit" id="sendform">
<br>
</form>
</section>
</main>
<footer>
<br>
<a href="faq.html">Frequently Asked Questions</a>
<p>Reach out to us!<br>
+01 123 456 789<br>
City Street 123 09-567
</p>
<br>
<p>© Copyrighted by Klara Grochot</p>
</footer>
</body>
</html>