website/index.html at master · Project-ASEV/website · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <title>Project - ASEV</title>

  <!-- CSS  -->
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
  <link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
  <style>
  	.theme-color {
  		background-color: rgb(27, 33, 44);
  	}
  	.theme-text {
  		background: linear-gradient(to right, rgb(255,255,255) 0%, rgb(27, 33, 44) 55%);
  		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
  	}
  </style>
</head>
<body>
  <nav class="white" role="navigation">
    <div class="nav-wrapper container">
      <a id="logo-container" href="#" class="brand-logo">ASEV</a>
      <ul class="right hide-on-med-and-down">
        <li><a href="#need" class="waves-effect hoverable waves-gray large right scrollspy">Why?</a></li>
        <li><a href="#journey" class="waves-effect hoverable waves-gray large right scrollspy">Journey</a></li>
      </ul>

      <ul id="nav-mobile" class="sidenav">
        <li><a href="#need">Why?</a></li>
        <li><a href="#journey">Journey</a></li>
      </ul>
      <a href="#" data-target="nav-mobile" class="sidenav-trigger"><i class="material-icons">menu</i></a>
    </div>
  </nav>

  <div id="index-banner" class="parallax-container">
    <div class="section no-pad-bot">
      <div class="container">
        <br><br>
        <h1 class="header center theme-text text-lighten-4">Autonomous Solar Electric Vehicle</h1>
        <div class="row center">
          <h5 class="header col s12">A futuristic vehicle for commute and transport in private properties</h5>
        </div>
        <!--<div class="row center">
          <a href="http://materializecss.com/getting-started.html" id="download-button" class="btn-large waves-effect waves-light teal lighten-1">Get Started</a>
        </div>-->
        <br><br>

      </div>
    </div>
    <div class="parallax"><img src="background1.jpg" alt="Unsplashed background img 1"></div>
  </div>


  <div class="container">
    <div class="section">

      <!--   Icon Section   -->
      <div class="row">
        <div class="col s12 m4">
          <div class="icon-block">
            <h2 class="center brown-text"><i class="material-icons">language</i></h2>
            <h5 class="center">Smart</h5>

            <p class="">A neural network machine learning algorithm trained on collected data learns as it is operating within campuses and later, have a large network where vehicles learn from each other</p>
          </div>
        </div>

        <div class="col s12 m4">
          <div class="icon-block">
            <h2 class="center brown-text"><i class="material-icons">wb_sunny</i></h2>
            <h5 class="center">Solar Powered</h5>

            <p class="">Harvesting the energy of the sun is important in this age where fossil fuels are getting exhausted, using a solar panel, our autonomous vehicle can sustain itself by charging itself while in use and sitting idle</p>
          </div>
        </div>

        <div class="col s12 m4">
          <div class="icon-block">
            <h2 class="center brown-text"><i class="material-icons">settings</i></h2>
            <h5 class="center">Functional</h5>

            <p class="">The vehicle can operate by itself without a driver and can be fabricated to transport luggage or people, it will also be able to work in both day and night</p>
          </div>
        </div>
      </div>

    </div>
  </div>


  <div class="parallax-container valign-wrapper">
    <div class="section no-pad-bot">
      <div class="container">
        <div class="row center">
          <h5 class="header col s12">Fossil fuels are getting depleted and produce greenhouse gases. Also, drivers are becoming increasingly difficult and expensive to hire</h5>
        </div>
      </div>
    </div>
    <div class="parallax"><img src="background2.jpg" alt="Unsplashed background img 2"></div>
  </div>

  <div class="container">
    <div class="section">

      <div class="row">
        <div class="col s12 center">
          <h3><i class="mdi-content-send brown-text"></i></h3>
          <h4 id="need">Need for a solution</h4>
          <p class="left-align">Cummute within communities, residential complexes and IT parks are inconvenient for many and often leads to additional pollution from fossil fuel run vehicles. Moreover, senior citizens, differently abled people, people with little children and injured people often require assistance to commute.</p>
        </div>
      </div>

    </div>
  </div>


  <div class="parallax-container valign-wrapper">
    <div class="section no-pad-bot">
      <div class="container">
        <div class="row center">
          <h5 class="header col s12">The journey is more important than the destination</h5>
        </div>
      </div>
    </div>
    <div id="journey" class="parallax"><img src="background3.jpg" alt="Unsplashed background img 3"></div>
  </div>
  <div class="center"><img src="Project_diagram.png"></div>
  <div class="center"><img src="Project_timeline.png"></div>
  <footer class="page-footer theme-color">
    <div class="container">
      <div class="row">
        <div class="col l6 s12">
          <h5 class="white-text">Team Bio</h5>
          <p class="grey-text text-lighten-4">We are a team of high school students working on this project in order to make the world a better place.</p>

        </div>
        <div class="col l4 s12">
          <h5 class="white-text">Team</h5>
          <ul>
            <li><a class="white-text" target="_blank" href="https://github.com/hypercosmac">Vikram Mishra (Team Lead)</a></li>
            <li>Rahul Tarak</li>
            <li>Pranet Kumar Ramesh</li>
            <li>Rithvik Mahindra</li>
            <li>Baalateja Kataru</li>
            <li>Gaurang Bharti</li>
            <li>Sahil Ashar</li>
          </ul>
        </div>
        <div class="col l2 s12">
          <h5 class="white-text">Profiles</h5>
          <ul>
            <li><a class="" href="https://www.hackerearth.com/@vikrammishra824">Vikram</a></li>
            <li><a class="" href="https://github.com/CryogenicPlanet">Rahul</a></li>
            <li><a class="" href="https://github.com/pranetkramesh">Pranet</a></li>
            <li><a class="" href="https://github.com/Nexus987">Rithvik</a></li>
            <li><a class="" href="https://github.com/BK-Modding">Baalateja</a></li>
            <li><a class="" href="https://github.com/gaurangbharti1">Gaurang</a></li>
            <li><a class="" href="https://www.instagram.com/sahilashar16/?hl=en">Sahil</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="footer-copyright">
      <div class="container left">
      	© 2018 Project ASEV
      <div class="container right-align">
      <> by <a class="brown-text text-lighten-3" href="https://github.com/hypercosmac">hypercosmac</a>
      </div>
    </div>
  </footer>


  <!--  Scripts-->
  <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
  <script src="js/materialize.js"></script>
  <script src="js/init.js"></script>
  <script type="text/javascript">
  	$(document).ready(function(){
   		$('.scrollspy').scrollSpy();
  	});
  </script>

  </body>
</html>