-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain.html
57 lines (57 loc) · 3.94 KB
/
main.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
<!DOCTYPE html>
<html lang="pl-PL">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="autor" content="Dmytro Voloshyn">
<meta name ="description" content="Zakup auta">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
<title>Zakup auta</title>
<body>
<div id ="container">
<header>
<nav>
<span class="text"><i class="fas fa-tachometer-alt"></i> MyCarDealer</span>
<ul>
<li><i class="icon" class="fas fa-phone-alt"></i> (+48) 00 0000 000</li>
<li><a href="#"><i class="fas fa-map-marked-alt"></i></a></li>
</ul>
</nav>
</header>
<div class="search">
<form>
<label><span>Marka</span> <input id="search" onkeyup="FindOnPage()" type="text" placeholder="Search" autofocus><i class="fas fa-search"></i></label>
<hr />
</form>
</div>
<main>
<div id="container-for-cars">
<div class="cars"><img src="./images/pexels-mike-898336.jpg" alt="car image" /><p class="model-of-car">BMW 5, 525i Touring<br />2018, 80 000 km<br />218 KM<br />26 700 PLN</p>
</div>
<div class="cars"><img src="./images/pexels-jay-johnson-6335848.jpg" alt="car image"><p class="model-of-car">AUDI A6 Allroad <br />2020, 13 507 km<br />349 KM<br />319 900 PLN</p></div>
<div class="cars"><img src="./images/pexels-mike-112460 (1).jpg" alt="car image"><p class="model-of-car">MERCEDES-BENZ CLS<br />2020, 21 984 km<br /> 435 KM<br />429 900 PLN</p></div>
<div class="cars"><img src="./images/pexels-erik-mclean-4061943.jpg" alt="car image" ><p class="model-of-car">FORD Fiesta 1.1<br />2017, 120 000 km<br />75 KM<br />25 000 PLN</p></div>
<div class="cars"><img src="./images/pexels-mike-1009873.jpg" alt="car image"><p class="model-of-car">FIAT 500 1.0<br />2016, 138 000 km<br /> 70 KM<br />18 500 PLN </p></div>
<div class="cars"><img src="./images/pexels-mike-100653.jpg" alt="car image"><p class="model-of-car">BMW Seria 3<br /> 2016, 98 000 km<br /> 130 KM<br /> 29 000 PLN</p></div>
<div class="cars"><img src="./images/pexels-mike-802254.jpg" alt="car image" data-description='[{"model":"MERCEDES-BENZ Klasa B","img": "./images/pexels-mike-4935644.jpg","cost": 65000}]'><p class="model-of-car">MERCEDES-BENZ Klasa B<br /> 2018, 75 000 km<br /> 136 KM<br /> 65 000 PLN</p></div>
<div class="cars"><img src="./images/pexels-mike-4935644.jpg" alt="car image"><p class="model-of-car">AUDI A4 35<br /> 2019, 25 000 km <br /> 150 KM <br /> 68 000 PLN</p></div>
<div class="cars"><img src="./images/pexels-mike-1009861.jpg" alt="car image"><p class="model-of-car">MERCEDES-BENZ Klasa A 180<br />2020, 5000 km<br /> 136 KM <br />155 000 PLN</p></div>
</div>
</main>
<hr />
<footer>
<span class="copyright">Copyright, © 2021</span>
<a class="support" href="mailto:[email protected]"><i class="fas fa-envelope"> [email protected]</i></a>
<div class="social-media">
<a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
<a href="https://twitter.com/"><i class="fab fa-twitter"></i></a>
<a href="https://www.instagram.com/"><i class="fab fa-instagram"></i></a>
</div>
</footer>
</div>
<script src="main.js" async></script>
</body>
</html>