-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
103 lines (90 loc) · 3.92 KB
/
contact.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Us - Carera</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="contact-us">
<h1>Contact Us</h1>
<p>If you have any questions or would like to learn more about our premium car rental services, feel free to reach out to us using the form below or through our contact details.</p>
<!-- <div class="contact-details">
<h2>Our Contact Information</h2>
<p>Address: 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="contact-form">
<h2>Get in Touch</h2>
<form action="#" method="post">
<label for="name">Full Name</label>
<input type="text" id="name" name="name" placeholder="Your Name" required>
<label for="email">Email Address</label>
<input type="email" id="email" name="email" placeholder="Your Email" required>
<label for="message">Message</label>
<textarea id="message" name="message" rows="5" placeholder="Your Message" required></textarea>
<button type="submit">Send Message</button>
</form>
</div>
</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>