-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
103 lines (92 loc) · 4.2 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
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Eduford Website</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,600,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<section class="sub-header">
<nav>
<a href="index.html"><img src="images/logo.png"></a>
<div class="nav-links" id="navLinks">
<i class="fa fa-close" onclick="hideMenu()"></i>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="course.html">COURSE</a></li>
<li><a href="blog.html">BLOG</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</div>
<i class="fa fa-bars" onclick="showMenu()"></i>
</nav>
<h1>Contact Us</h1>
</section>
<!------- Contact Us ------->
<section class="location">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3770.8953033168086!2d72.82796777459134!3d19.068340282134614!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be7c9cda3c847cd%3A0x675084f0b8031799!2sNav%20palmyra!5e0!3m2!1sen!2sin!4v1711130309868!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</section>
<section class="contact-us">
<div class="row">
<div class="contact-col">
<div>
<i class="fa fa-home"></i>
<span>
<h5>Xyz Road, Abc Building</h5>
<p>Mumbai, Maharashtra, India</p>
</span>
</div>
<div>
<i class="fa fa-phone"></i>
<span>
<h5>+91 0123456789</h5>
<p>Monday to Saturday - 10 AM to 6 PM</p>
</span>
</div>
<div>
<i class="fa fa-envelope-o"></i>
<span>
<h5>[email protected]</h5>
<p>Reach Out To Us</p>
</span>
</div>
</div>
<div class="contact-col">
<form method="post" action="contact-form-handler.php">
<input type="text" name="name" placeholder="Enter your name" required>
<input type="email" name="email" placeholder="Enter email address" required>
<input type="text" name="subject" placeholder="Enter your subject" required>
<textarea rows="8" name="message" placeholder="Message" required></textarea>
<button type="submit" class="hero-btn red-btn">Send Message</button>
</form>
</div>
</div>
</section>
<!-------- footer ---------->
<footer>
<div class="footer">
<h4>About Us</h4>
<p> Aperiam nesciunt iusto in veritatis molestiae sequi delectus iure tempora maxime, necessitatibus, obcaecati commodi? Dolores expedita quasi, illo ullam nam suscipit quos.
Et minus, blanditiis odit sed adipisci explicabo iusto eius, impedit non possimus dolores deserunt sunt dignissimos.</p>
</div>
<div class="icons2">
<i class="fa fa-facebook"></i>
<i class="fa fa-twitter"></i>
<i class="fa fa-instagram"></i>
<i class="fa fa-linkedin"></i>
</div>
</footer>
<!----JavaScript for toggle menu---->
<script>
var navLinks = document.getElementById("navLinks");
function showMenu() {
navLinks.style.right = "0";
}
function hideMenu() {
navLinks.style.right = "-200px";
}
</script>
</body>
</html>