303 lines
8.0 KiB
Plaintext
303 lines
8.0 KiB
Plaintext
|
|
<main>
|
|
<section class="container-fluid" style="background-color: #173382;">
|
|
<div class="navbar shadow-xl zindex xl:container xl:mx-auto">
|
|
|
|
<!-- Navbar logo -->
|
|
<div class="nav-header">
|
|
<div class="nav-logo">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- responsive navbar toggle button -->
|
|
<input type="checkbox" id="nav-check">
|
|
<div class="nav-btn">
|
|
<label for="nav-check">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</label>
|
|
</div>
|
|
|
|
<!-- Navbar items -->
|
|
<div class="nav-links">
|
|
<a href="/">Home</a>
|
|
<a href="/about-us">About</a>
|
|
<a href="/contact-us">Contact Us</a>
|
|
<a href="/notice">Notice</a>
|
|
<a href="/library">Library</a>
|
|
<div class="dropdown">
|
|
<a class="dropBtn" href="#">Administration
|
|
<i class="fas fa-angle-down"></i>
|
|
</a>
|
|
<div class="drop-content" >
|
|
<a href="/governing-body">Governing Body</a>
|
|
<a href="/composition-of-gb">Composition of GB</a>
|
|
<a href="/staff">Staff</a>
|
|
<a href="/working-hour">Working Hour</a>
|
|
</div>
|
|
</div>
|
|
<!-- <a href="https://center.rgyci.org/center_list">Center List</a> -->
|
|
<!-- Dropdown menu -->
|
|
<div class="dropdown">
|
|
<a class="dropBtn" href="#">Academics
|
|
<i class="fas fa-angle-down"></i>
|
|
</a>
|
|
<div class="drop-content">
|
|
<a href="/departments">Departments & Faculty</a>
|
|
<a href="/admission">Admission</a>
|
|
<a href="/librarians">Librarians</a>
|
|
<a href="/course-offered">Course Offered</a>
|
|
<a href="/subject-combinationhons">Subject Combination(Hons)</a>
|
|
<a href="/subject-combinationgen">Subject Combination(Gen)</a>
|
|
<a href="/intake-capacity">Intake Capacity</a>
|
|
<a href="/academic-calender">Academic Calendar</a>
|
|
<a href="/prospectus">Prospectus</a>
|
|
<a href="/Marks-Distribution">Marks Distribution</a>
|
|
<a href="/result">Result</a>
|
|
</div>
|
|
</div>
|
|
<div class="dropdown">
|
|
<a class="dropBtn" href="#">Organizations
|
|
<i class="fas fa-angle-down"></i>
|
|
</a>
|
|
<div class="drop-content">
|
|
<a href="/iqac">IQAC</a>
|
|
<a href="/naac">NAAC</a>
|
|
<a href="/nirf-data">NIRF</a>
|
|
<a href="/aqar">AQAR</a>
|
|
<a href="/students-union">Student's Union</a>
|
|
<a href="/teachers-council">Teacher's Council</a>
|
|
<a href="/alumni-association">Alumni Association</a>
|
|
<a href="/gallery">Image Gallery</a>
|
|
</div>
|
|
</div>
|
|
<div class="dropdown">
|
|
<a class="dropBtn" href="#">Facilities
|
|
<i class="fas fa-angle-down"></i>
|
|
</a>
|
|
<div class="drop-content">
|
|
<a href="/facilities">Facilities</a>
|
|
<a href="/rti">RTI</a>
|
|
</div>
|
|
</div>
|
|
<div class="dropdown">
|
|
<a class="dropBtn" href="#">Students
|
|
<i class="fas fa-angle-down"></i>
|
|
</a>
|
|
<div class="drop-content">
|
|
<a href="/admission">Admission</a>
|
|
<a href="/activities">Activities</a>
|
|
<a href="/students-union">Student's Union</a>
|
|
<a href="/student-grievance">Students Suggestion / Grievance</a>
|
|
<a href="/students-feedback">Student's Feedback</a>
|
|
<a href="/students-health-home">Student's Health Home</a>
|
|
<a href="/code-of-conduct">Code of Conduct</a>
|
|
<a href="/holiday-list">Holiday List</a>
|
|
<a href="/gallery">Image Gallery</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <div class="dropdown">
|
|
<a class="dropBtn" href="#">Login
|
|
<i class="fas fa-angle-down"></i>
|
|
</a>
|
|
<div class="drop-content">
|
|
<a href="https://center.rgyci.org/form/teacher_login">Teacer</a>
|
|
<a href="https://center.rgyci.org/form/center_login">Students</a>
|
|
</div>
|
|
</div> -->
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
</main>
|
|
<script is:inline>
|
|
</script>
|
|
<style>
|
|
.drop-content {
|
|
color: black;
|
|
width: fit-content;
|
|
}
|
|
.zindex {
|
|
z-index: 1;
|
|
}
|
|
*{
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
body{
|
|
/* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */
|
|
background-image: url(background-img.jpg);
|
|
background-size: cover;
|
|
background-attachment: fixed;
|
|
}
|
|
.navbar{
|
|
height: 70px;
|
|
width: 100%;
|
|
padding: 25px 10px;
|
|
background-color: #173382;
|
|
position: relative;
|
|
}
|
|
.navbar .nav-header{
|
|
display: inline;
|
|
}
|
|
.navbar .nav-header .nav-logo{
|
|
display: inline-block;
|
|
margin-top: -7px;
|
|
}
|
|
.navbar .nav-links{
|
|
display: inline;
|
|
float: right;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.navbar .nav-links .loginBtn{
|
|
display: inline-block;
|
|
padding: 5px 15px;
|
|
margin-left: 20px;
|
|
font-size: 17px;
|
|
color: rgb(255, 255, 255);
|
|
}
|
|
.navbar .nav-links a {
|
|
border-radius: 5px;
|
|
/* background-color: #0ea5e930; */
|
|
width: 100%;
|
|
padding: 10px 6px;
|
|
width: fit-content;
|
|
text-decoration: none;
|
|
font-weight: 550;
|
|
color: white;
|
|
}
|
|
/* Hover effects */
|
|
.navbar .nav-links a:hover{
|
|
background-color: #0ea5e950;
|
|
width: 100%;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
/* responsive navbar toggle button */
|
|
.navbar #nav-check, .navbar .nav-btn{
|
|
display: none;
|
|
}
|
|
|
|
@media (max-width:960px) {
|
|
.navbar .nav-btn{
|
|
display: inline-block;
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0px;
|
|
}
|
|
.navbar .nav-btn label {
|
|
display: inline-block;
|
|
width: 80px;
|
|
height: 70px;
|
|
padding: 25px;
|
|
}
|
|
.navbar .nav-btn label span {
|
|
display: block;
|
|
height: 10px;
|
|
width: 25px;
|
|
border-top: 3px solid #eee;
|
|
}
|
|
.navbar .nav-btn label:hover, .navbar #nav-check:checked ~ .nav-btn label {
|
|
background-color: rgb(9, 14, 90);
|
|
transition: all 0.5s ease;
|
|
}
|
|
.navbar .nav-links{
|
|
position: absolute;
|
|
display: block;
|
|
text-align: center;
|
|
width: 100%;
|
|
background-color: rgb(9, 14, 90);
|
|
transition: all 0.3s ease-in;
|
|
overflow-y: hidden;
|
|
top: 70px;
|
|
right: 0px;
|
|
}
|
|
.navbar .nav-links a {
|
|
display: block;
|
|
}
|
|
|
|
/* when nav toggle button not checked */
|
|
.navbar #nav-check:not(:checked) ~ .nav-links {
|
|
height: 0px;
|
|
}
|
|
|
|
/* when nav toggle button is checked */
|
|
.navbar #nav-check:checked ~ .nav-links {
|
|
height: fit-content;
|
|
overflow-y: auto;
|
|
}
|
|
.navbar .nav-links .loginBtn {
|
|
padding: 10px 40px ;
|
|
margin: 20px;
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
color: rgb(9, 14, 90);
|
|
}
|
|
/* Responsive dropdown code */
|
|
.navbar .nav-links .dropdown, .navbar .nav-links .dropdown2 {
|
|
float: none;
|
|
width: 100%;
|
|
}
|
|
.navbar .nav-links .drop-content, .navbar .nav-links .drop-content2 {
|
|
position: relative;
|
|
background-color: rgb(220, 220, 250);
|
|
top: 0px;
|
|
left: 0px;
|
|
}
|
|
/* Text color */
|
|
.navbar .nav-links .drop-content a {
|
|
color: rgb(9, 14, 90);
|
|
}
|
|
|
|
}
|
|
|
|
/* Dropdown menu CSS code */
|
|
.dropdown{
|
|
position: relative;
|
|
display: inline-block;
|
|
color: black;
|
|
}
|
|
.drop-content, .drop-content2 {
|
|
display: none;
|
|
position: absolute;
|
|
background-color: #172554;
|
|
color: black;
|
|
min-width: 200px;
|
|
width: 100%;
|
|
font-size: 16px;
|
|
top: 34px;
|
|
z-index: 1;
|
|
box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.4);
|
|
}
|
|
/* on hover show dropdown */
|
|
.dropdown:hover .drop-content, .dropdown2:hover .drop-content2 {
|
|
display: block;
|
|
}
|
|
/* drondown links */
|
|
.drop-content a {
|
|
padding: 12px 10px;
|
|
/* width: 200px;
|
|
border-bottom: 1px solid rgb(197, 197, 250); */
|
|
display: block;
|
|
transition: all 0.5s ease !important;
|
|
}
|
|
.dropBtn .drop-content a:hover {
|
|
background-color: rgb(230, 230, 230);
|
|
}
|
|
.dropdown:hover .dropBtn, .dropdown2:hover .dropBtn2 {
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|
}
|
|
.dropdown2 .drop-content2 {
|
|
position: absolute;
|
|
left: 120px;
|
|
top: 126px;
|
|
}
|
|
.dropBtn2 i {
|
|
margin-left: 15px;
|
|
}
|
|
</style> |