ok
Mini Shell
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
<title>Niranjan Women's College,Aska</title>
<meta name="description" content="About Us" />
<meta name="keywords" content="About Us" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#07889b">
<link rel="icon" type="image/x-icon" href="assets/images/apple-touch-icon.png">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/compact-gallery.css">
<!-- <script>
function setStyleSheet(url){
var stylesheet = document.getElementById("stylesheet");
stylesheet.setAttribute('href', url);
}
</script> -->
<link rel="stylesheet" id="stylesheet" href="assets/css/style.css">
<!-- <link rel="stylesheet" href="assets/css/dark.css"> -->
<link rel="stylesheet" href="assets/css/menu.css">
<link rel="stylesheet" href="assets/css/kin-menu.all.css">
<link rel="stylesheet" href="assets/datatables/dataTables.bootstrap4.min.css">
<script src="assets/js/fontawesome.js"></script>
<script src="assets/js/jquery.min.js"></script>
<!-- <script src="assets/js/popper.min.js"></script> -->
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/datatables/jquery.dataTables.min.js"></script>
<script src="assets/datatables/dataTables.bootstrap4.min.js"></script>
<script src="assets/js/menu.js"></script>
</head>
<body id="divcontent">
<section class="header-top">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="header-top-inner">
<!-- <div class="marquee-section">
<div class="updates">Latest Updates</div>
<marquee onmouseover="this.stop()" onmouseout="this.start()" class="notice_marquee">
<a href="#" target="_blank">DDCE Examination Programme 2021 <img src="assets/images/new.gif" alt="New" border="0" align="absmiddle"/></a>
<a href="#" target="_blank">Result Notification of MCA 5th Sem. (DDCE) Exam, 2017 <img src="assets/images/new.gif" alt="New" border="0" align="absmiddle"/></a>
</marquee>
</div> -->
<!-- <div class="header-top-left">
<span>Helpline number for women in distress - 7827170170 / <a target="_blank" href="www.ncwwomenhelpline.in">www.ncwwomenhelpline.in</a></span>
</div> -->
<div class="header-top-right">
<span>
<a href="javascript:void(0);" class="dark-web" onClick="setStyleSheet('assets/css/dark.html')">A</a>
<a href="javascript:void(0);" class="light-web" onclick="setStyleSheet('assets/css/style.css')">A</a>
</span>
<span>
Text Size :
<a href="#" id="increase" class="font-button plus">A+</a>
<a href="#" id="reset">A</a>
<a href="#" id="decrease" class="font-button minus">A-</a>
</span>
<ul>
<li><a href="#body"><i class="fa fa-long-arrow-down"></i> Skip to Main Content </a></li>
<li><a href="admin/" target="_blank"><i class="fa fa-sign-in" aria-hidden="true"></i> Admin Area</a></li>
<!-- <li><a href=""><i class="fa fa-wheelchair" aria-hidden="true"></i></a>
<ul>
<li><a href="#" id="increase">A+</a></li>
<li><a href="#" id="reset">A</a></li>
<li><a href="#" id="decrease">A-</a></li>
<li><a href="#" >A</a></li>
<li><a href="#" >A</a></li>
</ul>
</li> -->
<!-- <li><a href="#"><i class="fa fa-volume-up"></i></a></li> -->
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<header id="myHeader">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="header_inner_div">
<div class="logo_div">
<a href="index.php"><img src="assets/images/logo.jpg" alt="Berhampur University logo"/></a>
</div>
<div class="search">
<!-- <img src="assets/images/swayam_logo.png" alt="NCERT swayam">
<img src="assets/images/e_pathsala.png" alt="NCERT ePathsala">
<a href="https://www.ncwwomenhelpline.in/" target="_blank"><img src="assets/images/ncw.png" alt="NCERT swayamNCW"> <span>National Commission for Women</span></a> -->
<!-- <img src="assets/images/slogan.png" alt="RIE"> -->
<img src="assets/images/akam.webp" alt="AKAM">
</div>
</div>
</div>
</div>
</div>
<div class="menu-main-div" id="menu">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div id="cssmenu">
<ul><li class="mn menu-active"><a href="index.php"><i class="fa fa-home" aria-hidden="true"></i></a></li>
<li class="mn"><a href="javascript: void(0)">About Us</a>
<ul class="submenu">
<li><a href="principal-s-message.php">Principal</a></li>
<li><a href="mission-vision.php">Mission & Vision</a></li>
<li><a href="mission-vision.php">Governing Body</a></li>
<li><a href="photo-gallery.php">Photo Gallery</a></li>
<li><a href="video-gallery.php">Video Gallery</a></li></ul></li>
<li class="mn"><a href="javascript: void(0)">Academic</a>
<ul class="submenu">
<li><a href="calender.php">Academic Calendar</a></li>
<li><a href="javascript: void(0)">Academic Courses</a>
<ul class="submenu">
<li><a href="plus2arts.php">+2 ARTS</a></li>
<li><a href="plus2sc.php">+2 Science</a></li>
<li><a href="plus3.php">+3 ARTS</a></li>
</ul></li>
<li><a href="admission.php">Admission</a></li>
<li><a href="https://www.samsodisha.gov.in/" target="_blank">SAMS</a></li>
<li><a href="syllabus.php">Syllabus</a></li>
<li><a href="student-capacity.php">Allocation of Seats</a></li>
<li><a href="comm.php">Different Committes of the College</a></li>
</ul>
</li>
<li class="mn"><a href="javascript: void(0)">Departments</a>
<ul class="submenu">
<li><a href="department.php?deptid=<?php echo base64_encode(1);?>">Department of Economics</a></li>
<li><a href="department.php?deptid=<?php echo base64_encode(2);?>">Department of Education</a></li>
<li><a href="department.php?deptid=<?php echo base64_encode(3);?>">Department of English</a></li>
<li><a href="department.php?deptid=<?php echo base64_encode(4);?>">Department of Home Science</a></li>
<li><a href="department.php?deptid=<?php echo base64_encode(5);?>">Department of History</a></li>
<li><a href="department.php?deptid=<?php echo base64_encode(7);?>">Department of Odia</a></li>
<li><a href="department.php?deptid=<?php echo base64_encode(6);?>">Department of Political Science</a></li>
<li><a href="department.php?deptid=<?php echo base64_encode(8);?>">Department of Logic And Philosophy</a></li>
<li><a href="department.php?deptid=<?php echo base64_encode(10);?>">Department of Sociology</a></li>
<li><a href="department.php?deptid=<?php echo base64_encode(11);?>">Department of Geography</a></li>
<li><a href="department.php?deptid=<?php echo base64_encode(12);?>">Department of Psychology</a></li>
</ul>
</li>
<li class="mn"><a href="javascript: void(0)">Sections</a>
<ul class="submenu">
<li><a href="committee-details.php?deptid=<?php echo base64_encode(11);?>">Academic Section</a></li>
<li><a href="committee-details.php?deptid=<?php echo base64_encode(8);?>">Accounts Section</a></li>
<li><a href="committee-details.php?deptid=<?php echo base64_encode(13);?>">Establishment Section</a></li>
<li><a href="committee-details.php?deptid=<?php echo base64_encode(26);?>">Ministerial Staff</a></li>
<li><a href="principal-office.html">Principal Office</a></li>
<li><a href="committee-details.php?deptid=<?php echo base64_encode(14);?>">Anti Ragging Cell</a></li>
<li><a href="committee-details.php?deptid=<?php echo base64_encode(15);?>">Discipline Committee</a></li>
<li><a href="committee-details.php?deptid=<?php echo base64_encode(22);?>">Student's Wellfare</a></li>
<li><a href="committee-details.php?deptid=<?php echo base64_encode(24);?>">Sexual Harassment Cell</a></li>
</ul>
</li>
<li class="mn"><a href="javascript: void(0)">Facilities</a>
<ul class="submenu">
<li><a href="#">Library</a>
<ul class="submenu">
<li><a href="LIBRARY-NGWC/" target="_blank">About</a></li>
<li><a href="library.html">Staff members</a></li>
</ul>
</li>
<li><a href="javascript: void(0)">Laboratories</a>
<ul class="submenu">
<li><a href="physics-lab.html">Physics</a></li>
<li><a href="chemistry-lab.html">Chemistry</a></li>
<li><a href="javascript: void(0)">Biology</a>
<ul class="submenu">
<li><a href="botany-lab.html">Botany</a></li>
<li><a href="zoology-lab.html">Zoology</a></li>
</ul>
</li>
<li><a href="javascript: void(0)">Computer Laboratory</a>
<ul class="submenu">
<li><a href="javascript: void(0)">LAB 1</a></li>
<li><a href="javascript: void(0)">LAB 2</a></li>
<li><a href="javascript: void(0)">LAB 3</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="javascript: void(0)">Reading Room</a></li>
<li><a href="committee-details.php?deptid=<?php echo base64_encode(18);?>">YRC</a></li>
<li><a href="committee-details.php?deptid=<?php echo base64_encode(19);?>">NCC </a></li>
<li><a href="committee-details.php?deptid=<?php echo base64_encode(20);?>">NSS</a></li>
<li><a href="dispensary.html">Scholarship</a></li>
<li><a href="hostel.html">Hostel</a>
<ul class="submenu">
<li><a href="gopabandhu-hostel-ladies-.html">Gopabandhu Hostel (Ladies)</a></li>
<li><a href="javascript: void(0)">Ashutosh Hostel (Ladies)</a></li>
<li><a href="javascript: void(0)">Ramanujan Hostel (Ladies)</a></li>
<li><a href="javascript: void(0)">Homi Bhabha Hostel (Boys)</a></li>
</ul>
</li>
<li><a href="ict-studio.html">Virtual Classroom</a></li>
<li><a href="playground.html">Playground</a></li>
<li><a href="campus.html">Campus</a></li>
<li><a href="committee-details.php?deptid=<?php echo base64_encode(23);?>">OSOU</a></li>
<li><a href="computer-application-centre.html">Career Councelling</a></li>
<li><a href="forms.php">Office Form Download</a></li>
</ul>
</li>
<li class="mn"><a href="javascript: void(0)">Examination</a>
<ul class="submenu">
<li><a href="https://ictcurriculum.gov.in/">Exam. Management</a></li>
<li><a href="library-activities.html">Mid-Semester Exams</a></li>
<li><a href="library-activities.html">Term-End Exams</a></li>
<li><a href="library-activities.html">Results</a></li>
<li><a href="javascript: void(0)">Download Forms</a>
<ul class="submenu">
<li><a href="ict-activities.html">BU Exam. Forms</a></li>
<li><a href="ict-basic-course-2017.html">Migration Certificate</a></li>
<li><a href="ict-basic-course-2017.html">Original Certificate</a></li>
<li><a href="ict-basic-course-2017.html">Form for Duplicate Regd.No</a></li>
<li><a href="ict-basic-course-2017.html">CLC Application Form</a></li>
</ul>
</li>
</ul>
</li>
<li class="mn"><a href="javascript: void(0)">IQAC</a>
<ul class="submenu">
<li><a href="iqac-member.php?id=3">Members of IQAC</a></li>
<li><a href="aqarreport.php">AQAR Reports</a></li>
<li><a href="mom.php">Minutes of Meetings</a></li>
<li><a href="ssr.php">SSR Documents</a></li>
<li><a href="images/documents/docs_1661458395.pdf" target="_blank">Placement And Promotions</a></li>
<li><a href="javascript: void(0)">Reports</a>
<ul class="submenu">
<li><a href="ict-activities.html">Annual Reports</a></li>
<li><a href="ict-basic-course-2017.html">Funds</a></li>
<li><a href="ict-basic-course-2017.html">Audit Report</a></li>
<li><a href="ict-basic-course-2017.html">IIQA</a></li>
<li><a href="ict-basic-course-2017.html">DVV_Clarification</a></li>
</ul>
</li>
</ul>
</li>
<li class="mn"><a href="javascript: void(0)">Programmes</a>
<ul class="submenu">
<li><a href="news.php">College Programmes</a>
</li>
</ul>
</li>
<li class="mn"><a href="javascript: void(0)">NGWC</a>
<ul class="submenu">
<li><a href="reports.php">Reports</a></li>
<li><a href="media-gallery.php">News@Media</a></li>
</ul>
</li>
<li class="mn"><a href="javascript: void(0)">Students Corner</a>
<ul class="submenu">
<li><a href="notices.php">Notices</a></li>
<li><a href="syllabus.php">Syllabus</a></li>
<li><a href="questionbank.php?i=2">Question Bank</a></li>
<li><a href="student-s-syllabus.html">College Magazine</a></li>
<li><a href="student-feedback.php">Student's Feedback</a></li>
<li><a href="https://ngwcollege.in/ICICI_MS_LIVE/">Online Payment</a></li>
</ul>
</li>
<li class="mn"><a href="javascript: void(0)">RTI</a>
<ul class="submenu">
<li><a href="https://www.rtiodisha.gov.in/Pages/Download" target="_blank">RTI-Act-Forms</a></li>
<li><a href="images/documents/docs_1660735812.pdf" target="_blank">RTI Authority</a></li>
<li><a href="images/documents/Institution-Position-Role-Func-Dean-Res-Dean-Instruction.pdf">Staff Contact Details</a></li>
<li><a href="images/documents/Schedule-Powers-delegated-Principals-RIE.pdf">Mo Sarkar</a></li>
</ul>
</li>
<li class="menuright"> </li></ul>
</div>
</div>
</div>
</div>
</div>
</header>
<style>
.float{
position:fixed;
width:60px;
height:60px;
bottom:40px;
right:40px;
background-color:#0C9;
color:#FFF;
border-radius:50px;
text-align:center;
box-shadow: 2px 2px 3px #999;
}
.my-float{
margin-top:22px;
}
.floatingButtonWrap {
display: block;
position: fixed;
bottom: 90px;
right: 40px;
z-index: 999999999;
}
.floatingButtonInner {
position: relative;
}
.floatingButton {
display: block;
width: 60px;
height: 60px;
text-align: center;
/* background: -webkit-linear-gradient(45deg, #8769a9, #507cb3);
background: -o-linear-gradient(45deg, #8769a9, #507cb3);
background: linear-gradient(45deg, #8769a9, #507cb3); */
background: hsla(351, 100%, 25%, 1);
background: linear-gradient(90deg, hsla(351, 100%, 25%, 1) 0%, hsla(9, 59%, 7%, 1) 100%);
background: -moz-linear-gradient(90deg, hsla(351, 100%, 25%, 1) 0%, hsla(9, 59%, 7%, 1) 100%);
background: -webkit-linear-gradient(90deg, hsla(351, 100%, 25%, 1) 0%, hsla(9, 59%, 7%, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#7F0012", endColorstr="#1B0A07", GradientType=1 );
color: #fff;
line-height: 50px;
position: absolute;
border-radius: 50% 50%;
bottom: 0px;
right: 0px;
border: 5px solid #b2bedc;
/* opacity: 0.3; */
opacity: 1;
transition: all 0.4s;
}
.floatingButton .fa {
font-size: 15px !important;
}
.floatingButton.open,
.floatingButton:hover,
.floatingButton:focus,
.floatingButton:active {
opacity: 1;
color: #fff;
}
.floatingButton .fa {
transform: rotate(0deg);
transition: all 0.4s;
}
.floatingButton.open .fa {
transform: rotate(270deg);
}
.floatingMenu {
position: absolute;
bottom: 60px;
right: 0px;
/* width: 200px; */
display: none;
}
.floatingMenu li {
width: 100%;
float: right;
list-style: none;
text-align: right;
margin-bottom: 5px;
}
.floatingMenu li a {
padding: 8px 15px;
display: inline-block;
background: #ccd7f5;
color: #ffffff;
border-radius: 5px;
overflow: hidden;
white-space: nowrap;
transition: all 0.4s;
/* -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.22);
box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.22); */
background: hsla(116, 50%, 48%, 1);
background: linear-gradient(90deg, hsla(116, 50%, 48%, 1) 0%, hsla(101, 46%, 8%, 1) 100%);
background: -moz-linear-gradient(90deg, hsla(116, 50%, 48%, 1) 0%, hsla(101, 46%, 8%, 1) 100%);
background: -webkit-linear-gradient(90deg, hsla(116, 50%, 48%, 1) 0%, hsla(101, 46%, 8%, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#46B83D", endColorstr="#111E0B", GradientType=1 );
}
.floatingMenu li a:hover {
margin-right: 10px;
text-decoration: none;
}
</style>
<div class="floatingButtonWrap">
<div class="floatingButtonInner">
<a href="#" class="floatingButton" title="Fees Payment Online!">
<i class="fa fa-credit-card" aria-hidden="true"></i>
</a>
<ul class="floatingMenu">
<li>
<a href="https://ngwcollege.in/ICICI_MS_LIVE/">Pay Direct</a>
</li>
<li>
<a href="#">Student Login</a>
</li>
<li>
<a href="#">Hostel Fees</a>
</li>
<li>
<a href="#">Money Receipt</a>
</li>
<li>
<a href="#">Admin/College</a>
</li>
</ul>
</div>
</div>
Zerion Mini Shell 1.0