-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
161 lines (146 loc) · 10.2 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
<!DOCTYPE html>
<html lang="hu">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
<link rel="stylesheet" href="Assets/css/style.css">
<link rel="icon" href="Assets/pictures/favicon.ico" type="image/png">
<title>A Legendás Izomautók</title>
</head>
<body>
<header class="d-flex justify-content-center py-3" id="MONC">
<ul class="nav nav-pills">
<li class="nav-item px-3 py-3"><a href="#MONC" class="nav-link active" aria-current="page">Mopar or No Car</a></li>
<li class="nav-item px-3 py-3"><a href="#HEMI" class="nav-link active" aria-current="page">A Legendás V8</a></li>
<li class="nav-item px-3 py-3"><a href="#TYPES" class="nav-link active" aria-current="page">Tipusok</a></li>
<span id="navCenter">
<li class="nav-item px-3 py-3"><a href="#MORE" class="nav-link active" aria-current="page">További tartalmak</a></li>
<li class="nav-item px-3 py-3"><a href="#RIP" class="nav-link active" aria-current="page">R.I.P.</a></li>
</span>
</ul>
</header>
<main>
<span class="myCard">
<div id="myCardText">
<h1 id="heroText"><b>Mopar or No Car</b></h1>
<h3>Ez az oldal emléket állít az igazi Dodge izomautóknak, mivel 2024-ben végleg befejeződött az igazi gyártásuk.</h3>
</div>
<img src="Assets/pictures/dodge-challenger-hellcat-redeye01-1-jpg.jpg" alt="Green Challlenger" class="Img">
</span>
<section id="HEMI">
<span class="myCard">
<img src="Assets/pictures/iris.avif" alt="V8 Engine" class="Img" id="shake">
<div id="myCardText">
<h1 id="heroText"><b>A V8</b></h1>
<h3>A izomautók reneszánsza alat megszületett HEMI motor ami a
robbanástér kialakítás eredendezhető vissza. Ez által sokkal nagyobb teljesmény leadásra képes.
<hr>
<p id="engineDesc">Az a motor egy 6.2L cm<sup>3</sup> és modeltől függően 2.4-2.7L-es duplacsavaros
feltöltővel ér el 707-888 HP közötti teljesítményt.
</p>
</h3>
</div>
</span>
</section>
<section id="TYPES">
<span id="slide">
<!-- Bal oldali kép és szöveg -->
<div class="kontaner" id="kontaner-left">
<div class="text">
<h1>Challenger</h1>
<p>
A Dodge Challenger egy ikonikus amerikai izomautó, amely először 1970-ben jelent meg. Ez a modell a klasszikus pony car kategória egyik legismertebb képviselője, híres erőteljes megjelenéséről, nagy teljesítményű motorjairól és versenyautós múltjáról.
A Challenger modern változatait 2008-ban kezdték gyártani, azóta pedig számos verzió és motoropció elérhető, beleértve a Hellcat és Demon változatokat, amelyek rendkívüli teljesítményt nyújtanak (akár 800+ lóerővel). A Challenger stílusában retro elemeket ötvöz a modern technológiával, így vonzó azok számára, akik szeretik a klasszikus és modern autók keverékét.
</p>
</div>
<img class="image" src="Assets/pictures/iris-challenger.avif" alt="Challenger">
</div>
<!-- Jobb oldali kép és szöveg -->
<div class="kontaner" id="kontaner-right">
<img class="image" src="Assets/pictures/iris-charger.avif" alt="Charger">
<div class="text">
<h1>Charger</h1>
<p>
A Dodge Charger egy másik híres amerikai autó, amely szintén az izomautók világából származik. Az eredeti Charger 1966-ban debütált, és hamarosan a sebesség, teljesítmény és agresszív dizájn szinonimájává vált. A Charger napjainkban egy sportos szedán formájában érhető el, amely ugyanúgy megtartotta izomautós örökségét. A modern változatok között a Hellcat modellek különösen figyelemre méltók, akár 700+ lóerős teljesítménnyel. Bár nagyobb és praktikusabb, mint a Challenger, a Charger még mindig a teljesítményorientált vásárlóknak készült.
Mindkét modell a Dodge márka csúcsát képviseli, és nagy népszerűségnek örvend az autós világban. A Challenger inkább a kétajtós, klasszikus izomautó rajongóinak szól, míg a Charger a nagyobb, négyajtós alternatíva ugyanebben a szellemben.
</p>
</div>
</div>
</span>
</section>
<section id="MORE">
<span id="moreContent" >
<h1>További tartalmak</h1>
<div id="videosGrid" >
<div class="littleCard">
<iframe src="https://www.youtube.com/embed/-wj1pc3tJEk?si=udhTXv7BvBXAbdyS" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<h1>
Dodge Demon - Everything You Need To Know | Up to Speed | Donut Media
</h1>
</div>
<div class="littleCard">
<iframe src="https://www.youtube.com/embed/ekrpXYXTKCw?si=LfA8Ow2WWNOq7PI6" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<h1>
DODGE CHALLENGER - Everything You Need to Know | Up to Speed
</h1>
</div>
<div class="littleCard">
<iframe src="https://www.youtube.com/embed/q-_ae1bldlg?si=Xv4OWQOst5VgB_JO" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<h1>
DODGE CHARGER - Everything You Need to Know | Up To Speed
</h1>
</div>
<div class="littleCard">
<iframe src="https://www.youtube.com/embed/9-i3vVJwETg?si=5SVsEP-Hagjd2pvm" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<h1>
We Tried Goofy Hellcat Accessories
</h1>
</div>
<div class="littleCard">
<iframe src="https://www.youtube.com/embed/PgedeXCZuZQ?si=SdwsTOykx-jmwAla" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<h1>
DODGE DURANGO - Everything You Need To Know | Donut Media
</h1>
</div>
<div class="littleCard">
<iframe src="https://www.youtube.com/embed/v3bExhkJsQU?si=a62tjcDTioUNLWOX" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<h1>
Dodge Demon - Commuting in an 840hp Muscle Car | The New Car Show
</h1>
</div>
<div class="littleCard">
<iframe src="https://www.youtube.com/embed/86DU3u1yphM?si=8vKMlVDunI1dBgxg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<h1>
RIP Dodge Challenger
</h1>
</div>
</div>
</span>
</section>
<section id="RIP">
<span id="rip">
<p>Rest In Peace</p>
</span>
</section>
</main>
<footer>
<span class="container">
<footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
<div class="col-md-4 d-flex align-items-center">
<a href="/" class="mb-3 me-2 mb-md-0 text-body-primary text-decoration-none lh-1">
<svg class="bi" width="30" height="24"><use xlink:href="#bootstrap"></use></svg>
</a>
<span class="mb-3 mb-md-0 text-body-primary">© 2024 Save The V8, Inc</span>
</div>
<ul class="nav col-md-4 justify-content-end list-unstyled d-flex" id="socialmedia">
<li class="ms-3"><a class="text-body-secondary" href="https://twitter.com/dodge" target="_blank"><i class="bi bi-twitter-x"></i><use xlink:href="#twitter"></use></svg></a></li>
<li class="ms-3"><a class="text-body-secondary" href="https://www.instagram.com/dodgeofficial/" target="_blank"><i class="bi bi-instagram"></i><use xlink:href="#instagram"></use></svg></a></li>
<li class="ms-3 btn-primary"><a class="text-body-secondary" href="https://www.facebook.com/dodge" target="_blank"><i class="bi bi-facebook"></i><use xlink:href="#facebook"></use></svg></a></li>
</ul>
</footer>
</span>
</footer>
</body>
</html>