UniversityWebsite/contact.html at master · PSSunidhi/UniversityWebsite · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="with=device-width,,initial-scale=0.1">
	<title>Monitexh University</title>
	<link rel="stylesheet" type="text/css" href="style.css">
	<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@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>

	<!-- header -->
	<section class="sub-header">
		<nav>
			<a href="index.html"><img src="image/monologo1.png"></a>
			<div class="nav-links" id="navLinks">
				<i class="fa fa-times" 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=!1m14!1m12!1m3!1d58648.906425795736!2d77.41174075722654!3d23.259215010547234!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sin!4v1627987412261!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
	</section>
	<section class="contact-us">
		<div class="row">
			<div class="contact-col">
				<div><i class="fa fa-home" ></i>
					<span>
						<h5>Plot No: 89, MP Nagar, Govindpura</h5>
						<p>Bhopal, Madhya Pradesh, IN</p>
					</span>
				</div>
				<div><i class="fa fa-phone" ></i>
					<span>
						<h5>+1 0299432010</h5>
						<p>Monday to saturday, 10AM to 6PM</p>
					</span>
				</div>
				<div><i class="fa fa-envelope-o" ></i>
					<span>
						<h5>info@anyquery.com</h5>
						<p>Email us your query</p>
					</span>
				</div>
			</div>
			<div class="contact-col">
				<form action="">
					<input type="text" placeholder="Enter your name" required>
					<input type="Email" placeholder="Enter your email address" required>
					<input type="text" placeholder="Enter your subject" required>
					<textarea rows="8" placeholder="Message" required=""></textarea>
					<button type="submit" class="hero-btn red-btn">Send Message</button>

				</form>
			</div>

		</div>
	</section>


	<!-- footer -->
	<section class="footer">
		<h4>About Us</h4>
		<p>Monitexh's academic vigor offers excellence across disciplines and around the globe. We are recognized as a leader in higher education due to the outstanding quality of our 19 schools and colleges, internationally <br>recognized faculty and departments with 250 degree programs. With talented faculty, staff and students from all over the world, the iconic Monitexh campus is filled with unique perspectives, opportunities and events. </p>
		<div class="icons">
			<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>
		<p>Made with <i class="fa fa-heart-o" ></i> by P S Sunidhi</p>
	</section>


	<!-- javascript for toggle menu -->
<script type="text/Javascript" src="script.js">

</script>
</body>
</html>