-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathZMS.html
199 lines (162 loc) · 8.3 KB
/
ZMS.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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> https://www.zoomcar.com/zoomcar-mobility-services </title>
<link rel="stylesheet" href="./styles/ZMS.css">
</head>
<body>
<div id="background_view">
<!-- background image -->
<img src="https://www.zoomcar.com/assets/component-images/ZMS-Hero-Banner.584135fee08ac6c84fee329d5fb915f4.jpg " alt="background_image" id="background_image">
<!-- navbar details -->
<div id="navbar">
<!-- logo image 1st -->
<img src="https://www.zoomcar.com/images/zms-logo-white.png" alt="logo_1st" id="logo_1st">
<button id="Customer_demo">Request Demo</button>
</div>
<!-- headings details -->
<div id="headings">
<div id="main_heading">Inspiring Profitable Mobility Solutions of Tomorrow</div>
<div id="main_sub_heading">Suite of Connected Technology Offerings and Connected Mobility Solutions for Businesses Worldwide</div>
<div id="btn">
<button>Request Demo</button>
</div>
</div>
</div>
<h1 id="Product_head">Product Offerings</h1>
<!-- services types -->
<div id="services">
<button id="Default_veichle_solutions" class="tablink" onclick="changeData('pro_off', this, 'green', 'white')">Connected Veichle Solutions</button>
<button id="management_services" class="tablink" onclick="changeData('pro_off2', this, 'green','white')">Yeild Management Services</button>
</div>
<!-- 1st types of services -->
<div id="pro_off" class="tabcontent">
<p id="ptag">All-in-one solution to reduce operating costs over 30% via advanced vehicle monitoring and management systems</p>
<!-- sliding area -->
<div id="sliding">
<div class="slideshow-container">
<!-- Full-width images with number and caption text -->
<div class="mySlides">
<img src="https://www.zoomcar.com/assets/component-images/ZMS_Slide-Banner_201_A.06f7fa208212fb4dc92e611fdf69304e.jpg">
</div>
<div class="mySlides">
<img src="https://www.zoomcar.com/assets/component-images/ZMS_Slide-Banner_201_E.43c8d28a91111b0eb44831b1d040bc79.jpg">
</div>
<div class="mySlides">
<img src="https://www.zoomcar.com/assets/component-images/ZMS_Slide-Banner_201_C.c9d9a766c44e0796bce6e3bdcc65d589.jpg">
</div>
</div>
</div>
<!-- features -->
<h2 id="feat">FEATURES</h2>
<div id="features">
<div id="fe_1st">
<div class="inner1_fe">
<b>Vehicle Tracking & Safety</b>
<p>Geo-fencing, Real time alerts, immobilization to manage 24x7</p>
</div>
<div class="inner1_fe">
<b>Driver Score</b>
<p>Improved fuel efficiency and cost benefits from better driving behavior</p>
</div>
<div class="inner1_fe">
<b>Vehicle Health Monitoring</b>
<p>Real-time Asset health monitoring systems for reduced downtime</p>
</div>
</div>
<div id="fe_2nd">
<div class="inner2_fe">
<b>Fuel Management</b>
<p>Real time fuel level monitoring and fuel theft detection mechanisms</p>
</div>
<div class="inner2_fe">
<b>Operations Automation</b>
<p>Automate routine operational tasks and increase uptime over 25%</p>
</div>
<div class="inner2_fe">
<b></b>
<p></p>
</div>
</div>
</div>
<button id="more_details">More Details</button>
</div>
<!-- 2nd types of services -->
<div id="pro_off2" class="tabcontent">
<p id="ptag">Suite of connected technologies offering fleet agnostic solutions aimed at driving higher revenue through better yield management and dual fleet utilisation to expand customer base</p>
<!-- sliding area -->
<div id="sliding" >
<div class="slideshow-container">
<!-- Full-width images with number and caption text -->
<div class="mySlides2">
<img src="https://www.zoomcar.com/assets/component-images/ZMS_Slide-Banner_201_B.a4d19a95cb4faa68b9c0cdd1bf6e703e.jpg">
</div>
<div class="mySlides2">
<img src="https://www.zoomcar.com/assets/component-images/ZMS_Slide-Banner_201_F.c6cae2c0c2d78e980c507982bab4c1b9.jpg">
</div>
<div class="mySlides2">
<img src="https://www.zoomcar.com/assets/component-images/ZMS_Slide-Banner_201_D.c564a1d96dd9b4b03806837bbc51ca52.jpg">
</div>
</div>
</div>
<!-- features -->
<h2 id="feat">FEATURES</h2>
<div id="features">
<div id="fe_1st">
<div class="inner1_fe">
<b>Renter Platform</b>
<p>Customisable stack to launch station based & free-floating keyless renter services</p>
</div>
<div class="inner1_fe">
<b>Subscription Platform</b>
<p>Whitelabel Subscription platform that works across all vehicle types for higher utilization</p>
</div>
<div class="inner1_fe">
<b>Dynamic Pricing</b>
<p>Plug and play module matching demand-supply and maximizing ROI</p>
</div>
</div>
<div id="fe_2nd">
<div class="inner2_fe">
<b>Analytics & Reporting</b>
<p>Empower decision making through advanced Data Science and Analytics capabilities</p>
</div>
<div class="inner2_fe">
<b>Real-Time Monitoring</b>
<p>Connectivity and Real-time monitoring features to bring more transparency and reliability</p>
</div>
<div class="inner2_fe">
<b></b>
<p></p>
</div>
</div>
</div>
<button id="more_details2">More Details</button>
</div>
<!-- next part with green background_image -->
<h2 id="partenersTitle">Why Partner with Us?</h2>
<div id="partenersBacground">
<img title="Why Partner with Us?" src="https://www.newrafael.com/wp-content/uploads/2011/05/rafael-rozendaal-green-pink-shapes.gif" alt="partenersimage" id="parteners">
</div>
<div id="causes"></div>
<div id="mapImage">
<img src="https://www.zoomcar.com/assets/component-images/dashboard@2x.a2445440373cd84df21b0d887b8d389f.png" alt="mapImage">
</div>
<div id="trackheadings">
<h1>Proven track records</h1>
<p>Backed by deep learnings and great driving experiences brought to you over 1 billion+ kms spanning over 7 years</p>
</div>
<div id="background">
<img src="https://t3.ftcdn.net/jpg/05/02/48/36/240_F_502483647_sywsw8Ty1eIU3X2RW3iqZBp6AijlquHG.jpg" alt="bg">
</div>
<div id="trackRecords"></div>
<!-- append form submit details -->
<div id="submit_details"></div>
</body>
</html>
<script src="./scripts/ZMSsliding.js"></script>
<script src="./scripts/ZMSform.js"></script>
<script src="./scripts/ZMS.js"></script>