-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
105 lines (103 loc) · 3.84 KB
/
index.html
File metadata and controls
105 lines (103 loc) · 3.84 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Future Car</title>
<link rel="stylesheet" href="CSS/style.css">
<link rel="stylesheet" type="text/css" href="CSS/all.min.css">
</head>
<body>
<header class="page-header">
<div class="wrapper">
<div class="logo">
<h1>Future Car</h1>
</div>
<nav class="main-nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Investors</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</div>
</header>
<main>
<div class="banner">
<div class="banner-block">
<h1>Creation from this moment</h1>
<p class="subtitle">It will be owned by you in the future</p>
<a href="#"class="learn-more">read more</a>
</div>
</div>
<div class="articles">
<div class="wrapper">
<article>
<h2>Concept car</h2>
<p class="quote">
Concept cars are often radical in engine or design.
</p>
<p class="text">
Some use non-traditional, exotic, or expensive materials, ranging from paper to carbon fiber to refined alloys. Others have unique layouts, such as gullwing doors, 3 or 5 (or more) wheels, or special abilities not usually found on cars. Because of these often impractical or unprofitable leanings, many concept cars never get past scale models or even drawings in computer design.
</p>
<p class="text">
Other more traditional concepts can be developed into fully drivable (operational) vehicles with a working drivetrain and accessories. The state of most concept cars lies somewhere in between and does not represent the final product. A very small proportion of concept cars are functional to any useful extent, some cannot move safely at speeds above 10 miles per hour (16 km/h).
</p>
</article>
<article>
<h2>Electric car</h2>
<p class="quote">
Quieter, no tailpipe emissions, lower overall emissions.
</p>
<p class="text">
Electric cars have several benefits when replacing ICE cars, including a significant reduction of local air pollution, as they do not emit exhaust pollutants such as volatile organic compounds, hydrocarbons, carbon monoxide, ozone, lead, and various oxides of nitrogen.Similar to ICE vehicles, electric cars emit particulates from tyre and brake wear which may damage health.
</p>
<p class="text">
Depending on the production process and the source of the electricity to charge the vehicle, emissions may be partly shifted from cities to the plants that generate electricity and produce the car as well as to the transportation of material. The amount of carbon dioxide emitted depends on the emissions of the electricity source and the efficiency of the vehicle.
</p>
</article>
<div class="clearfix"></div>
</div>
</div>
</main>
<footer class="page-footer">
<div class="wrapper">
<div class="footer-col">
<h3>About</h3>
<ul>
<li>Privacy Policy</li>
<li>Terms of Use</li>
<li>News</li>
<li>Events</li>
</ul>
</div>
<div class="footer-col">
<h3>Get Involved</h3>
<ul>
<li>Work with Us</li>
<li>Subscribe for Newsletter</li>
<li>Forum</li>
</ul>
</div>
<div class="footer-col">
<h3>Help Center</h3>
<ul>
<li>FAQs</li>
<li>Contact Us</li>
<li>How to Start a Challenge</li>
</ul>
</div>
<div class="footer-col social">
<h3>Social</h3>
<ul>
<li><a href="#" class="fb"><i class="fa-brands fa-facebook"></i></a></li>
<li><a href="#" class="tw"><i class="fa-brands fa-twitter"></i></a></li>
<li><a href="#" class="gp"><i class="fa-brands fa-google-plus"></i></a></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</footer>
</body>
</html>