forked from Alipakkr/Voyawander
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
126 lines (118 loc) · 5.63 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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Voyawander Contact Us</title>
<link rel="stylesheet" href="contact.css">
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
</head>
<body>
<!-- navbar -->
<div class="head2">
<div class="logo"><a href="index.html"> Voyawander</a></div>
<div class="head3">
<a class="heads" href="index.html">Home</a>
<a class="heads" href="about.html">About Us</a>
<a class="heads" href="hotel.html">Hotels</a>
<a class="heads" href="Flight.html">Flights</a>
<a class="heads" href="contact.html">Contact Us</a>
<a class="heads" href="login.html">Login</a>
</div>
<span class="material-symbols-outlined">
menu
</span>
</div>
<header>
<section>
<h1>Contact Us</h1>
<p> Connect us related to any concerns and feedbacks</p>
</section>
</header>
<!-- Map part -->
<div class="mapform">
<div class="map_303">
<div class="mapimg_303">
<iframe class="map_image"
src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d77383.38450671565!2d77.59399309218722!3d12.953057174419225!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sin!4v1698831402052!5m2!1sen!2sin"
width="100%" height="100%" style="border:0;" allowfullscreen="" loading="fast"
referrerpolicy="no-referrer-when-downgrade">
</iframe>
<!-- <img class="map_image" style="height: auto;" src="image/contactmap.png" alt="map"> -->
<!-- <img class="locate_303" src="image/locator.png" alt="locate"> -->
</div>
<div class="form_303">
<div class="mes_side1_303">
<h2 class="H2map_303">Message</h2>
<div class="detail1_303">
<div class="name_303">
<input type="text" id="name" placeholder=" Your name">
</div>
<div class="email_303">
<label for="email"></label>
<input type="email" id="email" placeholder=" Your email">
</div>
</div>
<div class="details2_303">
<textarea name="message" id="feedback" cols="30" rows="10"
placeholder=" Your message"></textarea>
</div>
<div class="details3_303">
<button type="submit" class="btnblue_303" onclick="myfun1()">Submit</button>
</div>
</div>
<div class="info_side2_303">
<h2 class="H2info_303">Details</h2>
<div class="firstdiv_303">
<img class="contact-locator_303" src="image/contact-locator.png" alt="logo">
<p class="contactpara_303">123 sector 15 NaviMumbai , Maharastra India</p>
</div>
<div class="seconddiv_303">
<img class="contact-locator_303" src="image/contact_image.png" alt="logo">
<p class="contact_303">+91-9764320123</p>
</div>
<div class="thirddiv_303">
<img class="email-locator_303" src="image/email.png" alt="logo">
<p class="email_303">Bookmydestiny@gmail.com</p>
</div>
<div class="fourthdiv_303">
<a href="https://www.facebook.com/"><button class="btninside_303"><img
src="image/facebook-inside.png" alt="logo"></button></a>
<a href="https://twitter.com/i/flow/login"><button class="btninside_303"><img
src="image/twitter-inside.png" alt="logo"></button></a>
<a href="https://www.instagram.com/"><button class="btninside_303"><img
src="image/inata-inside.png" alt="logo"></button></a>
</div>
</div>
</div>
</div>
</div>
<!-- Footer section------------------------------------- -->
<div class="footer">
<div class="footermain">
<div class="contensection">
<h1>Voyagers</h1>
<p style="margin-top: 10px;">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit
animi
possimus, quos error nostrum
officiis blanditiis, sequi recusandae repellendus suscipit aspernatur. Perspiciatis officiis debitis
similique.</p>
</div>
<div class="iconsection">
<div>
<a href="https://www.instagram.com/"><img class="imageicon" src="insta.png" alt="icon"></a>
</div>
<div>
<a href="https://www.linkedin.com/checkpoint/lg/sign-in-another-account"><img class="imageicon"
src="linkedin.png" alt="icon"></a>
</div>
<div>
<a href="https://www.facebook.com/"><img class="imageiconf" src="facebook.png" alt="icon"></a>
</div>
</div>
</div>
</div>
<script src="index.js"></script>
</body>
</html>