-
Notifications
You must be signed in to change notification settings - Fork 0
/
mainframe.html
55 lines (50 loc) · 2.72 KB
/
mainframe.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
<!DOCTYPE html>
<html>
<head>
<title>Green Mile</title>
<link rel="icon" href="design/Logo/favicon.png" type="image/x-icon">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Css Sheet -->
<link rel="stylesheet" type="text/css" href="mainframe.css" />
<!-- Jquery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA==" crossorigin="anonymous" />
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css2?family=Work+Sans&display=swap" rel="stylesheet">
<!-- For icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div id="loader" class="center"></div>
<div id="left-panel" class="col-xs-4">
<button id="jStart" class="start"><i class="fas fa-location-arrow"></i><span class="text">Start</span></button>
<!-- <h1 class="left-panel-head">Directions :</h1> -->
<div id="directions-panel"></div>
</div>
<div id="right-panel" class="col-xs-8">
<div class="brandHead">
<img class="brandLogo" src="design\Logo\logo_transparent.png" />
<h1 class="brandName">Green Mile</h1>
<div class="userDetail">
<!-- <p class="userName">Shreyansh Shrey</p> -->
<div class="dropdown">
<p id="loginName" class="dropbtn userName"><i class="downArrow fas fa-caret-down"></i></p>
<img id="loginImg" class="userImg"/>
<div class="dropdown-content">
<a href="/">Home</a>
<a href="/logout">Logout</a>
</div>
</div>
</div>
</div>
<div id="map">
</div>
</div>
<script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
<script src="mainframe.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=&callback=initMap&libraries=&v=weekly"></script>
</body>
</html>