-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
118 lines (114 loc) · 4.34 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Muchiri Samuel">
<meta name="description" content="Simple multipage website">
<meta name="keywords" content="eduford,campus">
<link rel="stylesheet" href="style.css">
<title>Eduford University Website</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,400;0,600;0,700;1,100&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.3/css/fontawesome.min.css">
<script src="https://cdn.jsdelivr.net/npm/darkmode-js@1.5.7/lib/darkmode-js.min.js"></script>
</head>
<body>
<!-----Header section-->
<section id="sub-header">
<div class="wrapper1">
<nav>
<img src="logo.png" alt="eduford logo">
<ul>
<i class='bx bx-window-close' onclick="hideMenu()"></i>
<li><a href="index.html" onclick="hideMenu()">HOME</a></li>
<li><a href="about.html" onclick="hideMenu()">ABOUT</a></li>
<li><a href="courses.html" onclick="hideMenu()">COURSE</a></li>
<li><a href="blog.html" onclick="hideMenu()">BLOG</a></li>
<li><a href="contact.html" onclick="hideMenu()">CONTACT</a></li>
</ul>
</nav>
<i class='bx bx-menu'onclick="showMenu()"></i>
</div>
<h1>Contact Us</h1>
</section>
<!--About Us Info-->
<section id="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d462562.84787071304!2d54.94755468288955!3d25.075707327560686!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e5f43496ad9c645%3A0xbde66e5084295162!2sDubai%20-%20United%20Arab%20Emirates!5e0!3m2!1sen!2ske!4v1619292155579!5m2!1sen!2ske" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</section>
<!--Directions section-->
<section id="dir">
<div class="wrappera4">
<div class="com">
<span class="material-icons">
share_location
</span>
<div>
<h3>XYZ Road, ABC Building</h3>
<p>Bangalore, Karnataka, IN</p>
</div>
</div>
<div class="com">
<span class="material-icons">
call
</span>
<div>
<h3>+254741279049</h3>
<p>Monday to Saturday,10AM to 6PM</p>
</div>
</div>
<div class="com">
<span class="material-icons">
email
</span>
<div>
<h3>Engeniusam@gmail.com</h3>
<p>Email us your query </p>
</div>
</div>
</div>
</section>
<!--Contact Us Form-->
<form id="form2"action="POST">
<div>
<input type="text" placeholder="Enter Name">
</div>
<div> <input type="email" placeholder="Enter Email"></div>
<div> <input type="text" placeholder="Enter your subject"></div>
<div><textarea rows="10" placeholder="Message"></textarea></div>
<button class="her-btn" type="submit">Send Message</button>
</form>
<!--Footer-->
<section id="about_us">
<div class="custom-shape-divider-bottom-1619278637">
<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
<path d="M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z" class="shape-fill"></path>
</svg>
</div>
<div class="wrapper7">
<h1>About Us</h1>
<p>For More Info Contact Us Via Our Social Media Accouts.</p>
<br>
<hr>
<br>
<div class="acc">
<i class='bx bxl-facebook-circle'></i>
<i class='bx bxl-instagram' ></i>
<i class='bx bxl-twitter' ></i>
<i class='bx bxl-linkedin-square' ></i>
<i class='bx bxl-youtube' ></i>
</div>
</div>
</div>
</section>
<!--Tribute-->
<div class="container">
<div class="copy">Copyright @ 2022</div>
<div class="designer" style="font-weight:900">Eduford Official Website</div>
<div class="app">Design by <em style="color:greenyellow;">Muchiri Samuel Macharia</em></div>
</div>
<script src="script.js"></script>
</body>
</html>