-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
101 lines (80 loc) · 3.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Contact</title>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
/>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!-- Header session starts -->
<header class="header">
<section class="flex">
<a href="index.html" class="logo">Travia</a>
<nav class="navbar">
<a href="index.html">home</a>
<a href="about.html">about</a>
<a href="tours.html">tours</a>
<a href="desination.html">destination</a>
<a href="contact.html">contact</a>
</nav>
<div id="menu-btn"><i class="fa-solid fa-bars"></i></div>
</section>
</header>
<!-- header section ends -->
<!-- Contact section starts -->
<div class="contact">
<h1 class="heading">Contact us</h1>
<section>
<div class="row">
<iframe
class="map"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d30153.7883103707!2d72.82012478935397!3d19.141689896119207!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be7b63aceef0c69%3A0x2aa80cf2287dfa3b!2sJogeshwari%20West%2C%20Mumbai%2C%20Maharashtra%20400047!5e0!3m2!1sen!2sin!4v1699171648040!5m2!1sen!2sin"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
></iframe>
<form action="" method="post">
<h3>Get in Touch</h3>
<input type="text" name="name" required maxlength="50"
placeholder="Enter your name" class="box">
<input type="email" name="email" required maxlength="50"
placeholder="Enter your email" class="box">
<input type="number" name="number" required maxlength="10" min="0" max="9999999999"
placeholder="Enter your number" class="box">
<textarea name="message" class="box" required cols="30" rows="10" maxlength="1000"></textarea>
<input type="submit" value="send message" class="btn" name="send">
</form>
</div>
<div class="grid">
<div class="box">
<i class="fas fa-phone"></i>
<h3>Phone number</h3>
<a href="tel:1234567890">+123-456-7890</a>
<a href="tel:1112223333">+111-222-3333</a>
</div>
<div class="box">
<i class="fas fa-envelope"></i>
<h3>email address</h3>
<a href="mailto:sonasree1314@gmail.com">sonasree1314@gmail.com</a>
<a href="mailto:sonasree07@gmail.com">sonasree07@gmail.com</a>
</div>
<div class="box">
<i class="fas fa-map-marker-alt"></i>
<h3>office address</h3>
<a href="#">Door.no: 4/54,siddhar kovil main road, thaneer panthal , thirumaliagiri, salem -636 307</a>
</div>
</div>
<div class="credit">
©copyright @2023 by<span> Ms. Sonasree Web designer</span>|| all rights reserved
</div>
</section>
</div>
<!-- custom js file link -->
<script src="script.js"></script>
</body>
</html>