-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
108 lines (107 loc) · 7.61 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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="script.js"></script>
</head>
<body>
<div id = "mobile-menu">
<aside>
<nav>
<ul class="aside-menu">
<li id = "close-mobile-menu" onclick="open_mobile_menu()">Закрыть</li>
<li><a href="#main-img">Меню</a></li>
<li><a href="#main-blockquotes">Цитаты</a></li>
<li><a href="#main-txt">Вступительный текст</a></li>
</ul>
</nav>
</aside>
</div>
<div id = "page">
<header>
<div id = "logo">
<img src="img/car.svg" id = "main-img">
<span id = "title-txt">Автомобилкин</span>
</div>
<nav>
<ul class="top-menu">
<li class = "link-of-menu" id = "active">Главная</li>
<li class = "link-of-menu"><a href="marks/mercedes/index.html">Mercedes</a></li>
<li class = "link-of-menu"><a href="marks/bmw/index.html">BMW</a></li>
<li class = "link-of-menu"><a href="marks/audi/index.html">Audi</a></li>
<li class = "link-of-menu"><a href="marks/volkswagen/index.html">Volkswagen</a></li>
<li class = "link-of-menu"><a href="marks/toyota/index.html">Toyota</a></li>
<li class = "link-of-menu"><a href="marks/mitsubishi/index.html">Mitsubishi</a></li>
<li class = "link-of-menu"><a href="marks/volvo/index.html">Volvo</a></li>
<li class = "link-of-menu"><a href="marks/cadillac/index.html">Cadillac</a></li>
<li class = "link-of-menu"><a href="marks/dodge/index.html">Dodge</a></li>
<li class = "link-of-menu"><a href="marks/lada/index.html">Lada</a></li>
</ul>
</nav>
<div id = "heading">
<h1>HOME</h1>
</div>
</header>
<main>
<div id = "left-screen">
<aside>
<nav>
<ul class="aside-menu">
<li><a href="#main-img">Меню</a></li>
<li><a href="#main-blockquotes">Цитаты</a></li>
<li><a href="#main-txt">Вступительный текст</a></li>
</ul>
</nav>
</aside>
</div>
<div id = "btn-open-menu-on-mobile-outside">
<div id = "btn-open-menu-on-mobile-inside" onclick="open_mobile_menu()"></div>
</div>
<div id = "right-screen">
<div id = "main-blockquotes">
<section>
<blockquote>
<p>
Я не смог найти спортивный автомобиль своей мечты, поэтому сделал его сам.
</p>
<cite>Фердинанд Порше</cite>
</blockquote>
</section>
<section>
<blockquote>
<p>
Если тебе легко значит, ты летишь в пропасть, если тебе тяжело значит, ты поднимаешься в гору.
</p>
<cite>Генри Форд</cite>
</blockquote>
</section>
<section>
<blockquote>
<p>
Успех — это 99% поражений и 1% удачи
</p>
<cite>Сойчиро Хонда</cite>
</blockquote>
</section>
</div>
<div id = "main-txt">
<p>
Автомобиль стал неотъемлемой частью современного мира. А ведь этому средству передвижения, изменившему жизнь всего человечества, немногим более ста лет. Слово «автомобиль» образовано из двух частей — греческого «аутос» («сам») и латинского «моби-лис» («движущийся»). Значит, автомобиль — это самодвижущаяся (когда-то говорили «самобеглая») машина. Первые автомобили так и называли: самодвижущиеся экипажи. Появились они в конце XIX века.
</p>
<p>
29 января 1986 г. мир отмечал значительную дату: автомобилю исполнилось 100 лет. В 1886 г. инженер из Мангейма Карл Бенц (1844г.-1929г.) получил патент на свое первое изобретение – транспорт с мотором зажигания. То, что этот патент позднее станет свидетельством рождения автомобиля, не мог представить даже сам Бенц.
</p>
<p>
Для большинства людей автомобиль давно уже перестал быть роскошью, а превратился в простое средство для передвижения. Конечно, есть роскошные и дорогие автомобили. Когда человек садиться за руль такого авто, он чувствует своё превосходство над другими водителями. Насколько это ему нужно, каждый человек решает самостоятельно. По крайней мере, простые недорогие автомобили так называемых «народных» марок доступны сейчас практически каждой семье. Тем более, существуют программы кредитования, которые, предлагают очень выгодные и необременительные условия. Поэтому многие очень охотно приобретают автомобили в кредит, и с радостью пользуются этим замечательным достижением цивилизации. И конечно, владельцы новых автомобилей относятся к ним очень бережно. Многие люди воспринимают свои машины как членов своих семей. Техника чувствует отношение к ней человека, и, в ответ на такую трогательную заботу своих владельцев, она отвечает надёжной работой без каких-либо проблем.
</p>
</div>
</div>
</main>
</div>
<footer>
</footer>
</body>
</html>