-
Notifications
You must be signed in to change notification settings - Fork 4
/
events.html
77 lines (74 loc) · 2.96 KB
/
events.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
<!DOCTYPE html>
<html>
<head>
<title>Events</title>
</head>
<link rel="stylesheet" type="text/css" href="style/css/events.css">
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"/>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="style/js/jquery.js"></script>
<body>
<!-- header section -->
<div class="header fixed-top">
<div class="container">
<a href="index.html"><i class="fas fa-home"></i></a>
</div>
</div>
<!-- events -->
<div id="map"></div>
<script>
function initMap() {
var hyderabad = {lat: 17.387140, lng: 78.491684};
var singapore = {lat: 1.290270, lng: 103.851959};
var lpu = {lat: 31.224020, lng: 75.770798};
var cu = {lat: 30.741482, lng: 76.768066};
var iitdelhi = {lat: 28.644800, lng: 77.216721};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 4,
center: hyderabad
});
var marker = new google.maps.Marker({
position: hyderabad,
map: map
});
var marker1 = new google.maps.Marker({
position: singapore,
map: map
});
var marker2 = new google.maps.Marker({
position: lpu,
map: map
});
var marker3 = new google.maps.Marker({
position: cu,
map: map
});
var marker4 = new google.maps.Marker({
position: iitdelhi,
map: map
});
}
</script>
<script async defer
src=
"https://maps.googleapis.com/maps/api/js?key=
AIzaSyBUjtUWzjNHY7RGwZw6rsoAau49XDTpfJI&callback=initMap">
</script>
<!-- footer section -->
<div class="footer">
<div class="container text-center">
<a href="https://github.com/rpotter12"><i class="fab fa-github"></i></a>
<a href="https://www.facebook.com/rohit.potter.10"><i class="fab fa-facebook"></i></a>
<a href="https://twitter.com/rpotter121998"><i class="fab fa-twitter"></i></a>
<a href="https://www.linkedin.com/in/rohit-potter-216473150/"><i class="fab fa-linkedin"></i></a>
<a href="rohitpotter12@gmail.com"><i class="fas fa-envelope"></i></a>
<a href="https://stackoverflow.com/users/9380990/rohit-potter?tab=profile"><i class="fab fa-stack-overflow"></i></a>
<a href="https://www.instagram.com/rohitpotter_12/"><i class="fab fa-instagram"></i></a>
<a href="https://www.hackerrank.com/rohitpotter12"><i class="fab fa-hackerrank"></i></a>
</div>
</div>
</body>
</html>