-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
153 lines (148 loc) · 12.4 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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<title>Cards</title>
</head>
<body class="bg-dark">
<div class="container">
<div class="row">
<section class="card bg-primary col-md-6 text-light">
<div class="card-header">
<h1>Audi A3</h1>
</div>
<img src="./images/a3.jpg" alt="a3" class="card-img-top img-fluid">
<div class="card-body">
<p class="card-text text-justify">
Мускулесто излъчване: динамичният контур на покрива подчертава динамичния характер на модела с пет врати. Характерната "торнадо-линия" по продължение на долния кант на страничните прозорци, както и динамичната линия над праговете придават на профила на автомобила характерен изглед. Дизайнът в областта на задната част също е станал още по-категоричен - нови триизмерни задни светлини, по-отчетливо изразени линии и по-голям дифузор. Ключов акцент в автомобила е Audi virtual cockpit, който се предлага за пръв път в модел от компактния клас. Открийте едно ново лице на прогреса.
</p>
</div>
<div class="card-footer">
<a href="https://www.audi.bg/a3/a3-sportback/pregled" class="card-link text-white">More</a>
</div>
</section>
<section class="card bg-info col-md-6 text-light">
<div class="card-header">
<h1>Audi A4</h1>
</div>
<img src="./images/a4.jpg" alt="a4" class="card-img-top img-fluid">
<div class="card-body">
<p class="card-text text-justify">
Още по-мощно, още по-ефективно, още по-интелигентно: новото Audi A4 седан впечатлява с изключително съчетание от технологии и естетика. Предлаганият като опция Audi virtual cockpit със своя 12,3-инчов LCD-екран с висока разделителна способност, както и опционалната Bang & Olufsen Sound System с 3D-звук прибавят допълнителни акценти в интериора и носят полъх от луксозния клас.
</p>
</div>
<div class="card-footer">
<a href="https://www.audi.bg/a4/a4-limousine/pregled" class="card-link text-light">More</a>
</div>
</section>
<section class="card bg-danger col-md-12 text-light">
<div class="card-header">
<h1>Audi A7</h1>
</div>
<img src="./images/a7.jpg" alt="a7" class="card-img-top img-fluid">
<div class="card-body">
<p class="card-text text-justify">
Неповторим. Ненаподобим. A7. Започвайки от заострените светлини с характерна графика, преминавайки през внушителната предница с широка радиаторна решетка Singleframe и наподобяващия на спортно coupé силует, достигайки до атлетичната задна част - Audi A7 Sportback демонстрира революционен стилистичен език и едновременно с това ясно показва своите класически quattro гени. Което за пореден път доказва, че човек може да остане верен на себе си, но да се преоткрие наново.
</p>
</div>
<div class="card-footer">
<a href="https://www.audi.bg/a7/a7-sportback-1/pregled" class="card-link text-light">More</a>
</div>
</section>
<section class="card bg-secondary col-md-4">
<div class="card-header">
<h1>Audi A8</h1>
</div>
<img src="./images/a8.jpg" alt="a8" class="card-img-top img-fluid">
<div class="card-body">
<p class="card-text text-justify">
За нас прогресът е мисия. Досега ние никога не сме изпълнявали обещанията си в тази насока по толкова основополагащ начин и с такъв визионерски подход, както при новия Audi A8. С този модел Audi започва една нова дизайнерска ера, нова ергономична концепция, ново измерение на качеството. Новият Audi A8 показва бъдещето на луксозния клас.
</p>
</div>
<div class="card-footer">
<a href="https://www.audi.bg/a8/new-a8/pregled" class="card-link text-dark">More</a>
</div>
</section>
<section class="card bg-dark col-md-4 text-light">
<div class="card-header">
<h1>Audi Q3</h1>
</div>
<img src="./images/q3.jpg" alt="q3" class="card-img-top img-fluid">
<div class="card-body">
<p class="card-text text-justify">
Днес сте тук, а утре - там. Светът става все по-малък. Вашите възможности стават все по-разнообразни. С един автомобил, който ще отговори на Вашите предизвикателства - това е новият Audi Q3. Мощен и чевръст. Компактен отвън, просторен отвътре. С характерно излъчване, спортен дух и завидна ефективност. Audi Q3. Създаден, за да отговори на нови предизвикателства. Готови - старт!
</p>
</div>
<div class="card-footer">
<a href="https://www.audi.bg/q3/q3/pregled" class="card-link text-light">More</a>
</div>
</section>
<section class="card bg-secondary col-md-4 text-light">
<div class="card-header">
<h1>Audi Q5</h1>
</div>
<img src="./images/q5.jpg" alt="q5" class="card-img-top img-fluid">
<div class="card-body">
<p class="card-text text-justify">
Не оставяйте нищо на случайността. Без значение дали става дума за комфорта, стила или динамиката: новият Audi Q5 успява да впечатли още от първия момент. Негово излъчване е така завладяващо, задвижването му е толкова мощно, а технологиите - възможно най-модерни. Един автомобил, който дава толкова много и толкова разнообразни възможности. Всеки ден може да бъде различен - с новия Audi Q5.
</p>
</div>
<div class="card-footer">
<a href="https://www.audi.bg/q5/q5-1/pregled" class="card-link text-light">More</a>
</div>
</section>
<section class="card bg-warning col-md-4 text-light">
<div class="card-header">
<h1>Audi RS5</h1>
</div>
<img src="./images/rs5.jpg" alt="rs5" class="card-img-top img-fluid">
<div class="card-body">
<p class="card-text text-justify">
Новият Audi RS 5 Coupé съчетава елегантна естетика с типичното за всеки RS-модел върхово представяне на пътя. Двигателят 2.9 TFSI V6-Biturbo с 331 kW (450 к.с.) и 600 Нм осигурява огромна мощност и превъзходна тяга. RS 5 Coupé се ускорява от 0 до 100 км/ч за 3,9 секунди и развива максимална скорост 250 км/ч. По желание на клиента максималната скорост може да бъде увеличена до 280 км/ч.
</p>
</div>
<div class="card-footer">
<a href="https://www.audi.bg/a5/rs-5-coupe/pregled" class="card-link text-light">More</a>
</div>
</section>
<section class="card bg-success col-md-4 text-light">
<div class="card-header">
<h1>Audi TTS Coupé</h1>
</div>
<img src="./images/tts.jpg" alt="tts" class="card-img-top img-fluid">
<div class="card-body">
<p class="card-text text-justify">
Новото Audi TTS е изтъкано от расови спортни гени. С новото постоянно задвижване на четирите колела quattro®. Серийно с по-голям процент на предаваната към задните колела тяга. Така динамичното шофиране сега е още по-лесно контролируемо. S-специфичните елементи като например четирите овални накрайника на ауспуховата система правят автомобила още по-характерен.
</p>
</div>
<div class="card-footer">
<a href="https://www.audi.bg/tt/tts-coupe/pregled" class="card-link text-light">More</a>
</div>
</section>
<section class="card bg-basic col-md-4 text-dark">
<div class="card-header">
<h1>Audi S1</h1>
</div>
<img src="./images/s1.jpg" alt=s1"" class="card-img-top img-fluid">
<div class="card-body">
<p class="card-text text-justify">
Наслаждавайте се на всеки ден. С Audi S1може да се възползвате от всички предимства на това да управлявате спортен автомобил: изобилие от мощ, чевръста водимост и система за постоянно задвижване на четирите колела quattro®. Заповядайте на борда. Насочете всички погледи към себе си. Audi S1. Градът Ви принадлежи.
</p>
</div>
<div class="card-footer">
<a href="https://www.audi.bg/a1/s1/pregled" class="card-link text-dark">More</a>
</div>
</section>
</div> <!--class row-->
</div> <!--class container*/-->
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>