-
Notifications
You must be signed in to change notification settings - Fork 3
/
before-order.html
96 lines (72 loc) · 3.99 KB
/
before-order.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
<html>
<head>
<title>Before Order is dispatched</title>
<!-- font awesome -->
<script src="https://kit.fontawesome.com/1357720826.js" crossorigin="anonymous"></script>
<!-- style sheets -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- The reason why styles.css link is written after the bootstrap is bacause in html order matters.HTML code is executed from top to bottom. The one which is written after other will override the first one. So if I want to override default bootstrap this is the best way to do this. -->
<!-- bootstrap -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
<!-- google font links -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<script src="map_change.js" type="text/javascript"></script>
</head>
<body onload="startTimer()">
<section class="track-order-section">
<!-- Nav Bar -->
<nav class="navbar navbar-expand-lg navbar-dark">
<a class="navbar-brand" href="index.html">Forward..</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="">Offers</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#categories">Categories</a>
</li>
<li class="nav-item">
<a class="nav-link" href="">Tracking Orders</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link" href="details.html">Change my address</a>
</li> -->
</ul>
</div>
</nav>
<h1 class="track-order-heading">Track my Order</h1>
<br>
<h3>Live Location:</h3>
<img id="img" src="" alt="Image of map" width="400px">
<!-- Google map-->
<!-- <div id="map-container-google-1" class="z-depth-1-half map-container" style="height: 500px">
<iframe src="https://maps.google.com/maps?q=manhatan&t=&z=13&ie=UTF8&iwloc=&output=embed" frameborder="0" style="border:0" allowfullscreen></iframe>
</div> -->
<!--Google Maps -->
<h3>Expected Date to reach your nearest warehouse: 27/11/2020</h3>
</section>
<footer id="footer">
<div class="row">
<div class="col-sm-4">
<a class="foot-link" href="">Facebook</a>
</div>
<div class="col-sm-4">
<a class="foot-link" href="">Twitter</a>
</div>
<div class="col-sm-4">
<a class="foot-link" href="">Instagram</a>
</div>
</div>
<p class="footer-para">© Copyright 2020 Forward..</p>
</footer>
</body>
</html>