-
Notifications
You must be signed in to change notification settings - Fork 0
/
about-us.html
115 lines (100 loc) · 4.5 KB
/
about-us.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us - Premium Car Rental</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<a href="index.html">
<img src="logo.png" alt="Carera Logo" class="logo">
</a>
<nav>
<a href="about-us.html">About Us</a>
<a href="cars.html">Cars</a>
<a href="contact.html">Contact</a>
<a href="#" class="download-button">Download App</a>
</nav>
</header>
<section class="hero">
<h1>About Us</h1>
<p>We are a premium car rental service offering the finest vehicles from around the world to our clients.</p>
<div class="car-image">
<img src="honda-city.png" alt="Car Image">
</div>
</section>
</section>
<section class="about-us">
<h2>Our Mission</h2>
<p>We strive to make luxury and convenience accessible to everyone, offering a fleet of world-class vehicles that promise an unforgettable driving experience.</p>
</section>
<section class="company-history">
<h2>Our History</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet felis ut enim luctus tempor sit amet ac enim. Vivamus at suscipit felis, id auctor erat. In dapibus odio eu erat malesuada, ac vestibulum ex vestibulum.</p>
</section>
<section class="company-values">
<h2>Our Values</h2>
<p>Integrity, Excellence, and Innovation drive everything we do. We prioritize customer satisfaction, ensuring that each rental experience exceeds expectations.</p>
</section>
<section class="contact">
<h2>Contact Us</h2>
<p>If you have any questions, please feel free to reach out to us at <strong>[email protected]</strong>. We would love to hear from you!</p>
</section>
<section class="brands">
<img src="icons8-toyota-50.png" alt="Toyota">
<img src="icons8-honda-50.png" alt="Honda">
<img src="icons8-ford-48.png" alt="Ford"> <!--
<img src="icons8-hyundai-48.png" alt="Hyundai">
<img src="icons8-isuzu-is-a-japanese-commercial-vehicle-and-diesel-engine-manufacturing-company-48.png" alt="Isuzu">
<img src="icons8-mitsubishi-50.png" alt="Mitsubishi">-->
</section>
<footer>
<div class="footer-container">
<div class="footer-logo">
<a href="index.html">
<div class="logo">Carera</div>
</a>
<p>Your premium car rental service in New York.</p>
</div>
<div class="footer-links">
<h3>Quick Links</h3>
<ul>
<li><a href="about-us.html">About Us</a></li>
<li><a href="cars.html">Our Fleet</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="#">Download App</a></li>
</ul>
</div>
<div class="footer-contact">
<h3>Contact Us</h3>
<p>123 Premium Car St, New York, NY 10001</p>
<p>Phone: (123) 456-7890</p>
<p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
</div>
<div class="footer-social">
<h3>Follow Us</h3>
<div class="social-icons">
<a href="#" aria-label="Facebook"><img src="facebook-icon.png" alt="Facebook"></a>
<a href="#" aria-label="Instagram"><img src="instagram-icon.png" alt="Instagram"></a>
<a href="#" aria-label="Twitter"><img src="twitter-icon.png" alt="Twitter"></a>
<a href="#" aria-label="LinkedIn"><img src="linkedin-icon.png" alt="LinkedIn"></a>
</div>
</div>
<div class="footer-subscribe">
<h3>Stay Updated</h3>
<p>Subscribe for the latest offers and news.</p>
<form action="#" method="post">
<input type="email" name="email" placeholder="Your Email" required>
<button type="submit">Subscribe</button>
</form>
</div>
</div>
<div class="footer-bottom">
<p>© 2023 Carera. All rights reserved.</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>