-
Notifications
You must be signed in to change notification settings - Fork 0
/
tech.html
159 lines (152 loc) · 8.36 KB
/
tech.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
<!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 : Our Tech</title>
<meta name="keywords" content="Codrives Technology">
<meta name="description" content="A description of the technology that we at Codrives use to make a dream come true.">
<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/techStyle.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Caveat&display=swap" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/scrollify/1.0.19/jquery.scrollify.js"></script>
<!-- Scrollify. -->
<script>
$(function() {
$.scrollify({
section : ".scrollifiedSection",
});
});
</script>
</head>
<body id="tech_page" class="tech_page">
<!-- header -->
<header class="header">
<div class="header_top_section">
<div class="container fixedStuff">
<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" style="max-width: 100%; width: 100%;">
<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" style="align-content: left;">
<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>
<h2 class="Headingg">Our Tech</h2>
</div>
</div>
</header>
<!-- end header -->
<div class="scrollifiedSection FirstPage pageStyle">
<div class="pageContent">
<div class="rightFlex" style="padding-top: 150px;">
<div class="pointNumbering NumberOne">
1.
</div>
<div class="points">
The system doesn't have lidars (to reduce cost!). Instead, multiple of long range and wide angle cameras will be used as a pseudo-lidar setup.
</div>
</div>
<div class="rightFlex">
<div class="points">
The current model consists of 6 cameras- 2 on the front, 2 on the rear and the other 2 watching left and right respectively. </div>
<div class="pointNumbering NumberTwo">
2.
</div>
</div>
</div>
</div>
<div class="scrollifiedSection SecondPage pageStyle">
<div class="pageContent">
<div class="rightFlex" style="padding-top: 150px;">
<div class="pointNumbering NumberThree">
3.
</div>
<div class="points">
All these feeds will be routed to the on-board computation unit running our custom-built and extensively trained network.
</div>
</div>
<div class="rightFlex">
<div class="points">
This unit will be connected to the truck's drive system, which will enable it to detect situations and take responsive actions for cruise control, lane keeping and even obstacle detection.
</div>
<div class="pointNumbering NumberFour">
4.
</div>
</div>
</div>
</div>
<div class="scrollifiedSection ThirdPage pageStyle">
<div class="pageContent">
<div class="rightFlex" style="padding-top: 150px;">
<div class="pointNumbering NumberFive">
5.
</div>
<div class="points">
In case the system can't decide what to do, control will automatically be transferred back to the driver. The driver can also opt to override the system and take back control at any time if they wish.
</div>
</div>
<div class="rightFlex">
<div class="points">
Note: The default safety systems provided by the manufacturer will not be deactivated or tampered with in any way. Our modules will just be supplementing them.
</div>
</div>
</div>
</div>
</body>
</html>