-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
393 lines (362 loc) · 19.7 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
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
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Site Metas -->
<title>Codrives : Driver-Assist Solutions</title>
<meta name="keywords" content="Codrives Driver-Assist Autonomous Driving India">
<meta name="description" content="We at Codrives aim to provide driver-assist capabilities to medium and heavy weight vehicles that ply on highways/major supply chain routes. We are from India.">
<meta name="author" content="Dhruv Patidar">
<!-- site icon -->
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="images/favicon_io/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon_io/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon_io/favicon-16x16.png">
<link rel="manifest" href="images/favicon_io/site.webmanifest">
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<!-- FontAwesome Icons core CSS -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-180078842-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-180078842-1');
</script>
</head>
<body id="home_page" class="home_page">
<!-- header -->
<header class="header">
<div class="header_top_section">
<div class="container">
<div class="row">
<div class="col-lg-3">
<div class="full">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt="#" /></a>
</div>
</div>
</div>
<div class="col-lg-9 site_information">
<div class="full">
<div class="main_menu">
<nav class="navbar navbar-inverse navbar-toggleable-md">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#cloapediamenu" aria-controls="cloapediamenu" aria-expanded="false" aria-label="Toggle navigation">
<span class="float-left">Menu</span>
<span class="float-right"><i class="fa fa-bars"></i> <i class="fa fa-close"></i></span>
</button>
<div class="collapse navbar-collapse justify-content-md-center" id="cloapediamenu">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link color-aqua-hover" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link color-aqua-hover" href="index.html#About">About</a>
</li>
<li class="nav-item">
<a class="nav-link color-aqua-hover" href="index.html#WhyUs">Why Us?</a>
</li>
<li class="nav-item">
<a class="nav-link color-grey-hover" href="index.html#FAQ">FAQs</a>
</li>
<li class="nav-item">
<a class="nav-link color-grey-hover" href="index.html#Team">Our Team</a>
</li>
<li class="nav-item">
<a class="nav-link color-grey-hover" href="index.html#ContactUs">Contact Us</a>
</li>
<li class="nav-item">
<a class="nav-link color-aqua-hover" href="tech.html">Our Tech</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- end header -->
<!-- section -->
<section class="main_full banner_section_top">
<div class="container-fluid">
<div class="row">
<div class="full">
<div class="slider_banner">
<img class="img-responsive visible-mobile" src="images/dashpi_mob.jpg" alt="#" />
<img class="img-responsive hidden-mobile" src="images/dashpi.jpg" alt="#" />
<div class="slide_cont">
<div class="slider_cont_inner dashtext" style="vertical-align: 30%;">
<h3 class="dashtitle">The Future Is Now.</h3>
<p>We at Codrives aim to provide driver-assist capabilities to medium and heavy weight vehicles that ply on highways/major supply chain routes.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end section -->
<!-- about section -->
<section class="layout_padding section about_dottat">
<div class="container">
<div class="row">
<div class="col-lg-12 text_align_center">
<div class="full heading_s1" id="About">
<h2>About</h2>
</div>
<div class="full">
<p class="large">At Codrives, we are working on getting a vision-based advanced driver assist system to companies to reduce operational costs to help companies.</p>
</div>
</div>
<div class="col-lg-12">
<div class="about_img margin_top_30 text_align_center">
<!-- Slideshow container -->
<div class="slideshow-container">
<!-- Full-width images with number and caption text -->
<div class="mySlides fade-in">
<img src='images/slideshow_pix/ss1.png' style='width: 100%;' alt="A Reallife Pic"/>
</div>
<div class="mySlides fade-in">
<img src='images/slideshow_pix/ss2.png' style='width: 100%;' alt="A Reallife Pic"/>
</div>
<div class="mySlides fade-in">
<img src='images/slideshow_pix/ss3.png' style='width: 100%;' alt="A Reallife Pic"/>
</div>
<div class="mySlides fade-in">
<img src='images/slideshow_pix/ss4.png' style='width: 100%;' alt="A Reallife Pic"/>
</div>
<div class="mySlides fade-in">
<img src='images/slideshow_pix/ss5.png' style='width: 100%;' alt="A Reallife Pic"/>
</div>
<!-- Next and previous buttons -->
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
<br>
<!-- The dots/circles -->
<div style="text-align:center;">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
<span class="dot" onclick="currentSlide(4)"></span>
<span class="dot" onclick="currentSlide(5)"></span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end about section -->
<!-- section -->
<section class="layout_padding section" style="padding: 0px;">
<div class="container">
<div class="row">
<div class="col-lg-12 text_align_center">
<div class="full heading_s1" id="WhyUs">
<h2 style="text-align: left;">Why use our services?</h2>
</div>
<div class="full">
<p class="large">While promising safe operation under all weather conditions, we assure you that the following benefits of our services make it a complete and immensely profitable package.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 text_align_center">
<div class="cours">
<img class="img-responsive" src="images/Savings.png" alt="#" />
</div>
<h3>Increased Profits</h3>
<p>Lesser fatigue enables drivers to be on the road for longer and deliver goods faster. Our product also cuts fuel consumption by 10% on average, which can save crores in operation costs.</p>
</div>
<div class="col-md-4 text_align_center">
<div class="cours">
<img class="img-responsive" src="images/Fits_anywhere.png" alt="#" />
</div>
<h3>Seamless Installation</h3>
<p>We create driver-assist modules that you can easily integrate with trucks using our interceptor chips as long as your truck meets our requirements for interfacing.</p>
</div>
<div class="col-md-4 text_align_center">
<div class="cours">
<img class="img-responsive" src="images/Happy_driver.png" alt="#" />
</div>
<h3>Happy Drivers</h3>
<p>Drivers are less tired and safer than before. This means they will be under lesser stress, and cover more distance. Driver awareness is checked.</p>
</div>
</div>
</div>
</section>
<!-- end section -->
<!-- section -->
<section class="layout_padding section">
<div class="container">
<div class="row">
<div class="col-lg-12 text_align_center">
<div class="full heading_s1" id="FAQ">
<h2>FAQs</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 cours_timging_bg">
<div class="container">
<div class="accordion" id="accordionExample" style="margin-top:20px;">
<div class="card">
<div class="card-header" id="headingOne">
<h2 class="mb-0">
<button class="btn-faq btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
What about the pricing?
</button>
</h2>
</div>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
<div class="card-body">
We are actively working on bringing down the effective cost of our hardware solution to less than $1000 with our software being a subscription service that is priced reasonably.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwo">
<h2 class="mb-0">
<button class="btn-faq btn-link" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
When can I get this?
</button>
</h2>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
<div class="card-body">
Vehicular safety is very important to us,once our solution has undergone rigorous testing both at hardware and software scale both internally and externally we would be releasing it out early adopters whose vehicles ply on major national highways and freeways,so tentatively by mid 2022. Want to know more? <a href="https://docs.google.com/forms/d/e/1FAIpQLSeHgT5b478iYcMsI0tXMBI3YBzOXg_CihMsHUKlGTUVvSRbZQ/viewform?usp=sf_link" class="linkstyle">Get in touch with us!</a>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingThree">
<h2 class="mb-0">
<button class="btn-faq btn-link" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
What are our target countries?
</button>
</h2>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
<div class="card-body">
Our primary focus for deployment is India,but we strongly believe we should be able to scale our solution to the rules,needs and requirements in other countries like the Middle East, Africa and Europe owing to the vast vehicular and road diversity in India and similarity of some Indian roads to these countries.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingFour">
<h2 class="mb-0">
<button class="btn-faq btn-link" type="button" data-toggle="collapse" data-target="#collapseFour" aria-expanded="true" aria-controls="collapseFour">
Who can benefit from our system?
</button>
</h2>
</div>
<div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordionExample">
<div class="card-body">
Logistics companies, medium to large sized fleet owners, large scale industries, food transportation, etc.
</div>
</div>
<div class="card">
<div class="card-header" id="headingFive">
<h2 class="mb-0">
<button class="btn-faq btn-link" type="button" data-toggle="collapse" data-target="#collapseFive" aria-expanded="true" aria-controls="collapseFive">
What do I do if my query isn't listed?
</button>
</h2>
</div>
<div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#accordionExample">
<div class="card-body">
We would love to answer it! Contact us through mail(contact@codrives.com) or phone or <a href="https://docs.google.com/forms/d/e/1FAIpQLSeHgT5b478iYcMsI0tXMBI3YBzOXg_CihMsHUKlGTUVvSRbZQ/viewform?usp=sf_link" class="linkstyle">fill this form</a>.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end section -->
<!-- section -->
<section class="layout_padding section" style="padding: 0px;">
<div class="container">
<div class="row">
<div class="col-lg-12 text_align_center">
<div class="full heading_s1" id="Team">
<h2 style="text-align: left;">Our Team</h2>
</div>
<div class="full">
<p class="large">We are a bunch of enthusiasts from BITS Pilani, Goa Campus.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3 text_align_center">
<div class="cours">
<img class="img-responsive" src="images/team_img/hvcs_img.png" alt="A Handsome Boi" />
</div>
<h3>Harshvardhan Chandrasekar</h3>
<p>+971 5095 84802</p>
</div>
<div class="col-md-3 text_align_center">
<div class="cours">
<img class="img-responsive" src="images/team_img/tn_img.png" alt="Another Handsome Boi" />
</div>
<h3 class="smallname">Tanishq Nandan</h3>
<p>+91 62907 83516</p>
</div>
<div class="col-md-3 text_align_center">
<div class="cours">
<img class="img-responsive" src="images/team_img/dp_img.png" alt="Yet Another Handsome Boi" />
</div>
<h3 class="smallestname">Dhruv Patidar</h3>
<p>+91 83479 71588</p>
</div>
<div class="col-md-3 text_align_center">
<div class="cours">
<img class="img-responsive" src="images/team_img/vi_img.png" alt="Yet Another Handsome Boi" />
</div>
<h3>Venugopalan Iyengar</h3>
<p>+91 75078 45956</p>
</div>
</div>
</div>
</section>
<!-- end section -->
<!-- footer -->
<footer class="footer layout_padding">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-12">
<a href="index.html"><img class="img-responsive" src="images/logo_footer.png" alt="#" /></a>
<div class="footer_link_heading" id="ContactUs">
<div class="footer_menu margin_top_30">
<ul>
<li>For queries: Mail to <a href="mailto:contact@codrives.com" style="color: turquoise;">contact@codrives.com</a> or<a href="https://docs.google.com/forms/d/e/1FAIpQLSeHgT5b478iYcMsI0tXMBI3YBzOXg_CihMsHUKlGTUVvSRbZQ/viewform?usp=sf_link" style="color: turquoise;"> fill this form</a>.</li>
<li>A startup from Goa, India.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- end footer -->
<!-- Core JavaScript
================================================== -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>