-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontactus.html
138 lines (119 loc) · 3.47 KB
/
contactus.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Us - Nikhil Travels</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
.nav {
background-color:#43766C;
color: #fff;
padding: 10px 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
.nav .logo {
font-size: 24px;
font-weight: bold;
}
.nav .nav-items {
list-style: none;
display: flex;
}
.nav .nav-items li {
margin-right: 20px;
}
.nav .nav-items li a {
text-decoration: none;
color: #fff;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
.contact h1 {
font-size: 36px;
margin-bottom: 20px;
}
.contact p {
margin-bottom: 30px;
color: #666;
}
.contact label {
display: block;
margin-bottom: 10px;
}
.contact input[type="text"],
.contact input[type="email"],
.contact textarea {
width: 100%;
padding: 10px;
margin-bottom: 20px;
border: 1px solid #ccc;
border-radius: 5px;
box-sizing: border-box;
}
.contact textarea {
height: 150px;
resize: none;
}
.contact button {
padding: 10px 20px;
background-color: #333;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
}
.contact button:hover {
background-color: #555;
}
.footer {
background-color:#43766C ;
color: #fff;
text-align: center;
padding: 20px 0;
}
</style>
</head>
<body>
<header class="nav">
<div class="logo">Nikhil Travels</div>
<nav>
<ul class="nav-items">
<li><a href="#">HOME</a></li>
<li><a href="#">BOOK NOW</a></li>
<li><a href="#">ABOUT US</a></li>
</ul>
</nav>
</header>
<section class="contact">
<div class="container">
<h1>Contact Us</h1>
<p>Have questions or feedback? Get in touch with us!</p>
<form id="contactForm" onsubmit="return validateForm()">
<label for="name">Name</label>
<input type="text" id="name" name="name" required>
<label for="email">Email</label>
<input type="email" id="email" name="email" required>
<label for="message">Message</label>
<textarea id="message" name="message" rows="5" required></textarea>
<button type="submit">Send Message</button>
</form>
</div>
</section>
<footer class="footer">
<div class="container">
<p>© 2024 Nikhil Travels. All rights reserved.</p>
</div>
</footer>
</body>
</html>