-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
137 lines (121 loc) · 5.57 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
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="with=device-width, initial-scale=1.0">
<title>SRM University</title>
<link rel="stylesheet" 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=IBM+Plex+Mono:ital@1&family=Poppins:wght@400;600;700&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css">
</head>
<body>
<section class="sub-header">
<nav>
<a href="index.html"><img src="https://srmap.edu.in/wp-content/uploads/2019/11/SRMAP-Logo-2.png?x87898"></a>
<div class="nav-links" id="navLinks">
<i class="fa-solid fa-xmark" onclick="hideMenu()"></i> <!--X icon-->
<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-solid fa-bars" onclick="showMenu()"></i> <!--bar icon-->
</nav>
<h1>Contact Us</h1>
</section>
<!-- -------Contact Us---- -->
<section class="location">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3969.7295718396417!2d80.506152690538!3d16.46493603214039!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a35f253b87d44b3%3A0x591c2967f32abc19!2sSRM%20UNIVERSITY%20AP%20ANDHRA%20PRADESH!5e0!3m2!1sen!2sin!4v1675334515094!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>Neerukonda, Mangalagiri Mandal
Guntur District, Mangalagiri</h5>
<p>Andhra Pradesh ,522240</p>
</span>
</div>
</div>
<div class="contact-col">
<div>
<i class="fa fa-phone"></i>
<span>
<h5>Phone: +91-863-2343000 / 1800-599-2233 (Toll Free)</h5>
<p>Monday to Friday </p>
</span>
</div>
</div>
<div class="contact-col">
<div>
<i class="fa fa-envelope"></i>
<span>
<h5>Email: admissions@srmap.edu.in</h5>
<p>Email us your query</p>
</span>
</div>
</div>
</div>
<h2 style="text-align:left">Contact Us</h2><br>
<div class="contact-col">
<form action="">
<input type="text" placeholder="Enter your name" required>
<input type="email" placeholder="Enter your email-id" required>
<input type="text" placeholder="Enter your subject" required>
<textarea rows="8" placeholder="Message" required></textarea>
<br>
<button type="submit" class="hero-btn red-btn">Send Message</button>
</form>
</div>
</section>
<!-- ----Footer---- -->
<section class="footer">
<h1>About Us</h1>
<h2>A place for learning. A place for research. A place for innovation.</h2>
<div class="foot-row">
<div class="abt-col">
<h2>100%</h2>
<p>Faculty with international <br>exposure</p>
</div>
<div class="abt-col">
<h2>50+</h2>
<p>Laboratories to enable <br>inventions</p>
</div>
<div class="abt-col">
<h2>100 acre</h2>
<p>Campus designed by world <br>renowned architects</p>
</div>
<div class="abt-col">
<h2>60+</h2>
<p>Collaborations with the <br>world's best universities</p>
</div>
</div>
<div class="icons">
<a href="https://www.instagram.com/srmuap/?hl=en" target="_blank"><i class="fa-brands fa-instagram" ></i></a>
<a href="https://twitter.com/SRMUAP?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" target="_blank"><i class="fa-brands fa-twitter"></i></a>
<a href="https://www.facebook.com/SRMUAP/" target="_blank"><i class="fa-brands fa-facebook"></i></a>
<a href="https://www.linkedin.com/school/srmuap/?originalSubdomain=in" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
</div>
<p>Made By Ayush Kumar</p>
<p style="border-top: 2px solid black;">SRM University, Andhra Pradesh © 2023 All rights reserved.</p>
</section>
<!-- ----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>