Skip to content

Commit 8fbe08c

Browse files
LucasArifaLucasArifa
committed
index.html[
1 parent 43931a6 commit 8fbe08c

File tree

1 file changed

+133
-0
lines changed

1 file changed

+133
-0
lines changed

‎index.html

Lines changed: 133 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,133 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<!--Meta tag aways come first-->
5+
<meta charset="UTF-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
8+
<!-- Link to external link -->
9+
<link rel="stylesheet" href="style.css" />
10+
<!-- Maps Styles -->
11+
<style>
12+
#map {
13+
height: 50%;
14+
width: 100%;
15+
}
16+
html,
17+
body {
18+
height: 100%;
19+
margin: 0;
20+
padding: 0;
21+
}
22+
</style>
23+
<!-- Main Titlle -->
24+
<title>Maps JavaScript API</title>
25+
</head>
26+
<body>
27+
<form action="action_page.php" style="border: 1px solid #ccc;">
28+
<div class="container">
29+
<!-- Avatar Icon div -->
30+
<div class="border">
31+
<div class="icon">
32+
<img class="mainImage" src="images/sign-up-icon.png" alt="Sign up Icon" />
33+
</div>
34+
<div class="signup-title">
35+
</div>
36+
</div>
37+
<hr />
38+
<!-- INPUT fields -->
39+
<label for="email"><b>Email</b></label>
40+
<input type="email" placeholder="Enter Email" name="email" required />
41+
42+
<label for="psw"><b>Password</b></label>
43+
<input
44+
type="password"
45+
placeholder="Enter Password"
46+
name="psw"
47+
id="psw"
48+
required
49+
/>
50+
51+
<label for="psw-repeat"><b>Repeat Password</b></label>
52+
<input
53+
type="password"
54+
placeholder="Repeat Password"
55+
onformchange="check()"
56+
name="pswRepeat"
57+
id="pswRepeat"
58+
required
59+
/>
60+
61+
<!-- Remember Me - CheckBox-->
62+
<label>
63+
<input type="checkbox" name="remember" style="margin-bottom: 15px;" />
64+
Remember me
65+
</label>
66+
<br />
67+
68+
<!-- Aceppt Terms & Privacy (REQUIRED)-->
69+
<label>
70+
<input type="checkbox" name="terms&privacy" id="" required />
71+
By creating an account you agree to our
72+
<a href="#" style="color: dodgerblue;">&nbsp;Terms & Privacy&nbsp;</a
73+
>.
74+
</label>
75+
76+
<!-- Cancel and Sign Up Button-->
77+
<div class="clearfix">
78+
<button type="submit" class="signupbtn">Sign Up</button>
79+
</div>
80+
<div class="clearfix">
81+
<button type="button" class="cancelbtn">Cancel</button>
82+
</div>
83+
<div class="clearfix">
84+
<button
85+
type="button"
86+
class="getUserLocationbtn"
87+
onclick="getUserLocation()"
88+
>
89+
Get My Location
90+
</button>
91+
</div>
92+
</div>
93+
</form>
94+
95+
<!-- Map JavaScript API -->
96+
<h1 align="center">My Location</h1>
97+
<div id="map"></div>
98+
99+
<script>
100+
var x = document.getElementById("map");
101+
function getUserLocation() {
102+
if (navigator.geolocation) {
103+
navigator.geolocation.getCurrentPosition(initMap);
104+
} else {
105+
x.innerHTML = "Geolocation is not supported by this browser.";
106+
}
107+
}
108+
109+
function initMap(position) {
110+
var latitude = position.coords.latitude;
111+
var longitude = position.coords.longitude;
112+
113+
var userLocation = { lat: latitude, lng: longitude };
114+
var map = new google.maps.Map(document.getElementById("map"), {
115+
zoom: 10,
116+
center: userLocation,
117+
});
118+
var marker = new google.maps.Marker({
119+
position: userLocation,
120+
map: map,
121+
});
122+
}
123+
124+
</script>
125+
<!-- Link to external file -->
126+
<script src="repeatPassword.js"></script>
127+
<script
128+
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAr6U42cPeSwZbRpnSWGJIGFuh4DvlY2XM&callback=initMap"
129+
async
130+
defer
131+
></script>
132+
</body>
133+
</html>

0 commit comments

Comments
 (0)