-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
162 lines (143 loc) · 5.52 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tesla</title>
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
</head>
<body>
<section>
<div class="nav-bar">
<!-- Logo Tesla -->
<div class="logo">
<img class="tesla-logo" src="assets/img/tesla_logo.png">
</div>
<!-- Menu -->
<div style="float: right" class="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Blog</a></li>
</ul>
</div>
</div>
<!-- Slider Video -->
<div class="slider">
<video class="video-tesla" src="https://www.tesla.com/ns_videos/homepage-video-summer-2017.mp4?20170808" autoplay loop height="">
</div>
</section>
<section id="about_section">
<div class="container-fluid">
<div class="row">
<div class="col-sm-12">
<div id="about">
<h2>About Tesla <br/><br/></h2>
</div>
</div>
</div>
<div class="row justify-content-md-center">
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="icon">
<img src="assets/img/i_pencil.png"/>
<br/><br/>
<h2>Bio-Weapon Defense Mode</h2>
Model S now features a Medical grade HEPA air filtration system, which removes at least 99.97% of particulate exhaust pollution and effectively all allergens, bacteria and other contaminants from cabin air.
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="icon">
<img src="assets/img/i_papers.png"/>
<br/><br/>
<h2>Adaptive Lighting<br/><br/></h2>
Model S now features full LED Adaptive headlamps. Besides enhancing the already great styling, they also boost safety.
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="icon">
<img src="assets/img/i_gear.png"/>
<br/><br/>
<h2>Full Self-Driving<br/><br/></h2>
All Tesla vehicles produced in our factory, including Model 3, have the hardware needed for full self-driving capability at a safety level substantially greater than
that of a human driver.
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="icon">
<img src="assets/img/i_suitcase.png"/>
<br/><br/>
<h2>Safety<br/><br/></h2>
Model S is designed from the ground up to be the safest car on the road. Much of its safety is owned to the unique electric drivetrain that sits beneath the car's
aluminum occupant cell in its own subframe.
</div>
</div>
</div>
</div>
</section>
<section>
<!-- ten pasek best car -->
</section>
<section id="blogsection">
<h2>Blog</h2>
<p id="blogdesc">Mustache hella taxidermy banjo hexagon, kombucha flexitarian lyft skateboard. Roof party literally cold-pressed letterpress echo park poke flexitarian everyday carry kickstarter viral 3 wolf moon.</p>
<div class="container-fluid">
<div class="row">
<div class="col-md-4 ">
<div class="blogelement">
<div class="fota tesla1">
<div class="data">
<h4>30</h4>
<p>lip</p>
</div>
</div>
<h4>Mustache hella taxidermy</h4>
<p>kombucha flexitarian lyft skateboard. Roof party literally cold-pressed letterpress echo park poke flexitarian everyday carry kickstarter viral 3 wolf moon.</p>
</div>
</div>
<div class="col-md-4 blogelement">
<div class="blogelement">
<div class="fota tesla2">
<div class="data">
<h4>5</h4>
<p>sie</p>
</div>
</div>
<h4>Mustache hella taxidermy</h4>
<p>kombucha flexitarian lyft skateboard. Roof party literally cold-pressed letterpress echo park poke flexitarian everyday carry kickstarter viral 3 wolf moon.</p>
</div>
</div>
<div class="col-md-4 blogelement">
<div class="blogelement">
<div class="fota tesla3">
<div class="data">
<h4>29</h4>
<p>sie</p>
</div>
</div>
<h4>Mustache hella taxidermy</h4>
<p>kombucha flexitarian lyft skateboard. Roof party literally cold-pressed letterpress echo park poke flexitarian everyday carry kickstarter viral 3 wolf moon.</p>
</div>
</div>
</div>
</div>
</section>
<section>
<footer>
<div class="footer-backgr">
<div class="footer-cont-left">
Copyright © 2015<a href="#"> Waxom </a>
<p><a href="#">Privacy Policy </a></p>
<p><a href="#">FAQ </a></p>
<p><a href="#">Support </a></p>
</div>
<div class="footer-cont-right">
<p>Designed by <a href="#">ThemeFire </a></p>
<p> Only on <a href="#">Envato Market </a></p>
</div>
<div style="clear: both"> </div>
</div>
</div>
</footer>
</section>
</body>
</html>