-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
243 lines (219 loc) · 14 KB
/
index.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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>EBSB | IIT PATNA</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="css/styles.css" />
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" />
</head>
<body>
<!-- Navrbar starts -->
<nav class="navbar navbar-expand-lg navbar-light " id="navbar" style="background-color: #0261a8;">
<div class="iitplogo">
<a href="https://www.iitp.ac.in/index.php">
<img src="img/1200px-Indian_Institute_of_Technology__Patna.svg-removebg-preview.png" alt="logo" /></a>
</a>
</div>
<div class="header">
<a href="https://www.iitp.ac.in/index.php">
<span class="heading_english">Indian Institute of Technology Patna</span><br />
<span class="heading_hindi">भारतीय प्रौद्योगिकी संस्थान, पटना</span>
</a>
</div>
<button class="navbar-toggler" style="padding: 0;" type="button" data-toggle="collapse"
data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" style="justify-content: right;" id="navbarNavDropdown">
<ul class="navbar-nav" style="padding-right: 30px;">
<li class="nav-item active">
<a class="nav-link" style="padding-right: 30px;" href="#home">Home <span
class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" style="padding-right: 30px;" href="pages/about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" style="padding-right: 30px;" href="pages/events.html">Events</a>
</li>
<li class="nav-item">
<a class="nav-link" style="padding-right: 30px;" href="pages/team.html">Team</a>
</li>
</ul>
</div>
</nav>
<!-- NavBar ends -->
<!-- Home Starts -->
<section id="home">
<!-- carousel starts -->
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="img/flag1.jpeg" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="..." alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="..." alt="Third slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- carousel ends -->
<!-- text -->
<H2 class="key-activities">Key Activities</H2>
<!-- rectangle cards -->
<div class="card-container">
<div class="card">
<h2>Card 1</h2>
<p>This is the content of card 1.</p>
<img src="img/pm.jpeg" alt="Card Image 1" class="img_card">
</div>
<div class="card">
<h2>Card 2</h2>
<p>This is the content of card 2.</p>
<img src="img/pm.jpeg" alt="Card Image 2" class="img_card">
</div>
<div class="card">
<h2>Card 3</h2>
<p>This is the content of card 3.</p>
<img src="img/pm.jpeg" alt="Card Image 3" class="img_card">
</div>
</div>
</section>
<!-- Home Ends -->
<!-- Footer starts -->
<footer class="footer-area">
<div class="footer-center">
<div class="footer-left">
<div class="footer-center-p">
<p>Quick Links</p>
</div>
<div class="left-footer-divide">
<ul class="footer-links-1">
<li>
<a href="https://www.iitp.ac.in/" target="_blank">IIT Patna</a>
</li>
<li>
<a href="https://www.iitp.ac.in/index.php/the-institute/institute-song"
target="_blank">Institute Song</a>
</li>
<li>
<a href="https://www.iitp.ac.in/index.php/the-institute/history-of-patna"
target="_blank">History Of
Patna</a>
</li>
<li>
<a href="https://www.iitp.ac.in/index.php/the-institute/former-directors"
target="_blank">Former
Directors</a>
</li>
</ul>
<br><br>
<ul class="footer-links-1">
<li>
<a href="https://www.iitp.ac.in/index.php/research/people" target="_blank">People</a>
</li>
<li>
<a href="https://www.iitp.ac.in/index.php/the-institute/about-iitp-logo/9-english/115-disclaimer"
target="_blank">Student`s Gymkhana</a>
</li>
<li>
<a href="https://www.iitp.ac.in/index.php/the-institute/about-iitp-logo/9-english/115-disclaimer"
target="_blank">HoSCA IIT PATNA</a>
</li>
<li>
<a href="https://www.iitp.ac.in/index.php/the-institute/about-iitp-logo/9-english/115-disclaimer"
target="_blank">Disclaimer</a>
</li>
</ul>
</div>
</div>
<div class=footer-middle>
<div class="footer-center-p">
<p>
Contact Us
</p>
</div>
<div class="footer-center-contact">
<p>
Lesc nostrum ab sint nemo placeat ipsam, sapiente hic blanditiis id velit
lorem dnjsfjf anjasbch sajbcas HBDSJ SHBHS
</p>
</div>
</div>
<div class="footer-right">
<p class="footer-company-about">
<span>Indian Institute of Technology, Patna</span>
</p>
<div>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3600.0811345297775!2d84.84899121501635!3d25.535674183739797!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39ed577f6954a4ab%3A0x6ce8f1b9fc2aa02a!2sIndian%20Institute%20of%20Technology%2C%20Patna%20(IIT%20Patna)!5e0!3m2!1sen!2sin!4v1667537698067!5m2!1sen!2sin"
width="250" height="200" style="border: 0" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="footer-icons">
<a href="https://www.facebook.com/iitp.ac.in/">
<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M29 14.5363C29 6.51228 22.504 0 14.5 0C6.496 0 0 6.51228 0 14.5363C0 21.5719 4.988 27.4301 11.6 28.782V18.8972H8.7V14.5363H11.6V10.9023C11.6 8.09674 13.8765 5.81454 16.675 5.81454H20.3V10.1754H17.4C16.6025 10.1754 15.95 10.8296 15.95 11.6291V14.5363H20.3V18.8972H15.95V29C23.2725 28.2732 29 22.0807 29 14.5363Z"
fill="#FAEEEE" />
</svg>
</a>
<a href="https://twitter.com/IITPAT?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor">
<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M9.74888 28.0946C21.447 28.0946 27.8454 18.4028 27.8454 9.99807C27.8454 9.72279 27.8454 9.44875 27.8268 9.17595C29.0716 8.2756 30.1461 7.1608 31 5.88375C29.8393 6.39835 28.6079 6.73568 27.347 6.88443C28.6748 6.08965 29.6685 4.83944 30.1432 3.36655C28.8947 4.10746 27.5288 4.62958 26.1045 4.91035C25.1455 3.89068 23.8773 3.21548 22.4959 2.98923C21.1146 2.76299 19.6972 2.99831 18.463 3.65879C17.2289 4.31927 16.2469 5.36808 15.6689 6.64292C15.0909 7.91777 14.9492 9.34757 15.2656 10.7111C12.737 10.5842 10.2633 9.92707 8.00505 8.78226C5.74682 7.63744 3.75457 6.03056 2.1576 4.06591C1.34427 5.46607 1.09517 7.12358 1.461 8.70096C1.82684 10.2783 2.78011 11.657 4.12672 12.5562C3.11451 12.5265 2.12434 12.2535 1.24 11.7601V11.8407C1.2404 13.3091 1.74872 14.7322 2.67875 15.8686C3.60878 17.005 4.90325 17.7847 6.3426 18.0754C5.40625 18.3308 4.4238 18.3682 3.47076 18.1846C3.87734 19.4482 4.66864 20.5533 5.73402 21.3452C6.7994 22.1371 8.08561 22.5763 9.41284 22.6014C8.09415 23.638 6.58403 24.4043 4.96888 24.8567C3.35373 25.309 1.66524 25.4385 0 25.2377C2.90862 27.1041 6.2929 28.0942 9.74888 28.0897"
fill="#FAEEEE" />
</svg>
</a>
<a href="https://www.instagram.com/iit_patna_official/">
<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M19.3937 14.5C19.3937 11.7812 17.2188 9.60625 14.5 9.60625C11.7812 9.60625 9.60625 11.7812 9.60625 14.5C9.60625 17.2188 11.7812 19.3937 14.5 19.3937C17.2188 19.3937 19.3937 17.2188 19.3937 14.5ZM21.9313 14.5C21.9313 18.6687 18.6687 21.9313 14.5 21.9313C10.3313 21.9313 7.06875 18.6687 7.06875 14.5C7.06875 10.3313 10.3313 7.06875 14.5 7.06875C18.6687 7.06875 21.9313 10.3313 21.9313 14.5ZM23.925 6.70625C23.925 7.79375 23.2 8.51875 22.1125 8.51875C21.025 8.51875 20.3 7.79375 20.3 6.70625C20.3 5.61875 21.025 4.89375 22.1125 4.89375C23.2 4.89375 23.925 5.8 23.925 6.70625ZM14.5 2.5375C12.325 2.5375 7.79375 2.35625 5.98125 3.08125C4.7125 3.625 3.625 4.7125 3.2625 5.98125C2.5375 7.79375 2.71875 12.325 2.71875 14.5C2.71875 16.675 2.5375 21.2062 3.2625 23.0187C3.625 24.2875 4.7125 25.375 5.98125 25.7375C7.79375 26.4625 12.5062 26.2812 14.5 26.2812C16.4938 26.2812 21.2062 26.4625 23.0187 25.7375C24.2875 25.1938 25.1938 24.2875 25.7375 23.0187C26.4625 21.025 26.2812 16.4938 26.2812 14.5C26.2812 12.5062 26.4625 7.79375 25.7375 5.98125C25.375 4.7125 24.2875 3.625 23.0187 3.2625C21.2062 2.35625 16.675 2.5375 14.5 2.5375ZM29 14.5V20.4813C29 22.6563 28.275 24.8313 26.6438 26.6438C25.0125 28.275 22.8375 29 20.4813 29H8.51875C6.34375 29 4.16875 28.275 2.35625 26.6438C0.90625 25.0125 0 22.8375 0 20.4813V14.5V8.51875C0 6.1625 0.90625 3.9875 2.35625 2.35625C4.16875 0.90625 6.34375 0 8.51875 0H20.4813C22.6563 0 24.8313 0.725 26.6438 2.35625C28.0938 3.9875 29 6.1625 29 8.51875V14.5Z"
fill="#FAEEEE" />
</svg>
</a>
<a href="https://www.linkedin.com/school/indian-institute-of-technology-patna/">
<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.6 31H6.6V9.49375H0.6V31ZM3.6 0C1.6 0 0 1.55 0 3.4875C0 5.425 1.6 6.975 3.6 6.975C5.6 6.975 7.2 5.425 7.2 3.4875C7.2 1.55 5.6 0 3.6 0ZM16.8 12.7875V9.49375H10.8V31H16.8V19.9563C16.8 13.7563 25 13.3688 25 19.9563V31H31V17.825C31 7.3625 19.6 7.75 16.8 12.7875Z"
fill="#FAEEEE" />
</svg>
</a>
<br><br>
<span class="text-white">© Copyright: IIT Patna . All rights are reserved</span>
</div><br>
</div>
</div>
</footer>
<!-- Script tags -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
</body>
</html>