-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
99 lines (84 loc) · 3.67 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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
<meta property="og:title" content="Navigation for Electric Vehicles">
<meta name="author" content="Rounak Ghosh">
<title>Navic : Home</title>
<link rel="shortcut icon" href="https://res.cloudinary.com/rghosh/image/upload/v1650024022/Navic/favicon_ls5ivh.ico">
<link rel="stylesheet" type="text/css" href="https://api.tomtom.com/maps-sdk-for-web/cdn/6.x/6.15.0/maps/maps.css"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter">
<script src="https://api.tomtom.com/maps-sdk-for-web/cdn/6.x/6.15.0/maps/maps-web.min.js"></script>
<script src="https://api.tomtom.com/maps-sdk-for-web/cdn/6.x/6.15.0/services/services-web.min.js"></script>
<link rel="stylesheet" href="home.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<header>
<img class="logo" src="https://res.cloudinary.com/rghosh/image/upload/v1649731793/Navic/navic_qrn7zp.png" alt="logo">
<nav>
<ul class="nav_links">
<li><a href="#">Home</a></li>
<li><a href="navigator.html">Navigator</a></li>
<li><a href="stations.html">Stations</a></li>
</ul>
</nav>
</header>
<div>
<p class="about_heading">About this Project</p>
</div>
<div class="center">
<p class="about_text">
Your electric vehicles are the present and the future.
Range anxiety is the number one reason, after price, why drivers don’t switch to EVs.
So, that's why this website came into existence.
</p>
</div>
<div class="cta" onClick="scrollDown();">
<div class="btn">
<a></a><span>EXPLORE</span>
</div>
</div>
<div class="video_div">
<video class="video" autoplay muted loop>
<source src="https://res.cloudinary.com/rghosh/video/upload/v1649697508/Navic/cpo-city-animation_buykdt.mp4" type="video/mp4">
</video>
</div>
<div id="here">
<p class="navigator_heading" id="scroll">Worried about range ?</p>
</div>
<div class="center">
<p class="navigator_text">
EV journeys can be daunting. How should I charge, and where, or when?
Our navigator will settle all these questions, guiding drivers along a safe and frictionless journey.
</p>
</div>
<div class="a_center">
<a class="nav_anchor" href="navigator.html" target="_blank">Check out our navigator</a>
</div>
<div class="img_div">
<img class="img_nav" src="https://res.cloudinary.com/rghosh/image/upload/v1649856249/Navic/in-car-routing_ldravr.jpg">
</div>
<div>
<p class="navigator_heading">What about charging ?</p>
</div>
<div class="center">
<p class="navigator_text">
EV drivers need to know where your charge stations are located, and how to get there.
Let's light up the map for our drivers.
</p>
</div>
<div class="a_center">
<a class="nav_anchor" href="stations.html" target="_blank">Check out our stations locator</a>
</div>
<div class="img_div">
<img class="img_nav" src="https://res.cloudinary.com/rghosh/image/upload/v1649857240/Navic/fleet-charging_hy4fte.jpg">
</div>
<div class="footer">
<a class="footer_text" href="https://rounak-ghosh.github.io/" target="_blank">Made with love by Rounak Ghosh 💗</a>
</div>
</body>
<script src="home.js" type="text/javascript"></script>
</html>