Skip to content

Commit bcf7cb3

Browse files
dohitdeegwaldohitdeegwal
authored
added antiraggingCommittee
1 parent ec0d067 commit bcf7cb3

File tree

1 file changed

+267
-0
lines changed

1 file changed

+267
-0
lines changed

‎admissions/antiraggingCommittee.html

+267
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,267 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
8+
<title>Document</title>
9+
10+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"
11+
integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A=="
12+
crossorigin="anymous" referrerpolicy="-referrer" />
13+
<link rel="stylesheet" href="/style.css" />
14+
<link rel="icon" type="image/x-icon" href="../public/assets/images/logo_250.png" />
15+
<title>Dr. B.R. Ambedkar National Institute of Technology, Jalandhar</title>
16+
<!-- Google Fonts -->
17+
<link href="https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800&display=swap"
18+
rel="stylesheet" />
19+
<!-- Icons -->
20+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
21+
integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g=="
22+
crossorigin="anonymous" referrerpolicy="no-referrer" />
23+
<link rel="stylesheet"
24+
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
25+
<!-- CSS linking -->
26+
<link rel="stylesheet" href="../style.css" />
27+
28+
<style>
29+
/* Customizing the Scrollbar */
30+
31+
.material-symbols-outlined {
32+
font-variation-settings: "FILL" 0, "wght" 400, "grad" 0, "opzs" 48;
33+
}
34+
35+
::-webkit-scrollbar {
36+
width: 8px;
37+
}
38+
39+
::-webkit-resizer {
40+
background-color: #ffffff;
41+
}
42+
43+
/* Track */
44+
::-webkit-scrollbar-track {
45+
border-radius: 10px;
46+
}
47+
48+
/* Handle */
49+
::-webkit-scrollbar-thumb {
50+
background: hsla(201, 96%, 26%);
51+
border-radius: 10px;
52+
}
53+
54+
/* Handle on hover */
55+
::-webkit-scrollbar-thumb:hover {
56+
background: #212121;
57+
}
58+
59+
/* Gallery Effects */
60+
.box {
61+
flex: 1;
62+
overflow: hidden;
63+
transition: 0.5s;
64+
line-height: 0;
65+
}
66+
67+
.box>img {
68+
width: 100%;
69+
height: 100%;
70+
border: 0.2rem solid white;
71+
border-radius: 8px;
72+
-o-object-fit: cover;
73+
object-fit: cover;
74+
transition: ease 0.75s;
75+
}
76+
77+
.box:hover {
78+
flex: 1 1 30%;
79+
/* box-shadow: 0px 6px 6px rgba(73, 73, 73, 0.65); */
80+
z-index: 1;
81+
cursor: pointer;
82+
}
83+
84+
.box:hover>img {
85+
opacity: 1;
86+
width: 100%;
87+
height: 100%;
88+
}
89+
90+
.base-image {
91+
margin-top: 40px;
92+
background-image: url("../public/assets/images/nitj3.jpg"),
93+
linear-gradient(rgb(255, 255, 255), rgba(4, 4, 4));
94+
mask-image: linear-gradient(0deg, white, white, white, transparent);
95+
-webkit-mask-image: linear-gradient(0deg,
96+
white,
97+
white,
98+
white,
99+
transparent);
100+
background-color: #cccccc;
101+
height: 400px;
102+
background-position: 0% 28%;
103+
background-repeat: no-repeat;
104+
background-size: cover;
105+
}
106+
107+
.base-image-2 {
108+
margin-top: 40px;
109+
background-image: url("public/assets/images/nitj3.jpg"),
110+
linear-gradient(rgb(255, 255, 255), rgba(4, 4, 4));
111+
background-color: #cccccc;
112+
height: 300px;
113+
background-position: 58% 28%;
114+
background-repeat: no-repeat;
115+
background-size: cover;
116+
}
117+
118+
.main-shadow {
119+
text-shadow: rgb(0 0 0) 6px -1px 5px;
120+
}
121+
122+
.carousel-open:checked+.carousel-item {
123+
position: static;
124+
opacity: 100;
125+
}
126+
127+
.carousel-item {
128+
-webkit-transition: opacity 0.9s ease-in-out;
129+
transition: opacity 1s ease-in-out 0.2s;
130+
}
131+
132+
#carousel-1:checked~.control-1,
133+
#carousel-2:checked~.control-2,
134+
#carousel-3:checked~.control-3,
135+
#carousel-4:checked~.control-4 {
136+
display: block;
137+
}
138+
139+
.carousel-indicators {
140+
list-style: none;
141+
margin: 0;
142+
padding: 0;
143+
position: absolute;
144+
bottom: 2%;
145+
left: 0;
146+
right: 0;
147+
text-align: center;
148+
z-index: 10;
149+
}
150+
151+
#menu .menu-content ul li.selected a {
152+
color: hsla(201, 96%, 26%);
153+
font-weight: bold;
154+
font-size: 1.5rem;
155+
}
156+
157+
#menu .menu-content .extra-links a.extra-selected {
158+
font-weight: 600;
159+
color: var(--dark);
160+
}
161+
162+
.titlebg {
163+
background: linear-gradient(90.09deg,
164+
rgba(0, 0, 0, 0.7) 0.08%,
165+
rgba(255, 255, 255, 0) 99.11%),
166+
url(../admin/img/about_top.jpg);
167+
background-repeat: no-repeat;
168+
background-position: center;
169+
background-size: cover;
170+
}
171+
</style>
172+
</head>
173+
174+
<body class="font-body text-dark-purple scroll-smooth">
175+
<script src="/common template/header.js" type="module"></script>
176+
<div
177+
class="titlebg flex flex-col justify-center items-start h-[224px] px-4 lg:px-[11%] py-[48px] mt-[100px] lg:mt-32">
178+
<p class="font2 font-bold text-[45px] lg:text-[64px] uppercase text-white leading-[1]">
179+
Anti Ragging
180+
</p>
181+
</div>
182+
<nav class="flex px-2 lg:px-[11%] bg-gray-200 py-[8px] text-black" aria-label="Breadcrumb">
183+
<ol class="inline-flex items-center">
184+
<li class="inline-flex items-center">
185+
<a href="https://nitj.netlify.app/"
186+
class="inline-flex items-center text-sm font-medium hover:text-gray-900">
187+
<a href="#" class="text-lg font-medium ml-2">Home</a>
188+
</a>
189+
</li>
190+
<li aria-current="page">
191+
<div class="inline-flex items-center">
192+
<i style="
193+
color: rgb(128, 128, 128);
194+
font-size: 12px;
195+
margin-left: 12px;
196+
" class="fa-solid fa-angle-right ml-2"></i>
197+
<a href="#" class="text-lg font-medium ml-2">Admissions</a>
198+
</div>
199+
</li>
200+
<li aria-current="page">
201+
<div class="inline-flex items-center">
202+
<i style="
203+
color: rgb(128, 128, 128);
204+
font-size: 12px;
205+
margin-left: 12px;
206+
" class="fa-solid fa-angle-right ml-2"></i>
207+
<a href="#" class="text-lg font-medium ml-2">Anti Ragging</a>
208+
</div>
209+
</li>
210+
<li aria-current="page">
211+
<div class="inline-flex items-center">
212+
<i style="
213+
color: rgb(128, 128, 128);
214+
font-size: 12px;
215+
margin-left: 12px;
216+
" class="fa-solid fa-angle-right ml-2"></i>
217+
<a href="#" class="text-lg font-medium ml-2">Anti Ragging Committee</a>
218+
</div>
219+
</li>
220+
</ol>
221+
</nav>
222+
<div class="">
223+
<div class="mx-auto w-[80%] my-4 rounded-lg p-2 shadow-xl">
224+
<div class="text-[24px] font-semibold text-accent mb-2">
225+
For any emergency, please contact the following at:
226+
</div>
227+
<div div class="tab_wrap active2 mx-auto border-2 border-accent rounded-lg shadow-sm " style="display: block;">
228+
<div class="text-center text-accent text-2xl font-semibold"> Anti-Ragging Cell at NITJ </div>
229+
<div class="mt-3 ml-5">
230+
<ol>
231+
<li class="mb-2">
232+
<span class=" font-semibold">Dr Kapil Kumar Goyal</span> <br>
233+
Nodal Officer
234+
<br>
235+
Phone No.:- +91-8059000377
236+
</li>
237+
<li class="mb-2">
238+
<span class="font-semibold">Dr Deepika Rani</span> <br>
239+
Member
240+
<br>
241+
Phone No.:- +91-8439590716
242+
</li>
243+
<li class="mb-2">
244+
<span class="font-semibold">Dr Nitin Sharma</span> <br>
245+
Member
246+
<br>
247+
Phone No.:- +91-9418573982
248+
</li>
249+
</ol>
250+
251+
</div>
252+
</div>
253+
254+
</div>
255+
256+
257+
258+
</div>
259+
<div class="base-image hidden overflow-hidden lg:block"></div>
260+
<div class="relative bottom-0">
261+
<script src="../common template/footer.js"></script>
262+
</div>
263+
<script type="module" src="../js/app.js"></script>
264+
265+
</body>
266+
267+
</html>

0 commit comments

Comments
 (0)