-
Notifications
You must be signed in to change notification settings - Fork 0
/
manufacturers.html
107 lines (89 loc) · 4.37 KB
/
manufacturers.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
<!--
Author: Emil Soleymani
Last Modification: 2023-11-21
-->
<!DOCTYPE html>
<html>
<head>
<title>CarDex | Manufacturers</title>
<link rel="stylesheet" type="text/css" href="css/global.css">
<link rel="stylesheet" type="text/css" href="css/manufacturers.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="js/manufacturers.js"></script>
<meta charset="utf-8">
</head>
<body>
<div class="header-wrapper">
<img class="header-logo" src="imgs/header_logo.png" alt="CarDex Logo">
<nav class="header-nav-wrapper">
<ul>
<li><a href="home.html">Home</a></li>
<li><a id="selected" href="manufacturers.html">Manufacturers</a></li>
<li><a href="about_us.html">About Us</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
<div class="manufacturers-wrapper" id="manufacturers-list">
<!--
<div class="manufacturer-wrapper">
<img src="imgs/manufacturer_logos/porsche.png" alt="Porsche Logo" class="manufacturer-img">
<p class="manufacturer-name">Porsche</p>
</div>
<div class="manufacturer-wrapper">
<img src="imgs/manufacturer_logos/audi.png" alt="Audi Logo" class="manufacturer-img">
<p class="manufacturer-name">Audi</p>
</div>
<div class="manufacturer-wrapper">
<img src="imgs/manufacturer_logos/bmw.png" alt="BMW Logo" class="manufacturer-img">
<p class="manufacturer-name">BMW</p>
</div>
<div class="manufacturer-wrapper">
<img src="imgs/manufacturer_logos/mercedes.png" alt="Mercedes Logo" class="manufacturer-img">
<p class="manufacturer-name">Mercedes</p>
</div>
<div class="manufacturer-wrapper">
<img src="imgs/manufacturer_logos/volkswagen.png" alt="Volkswagen Logo" class="manufacturer-img">
<p class="manufacturer-name">Volkswagen</p>
</div>
<div class="manufacturer-wrapper">
<img src="imgs/manufacturer_logos/chevrolet.png" alt="Chevrolet Logo" class="manufacturer-img">
<p class="manufacturer-name">Chevrolet</p>
</div>
<div class="manufacturer-wrapper">
<img src="imgs/manufacturer_logos/ford.png" alt="Ford Logo" class="manufacturer-img">
<p class="manufacturer-name">Ford</p>
</div>
<div class="manufacturer-wrapper">
<img src="imgs/manufacturer_logos/honda.png" alt="Honda Logo" class="manufacturer-img">
<p class="manufacturer-name">Honda</p>
</div>
<div class="manufacturer-wrapper">
<img src="imgs/manufacturer_logos/ferrari.png" alt="Ferrari Logo" class="manufacturer-img">
<p class="manufacturer-name">Ferrari</p>
</div>
<div class="manufacturer-wrapper">
<img src="imgs/manufacturer_logos/lamborghini.png" alt="Lamborghini Logo" class="manufacturer-img">
<p class="manufacturer-name">Lamborghini</p>
</div>
-->
</div>
<div id="footer-space">
</div>
<div class="footer-wrapper">
<p class="footer-copyright"><span>©</span> 2023 CarDex</p>
<div class="footer-links">
<div class="footer-links-left">
<a href="privacy.html">Privacy Policy</a>
<a href="terms-conditions.html">Terms and Conditions</a>
</div>
<div class="footer-social">
<!-- Let's imagine these are links to some official accounts -->
<a href="https://www.instagram.com"><img class="footer-social-img" src="imgs/icons/instagram.png" alt="Instagram"></a>
<a href="https://www.facebook.com"><img class="footer-social-img" src="imgs/icons/facebook.png" alt="Facebook"></a>
<a href="https://www.youtube.com"><img class="footer-social-img" src="imgs/icons/youtube.png" alt="Youtube"></a>
</div>
</div>
</div>
</body>
</html>