-
Notifications
You must be signed in to change notification settings - Fork 1
/
contact.html
131 lines (103 loc) · 3.46 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
<!DOCTYPE html>
<html>
<head>
<title>Contact Us</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<style>
*{
margin: 0;padding: 0;font-family: 'Josefin Sans', sans-serif;
}/*universal */
/* Make the image fully responsive */
.carousel-inner img {
width: 100%;
height: 100%;
}
.type li{
list-style-type: square;
padding-bottom: 20px;
font-family: Arial,Helvetica, sans-serif;
font-size: 20px;
font-style: italic;
}
.map{
width: 100%;
}
h1,h3{
text-shadow: 1px 1px black;
font-weight: bold;
}
h1{
font-size: 2.8em;
}
h3{
font-size: 1.8em;
}
.navbar{
font-size: 1.2em;
}
.navbar-brand{
font-size: 1.8em;
}
.bg{
background-color: rgba(105,105,105,0.5);
}
</style>
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="#">Advaya 2020</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto mr-5 px-3">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
</ul>
</div>
</nav>
<div class="carousel-inner">
<img src="bg (1).jpg" alt="Contact" >
<!--Image credits: https://unsplash.com/photos/tMI2_-r5Nfo -->
<div class="carousel-caption text-center">
<h2 class="bg text-white">"The science of today is the technology of tomorrow."</h2>
<h3 class="bg text-white">Get In Touch!</h3>
</div>
</div>
</header>
<section class="bgimg">
<div class="container-fluid">
<div class="row mb-5 pt-5" >
<div class="col-lg-7 col-md-6 col-12">
<div class="modal-body" >
<h4>Any Enquiries?</h4>
<div>
<img src="contact_us.jpg" style="width:100%">
<a href="https://docs.google.com/forms/d/e/1FAIpQLSezaGuOFghVpwT7wLpgAu_sbaHcnYXSDlxv8XWWAD9yOk9rCA/viewform" class="btn btn-info p-3 mt-2 mb-4" role="button" aria-pressed="true">Click Here</a>
</div>
</form>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12 ">
<div class="modal-body">
<h4>CONTACT INFO</h4>
<hr class="w-50 pb-0 mx-0 bg-info">
<ul class="type pt-4">
<li>Indira Gandhi Delhi Technical University for Women, Kashmere Gate, Delhi, India</li>
<li>[email protected]</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<iframe class="map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3500.814936833523!2d77.23020441442902!3d28.66525938240492!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390cfd0683919c3b%3A0xf5fc331b74c2b9e2!2sIndira%20Gandhi%20Delhi%20Technical%20University%20for%20Women!5e0!3m2!1sen!2sin!4v1579873514070!5m2!1sen!2sin" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
</div>
</section>
</body>
</html>