| Şuanki Dizin: /home/wwwdreamtechnolo/public_html/lbpmsolapur.org/ |
| Şuanki Dosya : /home/wwwdreamtechnolo/public_html/lbpmsolapur.org/index.php |
<?php
require_once("admin/lib/functions.php");
$db = new login_function();
// $staff_details = $db->get_teaching_staff();
?>
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" type="text/css" href="css/stylesheet.css"/>
<link rel="stylesheet" type="text/css" href="styles.css" media="all" />
<link rel="stylesheet" type="text/css" href="demo.css" media="all" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<script src="js/jquery-1.7.m15in.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/tms-0.4.1.js"></script>
<!-- jQuery -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<!-- FlexSlider -->
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
<style>
.zoomin img
{
margin-left:240px;
height: 200px; width: 200px;
-webkit-transition: all 2s ease; -moz-transition: all 2s ease;
-ms-transition: all 2s ease;
transition: all 2s ease;
}
.zoomin img:hover {
width: 300px;
height: 300px;
}
@-webkit-keyframes swinging{
0%{-webkit-transform: rotate(10deg);}
50%{-webkit-transform: rotate(-5deg)}
100%{-webkit-transform: rotate(10deg);}
}
@keyframes swinging{
0%{transform: rotate(10deg);}
50%{transform: rotate(-5deg)}
100%{transform: rotate(10deg);}
}
.swingimage{
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-animation: swinging 3.5s ease-in-out forwards infinite;
animation: swinging 3.5s ease-in-out forwards infinite;
}
.element {
height:200px;
width: 200px;
margin: 0 auto;
animation-name: stretch;
animation-duration: 1.5s;
animation-timing-function: ease-out;
animation-delay: 0;
animation-direction: alternate;
animation-iteration-count: infinite;
animation-fill-mode: none;
animation-play-state: running;
}
@keyframes stretch {
0% {
transform: scale(.3);
border-radius: 100%;
}
5% {
}
20% {
transform: scale(1.5);
}
}
</style>
</head>
<body style="background-color:">
<?php
require_once("lib/header.php");
?>
<style>
#slideshow {
margin: 80px auto;
position: relative;
width: 1080px;
height: 440px;
padding: 10px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
margin:auto;
z-index:0;
}
#slideshow > div {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
z-index:0;
}
</style>
<style>
#slideshow1 {
margin: 80px auto;
position: relative;
width: 1080px;
height: 440px;
padding: 10px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
margin:auto;
z-index:0;
}
#slideshow1 > div {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
z-index:0;
}
.img_slide_n
{
width:1080px;
z-index:0;
}
.img_slide_n img{
width:1080px;
height:100%;
z-index:0;
}
</style>
<script>
$("#slideshow > div:gt(0)").hide();
setInterval(function() {
$('#slideshow > div:first')
.fadeOut(10)
.next()
.fadeIn(10)
.end()
.appendTo('#slideshow');
}, 10)
</script>
<script>
$("#slideshow1 > div:gt(0)").hide();
setInterval(function() {
$('#slideshow1 > div:first')
.fadeOut(10)
.next()
.fadeIn(10)
.end()
.appendTo('#slideshow1');
}, 10)
</script>
<style>
* {box-sizing: border-box}
body {font-family: Verdana, sans-serif; margin:0}
.mySlides {display: none}
img {vertical-align: middle;}
/* Slideshow container */
.slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
}
/* Next & previous buttons */
.prev1, .next1 {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
padding: 16px;
margin-top: -22px;
color: black;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
margin-left:80px;
}
/* Position the "next button" to the right */
.next1 {
/*right: 0;*/ab
margin-left:590px;
border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev1:hover, .next1:hover {
background-color: rgba(0,0,0,0.8);
}
/* Caption text */
.text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}
/* Number text (1/3 etc) */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
/* The dots/bullets/indicators */
.dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active, .dot:hover {
background-color: #717171;
}
/* Fading animation */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 0.5s;
}
@-webkit-keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
.prev, .next,.text {font-size: 11px; color:white;}
}
.tab_container
{
width: 100%;
background-color: black;
}
.main_container
{
background-color: white;
}
</style>
<!-- <div name="tab_container">
<div class="main_container"> -->
<div class="main_container" style="min-height:100px;background-color:white; width:100%; margin-left:0px;">
<center>
<div class="data_container" style="margin:0px !important; padding:0px !important;">
<div class="content_wrapper">
<div class="image_text_wrapper">
<!-- <img data-u="image" src="images/clg-fron.jpeg" alt="Laxmibai Bhaurao Patil Mahila Mahavidylaya, Solapur" class="content_image"/> -->
<div style=" float: left; margin-top: 0; width:100%;">
<div class="flexslider" style="height: 600px; float: left;">
<ul class="slides" style="height:500px">
<?php
$slider_img = $db->get_all_slider_images();
if (!empty($slider_img)) {
$counter = 0;
foreach ($slider_img as $record) {
$id = $slider_img[$counter][0];
$images = $slider_img[$counter][1];
$title = $slider_img[$counter][2];
?>
<li>
<img src="slider_images/<?php echo $images; ?>" style="height: 600px; width:100% !important;" />
<div class="flex-caption" style=" margin-right: 350px; background-color: #EFEFEF; margin-bottom: -15px;">
<div class="display:inline-table; padding:5px;">
<span style="color:#0066ff; text-transform:uppercase; font-weight:bold; display:inline-table; height:auto; padding:10px;"><?php echo $title; ?></span>
</div>
</div>
</li>
<?php
$counter++;
}
}
?>
</ul>
</div>
</div>
<!--<div class="text_content" style="width:50%;">-->
<!-- <h2 class="content_heading">About the College</h2>-->
<!--<p class="content_p">-->
<!-- Laxmibai Bhaurao Patil Mahila Mahavidylaya, Solapur is affiliated to Solapur University, Solapur (Maharashtra). It is governed by Rayat Shikshan Sanstha, Satara, prominent educational institutions in Maharashtra established by late Padmabhushan Dr. Karmveer Bhaurao Patil. The motto of sanstha is <b>"Education Through Self-Help"</b>. Dr. Karmveer Bhaurao Patil <b>"Earn and Learn"</b> Scheme for the needy students. The College is established in June 1989 & today it is one of the leading colleges in Solapur University, Solapur. University Grants Commission, New Delhi, has recognized the said college u/s 2(F) the UGC act 1956 wide letter No. F.No. 8-409/2006/(Cpp-I/C) date 12/03/2013 & also u/s 12(B) of the UGC act 1956 wide letter No. F.No. 8-409/2006(CPP-I/C) dated 19/07/2013 respectively.-->
<!-- We are catering higher education to girl students with the motto "Women Empowerment" Through Quality Education". The college has been re-accredited by NAAC (Bangalore) 'A' Grade with CGPA - 3.03. In year, 2016 college was recognized by the UGC with the status of "College with Potential for Excellence" (CPE). The College has been re-certified with ISO 9001:2008 in September, 2017. Solapur University has accredited the college with "A" grade in the latest Academic and Administrative Audit conducted for all colleges affiliated to the university. The College is also honored as the Best College with "Karmveer Puraskar" "IDEAL COLLEGE FOR WOMEN" at Institutional level and BEST COLLEGE NSS UNIT from Solapur University and State Govt. of Maharashtra. College has been honored by the Govt. of India, MHRD for "Vittiya Saksharata Abhiyan" and Govt. of Maharashtra with Rs. 1.5 lac cash prize for "GENDER EQUALITY PROGRAMME" AND "SAVE THE GIRL CHILD PROGRAMME". -->
<!--</p>-->
<!-- <p class="content_p" style="padding-right:25px;">-->
<!-- Laxmibai Bhaurao Patil Mahila Mahavidylaya, Solapur is affiliated to Solapur University, Solapur(Maharashtra). It is governed by Rayat Shikshan Sanstha, Satara, prominent educational institutions in Maharashtra established by late Padmabhushan Dr. Karmveer Bhaurao Patil. The motto of sanstha is <b style="font-weight:bold;">"Education Through Self-Help"</b>. Dr. Karmveer Bhaurao Patil <b style="font-weight:bold;">"Earn and Learn"</b> Scheme for the needy students. The College is established in June 1989 & today it is one of the leading colleges in Solapur University, Solapur. University Grants Commission, New Delhi, has recognized the said college u/s 2(F) the UGC act 1956 wide letter No. F.No. 8-409/2006/(Cpp-I/C) date 12/03/2013 & also u/s 12(B) of the UGC act 1956 wide letter No. F.No. 8-409/2006(CPP-I/C) dated 19/07/2013 respectively.<br />-->
<!-- <span class="blank_s"></span>We are catering higher education to girl students with the motto <b style="font-weight:bold;">"Women Empowerment"</b> Through Quality Education". The college has been re-accredited by NAAC (Bangalore) 'A' Grade with CGPA - 3.23. In year, 2019 college was recognized by the UGC with the status of <b style="font-weight:bold;">"College with Potential for Excellence"</b> (CPE). The College has been re-certified with ISO 9001:2015 in September, 2024. Solapur University has accredited the college with <b style="font-weight:bold;">"A"</b> grade in the...-->
<!-- </p>-->
<!-- <a href="about-us.php" class="download_link1">Read More</a>-->
<!--</div>-->
</div>
</div>
</div>
</center>
<div style="width:100%; display:inline-table; border:1px solid #EFEFEF">
<div style="float:left; color:#007AAE; font-size:18px; background-color:#EFEFEF; padding:9px; width:9%; font-weight:bold;">New Updates : </div>
<div style="float:left; width:91%; padding:0px !important;">
<marquee behavior="scroll" direction="left" scrolldelay="100" scrollamount="5" onmouseover="stop();" onmouseout="start();" style="height:40px; float:left; padding:0px !important;">
<?php
$details = $db->get_all_new_and_events_images();
if(!empty($details))
{
$counter =0;
foreach($details as $record)
{
$id = $details[$counter][0];
$title = $details[$counter][1];
$image = $details[$counter][2];
?>
<div style="background-color:#efb9ba;display:inline-table; color:black;font-size:14px; text-transform:uppercase;font-weight:800; ">
<a href="/gallery/<?php echo $image; ?>" style="color:black" target="_blank" style="margin:0px !important; padding:0px !important;">
<img src="/images/pngtree-yellow-star-clipart-vector-png-image_6580756.png" style="height:22px;width:22px"/><?php echo $title; ?></a>
</div>
<?php
$counter ++;
}
}else
{
?>
<td colspan="5">No Data Found...</td>
<?php
}
?>
</marquee>
</div>
</div>
<style>
.data_container {
width: 100%;
max-width: 2000px;
margin: 40px auto;
padding: 30px;
background-color: #ffffff;
border-radius: 12px;
}
.content_heading {
color: #B84A5B;
margin-bottom: 30px;
font-weight: 700;
font-size: 1.7em;
text-align: center;
position: relative;
text-transform: uppercase;
letter-spacing: 2px;
}
.content_heading::before {
content: "";
position: absolute;
width: 60px;
height: 3px;
background-color: #B84A5B;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
}
.image_text_wrapper {
display: flex;
flex-direction: row;
align-items: flex-start;
width: 100%;
gap: 10px;
}
.content_image {
width: 100%;
max-width: 50%;
height: 450px;
border: 1px solid #DFDFDF;
border-radius: 8px;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
object-fit: cover;
margin-top: 50px;
}
.text_content {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.content_p {
font-family: 'Arial', sans-serif;
line-height: 1.8;
color: #555;
text-align: justify;
margin: 0;
padding: 0;
}
.download_link1 {
display: inline-block;
padding: 10px 20px;
background-color: #B84A5B;
color: #ffffff;
text-align: center;
border-radius: 4px;
text-decoration: none;
font-size: 16px;
font-family: Arial, sans-serif;
font-weight: bold;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
transition: background-color 0.3s, transform 0.3s;
}
.download_link1:hover {
background-color: #A43D4B;
transform: scale(1.05);
}
/* Media Queries for Responsive Design */
@media (max-width: 1200px) {
.content_heading {
font-size: 1.5em;
}
.image_text_wrapper {
flex-direction: column;
}
.content_image, .text_content {
width: 100%;
max-width: none;
}
.content_image {
height: auto;
margin-top: 20px;
}
}
@media (max-width: 768px) {
.content_heading {
font-size: 1.3em;
}
.content_p {
font-size: 14px;
}
.download_link1 {
font-size: 14px;
padding: 8px 16px;
}
}
@media (max-width: 480px) {
.content_heading {
font-size: 1.1em;
}
.content_p {
font-size: 12px;
}
.download_link1 {
font-size: 12px;
padding: 6px 12px;
}
}
</style>
<!--
<div style="width:840px; height:470px; float:left;">
<div class="slider_container" style="padding:0px;">
<div class="flexslider" style="width:840px!important; height:470px; float:left;" >
<ul class="slides">
<?php
$slider_img = $db->get_all_slider_images();
if(!empty($slider_img))
{
$counter = 0;
foreach($slider_img as $record)
{
$id = $slider_img[$counter][0];
$images = $slider_img[$counter][1];
$title = $slider_img[$counter][2];
?>
<li>
<img src="slider_images/<?php echo $images;?>" style="height:500px; width:840px;"/>
<div class="flex-caption" style="width:100%; float:left; margin-right:-10px;background-color:#EFEFEF;margin-bottom:-15px;">
<div class="display:inline-table; width:100%; padding:5px;">
<span style="color:#0066ff; text-transform:uppercase; font-weight:bold; display:inline-table; height:auto; padding:10px;"> <?php echo $title; ?> </span></div>
</div>
</li>
<?php
$counter ++;
}
}
?>
</ul>
</div>
</div>
</div>
<div style="width:450px; height:470px; display:inline-table; ">
<div class="slider_container" style="width:470px !important; height:450px; float:right; margin-left:-5px; display:inline-table; padding:0px; background:none;" >
<div class="flexslider" style="width:470px !important; height:450px !important; margin-left:15px; display:inline-table; background:none;">
<ul class="slides">
<?php
$slider_img = $db->get_all_award_images();
if(!empty($slider_img))
{
$counter = 0;
foreach($slider_img as $record)
{
$id = $slider_img[$counter][0];
$images = $slider_img[$counter][1];
$title = $slider_img[$counter][2];
?>
<li>
<img src="award_images/<?php echo $images;?>" style="height:500px; width:470px;" />
<div class="flex-caption" style="width:467px; float:left; magin-bottom:-25px; margin-right:-10px; background-color:#EFEFEF;margin-bottom:-15px;">
<div class=" display:inline-table; width:100%; padding:5px; text-align:center !important;">
<span style="color:#0066ff; text-transform:uppercase; font-weight:bold; display:inline-table; width:100%; height:auto; padding:10px; text-align:center !important;"> <?php echo $title; ?> </span></div>
</div>
</li>
<?php
$counter ++;
}
}
?>
</ul>
</div>
</div> -->
<!--<div class="page_highlighter" style="background-color:orange;">Home</div>-->
<!-- <div style="background-color:#FAEBD7; margin-top:15px; padding:10px; text-transform:uppercase; font-size:16px; font-weight:bold; font-family:Bookman Old Style;">
<a href="pdf-files/SSR-2019.pdf" target="_blank" class="blink" style="margin-left:0px;">* SSR - 2019</a>
<a href="http://lbpmsolapur.org/pdf-files/NAAC-GRADE- SHEET.pdf" style="margin-left:25px;">* NAAC GRADE SHEET</a>
<a href="http://lbpmsolapur.org/pdf-files/Outcomes.pdf" style="margin-left:25px;">* Programme Outcomes</a>
<a href="http://lbpmsolapur.org/vision-mission.php" style="margin-left:25px;">* Vision Mission</a>
<a href="http://lbpmsolapur.org/gallery/5EAss2duoe.pdf" style="margin-left:35px;">* Core Values</a>
<a href="/pdf-files/SOC-ECO SURVEY FINAL.pdf" target="_blank" class="blink" style="margin-left:35px;">* SOCIO-ECONOMIC ANALYSIS</a>
</div>
-->
<?php
/* require_once("highlights.php");*/
?>
<!--<div class="data_container" style="margin-top:16px; width:600px; margin-left:15px;">
<div style="background-color:#FFE4C4; margin-top:-17px;">
<center><img src="/images/rayat-shatabdi-logo.jpg" style="height:300px; width:300px; margin:auto; border-radius:250px;" /></center>
</div>-->
<style>
th
{
color:#FFFFFF;
text-align:center;
}
.mn_pg_title
{
color:#0070C0;
font-weight:bold;
}
td
{
text-align:left !important;
font-size:14px;
color:#333333;
}
tbody tr td
{
padding:22px;
}
</style>
<!--
<h4 class="mn_pg_title" style="font-weight:bold; font-family:Bookman Old Style; font-size:20px; color:#DC143C">Qualitative Metrics :</h4>
<br />
<table class="table table-bordered" style="margin:auto; width:100%;">
<thead style="background-color:#0070C0">
<tr>
<th width="65">Sr. No.</th>
<th width="150">Criterion</th>
<th width="300">Metric Question</th>
<th width="70">Link</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td><td>Criterion- I</td><td>Curricular Aspects</td><td><a href="qualitative.php?chapter=1">Click</a></td>
</tr>
<tr>
<td>2</td><td>Criterion- II</td><td>Teaching, Learning and Evaluation</td><td><a href="qualitative.php?chapter=2">Click</a></td>
</tr>
<tr>
<td>3</td><td>Criterion- III</td><td>Research, Innovations and Extension</td><td><a href="qualitative.php?chapter=3">Click</a></td>
</tr>
<tr>
<td>4</td><td>Criterion – IV</td><td>Infrastructure and Learning Resources</td><td><a href="qualitative.php?chapter=4">Click</a></td>
</tr>
<tr>
<td>5</td><td>Criterion – V</td><td>Student Support and Progression</td><td><a href="qualitative.php?chapter=5">Click</a></td>
</tr>
<tr>
<td>6</td><td>Criterion – VI</td><td>Governance, Leadership and Management</td><td><a href="qualitative.php?chapter=6">Click</a></td>
</tr>
<tr>
<td>7</td><td>Criterion – VII</td><td>Institutional Values and Best Practices</td><td><a href="qualitative.php?chapter=7">Click</a></td>
</tr>
</tbody>
</table>
<br />
<br />
<h4 class="mn_pg_title" style="font-weight:bold; font-family:Bookman Old Style; font-size:20px; color:#DC143C">Quantitative Metrics:</h4>
<br />
<table class="table table-bordered">
<thead style="background-color:#0070C0">
<tr>
<th width="65">Sr. No.</th>
<th width="150">Criterion</th>
<th width="300">Metric Question</th>
<th width="70">Link</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td><td>Citerion – I</td><td>Curricular Aspects</td><td><a href="ssr.php?chapter=1">Click</a></td>
</tr>
<tr>
<td>2</td><td>Criterion – II</td><td>Teaching, Learning and Evaluation</td><td><a href="ssr.php?chapter=2">Click</a></td>
</tr>
<tr>
<td>3</td><td>Criterion – III</td><td>Research, Innovations and Extension</td><td><a href="ssr.php?chapter=3">Click</a></td>
</tr>
<tr>
<td>4</td><td>Criterion – IV</td><td>Infrastructure and Learning Resources</td><td><a href="ssr.php?chapter=4">Click</a></td>
</tr>
<tr>
<td>5</td><td>Criterion – V</td><td>Student Support and Progression</td><td><a href="ssr.php?chapter=5">Click</a></td>
</tr>
<tr>
<td>6</td><td>Criterion – VI</td><td>Governance, Leadership and Management</td><td><a href="ssr.php?chapter=6">Click</a></td>
</tr>
<tr>
<td>7</td><td>Criterion – VII</td><td>Institutional Values and Best Practices</td><td><a href="ssr.php?chapter=7">Click</a></td>
</tr>
</tbody>
</table>
<br /><br />
<span class="tab_title" style="border-bottom:1px solid #DFDFDF;">Moto</span>
<img src="/img/moto.jpg" class="icons_imgs" />
<p id="mission">
"Education through self-help."
</p>
<div class="col_1_of_12 span_1_of_12">
<div class="title-img"><span class="title-desc" style="color:black;border-bottom:0px;font-size:20px;color:white">Vision</span>
<div class="clear"></div>
</div>
</div>
<p id="mission" style="margin-left:180px">
" Quality education to all especially rural, socially & economically deprived students to make them self-reliant
i.e., women empowerment through education."
</p>
<br /><br /><br /><br />
<div class="col_1_of_12 span_1_of_12">
<div class="title-img2"><span class="tiltle-desc" style="color:black;border-bottom:0px;font-size:20px;color:white">Mission</span>
<div class="clear"></div>
</div>
</div>
<p id="mission" style="margin-left:200px;">
"Women empowerment & excellence through quality education."
</p>
</div>
</div>-->
<div class="container1" style="padding:0px; margin:0px;">
<!--<div class="common-heading">Meet Our Leaders</div>-->
<div class="section1-container" style="margin-top:-10px">
<!-- <div class="section1 card1">
<div class="leader-title">CDC Chairmans Desk</div>
<br>
<img src="images/Sanjiv Patil.jpg" alt="Hon. Mr. Sanjeev Jaykumar Patil" >
<div class="leader-title">Hon. Mr. Sanjeev Jaykumar Patil<br><span style="color:orangered;">Chairman, College Dev. Committee</span></div>
<br><p>
Founded on the vision of Dr. Karmveer Bhaurao Patil, it acts as a beacon of strength, enlightenment, and women empowerment in the sphere of Solapur.
<br><br><a href="http://lbpmsolapur.org/chairman-message.php">Read More</a>
</p>
<div class="additional-info">
</div>
</div> -->
<div class="section1 card2" style="background-color:#edede7">
<div class="leader-title">Principal Desk</div>
<img src="images/Principa Photo.jpg" alt="Principal Dr. S. R. Dhere">
<div class="leader-title" style="text-transform:capitalize;">Prin. Dr. S. R. Dhere</div>
<p style="font-weight:bold;margin-top:-20px">
Laxmibai Bhaurao Patil Mahila Mahavidyalaya is an institute committed to the empowerment of girl students.
It is my privilege to warmly welcome you to the portal of our college; Laxmibai Bhaurao Patil Mahila Mahavidyalaya which is an institute having a commitment towards empowerment of girl students.
<br><a href="http://lbpmsolapur.org/about-us.php#principal_msg">Read More</a>
</p>
<div class="additional-info">
</div>
</div>
<div class="section1 card2" style="background-color:#f4e0ef">
<center><span style="font-weight:bold; font-size:20px;">About LBPM</span></center>
<p class="content_p" style="font-size:16px; font-weight:bold;margin-top:-0px">
Laxmibai Bhaurao Patil Mahila Mahavidylaya, Solapur is affiliated to Solapur University, Solapur (Maharashtra). It is governed by Rayat Shikshan Sanstha, Satara, prominent educational institutions in Maharashtra established by late Padmabhushan Dr. Karmveer Bhaurao Patil. The motto of sanstha is <b>"Education Through Self-Help"</b>. Dr. Karmveer Bhaurao Patil <b>"Earn and Learn"</b> Scheme for the needy students. The College is established in June 1989 & today it is one of the leading colleges in Solapur University, Solapur. University Grants Commission, New Delhi, has recognized the said college u/s 2(F) the UGC act 1956 wide letter No. F.No. 8-409/2006/(Cpp-I/C) date 12/03/2013 & also u/s 12(B) of the UGC act 1956 wide letter No. F.No. 8-409/2006(CPP-I/C) dated 19/07/2013 respectively.
We are catering higher education to girl students with the motto "Women Empowerment" Through Quality Education".
</p>
<a href="about-us.php" class="">Read More</a>
</div>
<style type="text/css">
/* .data_container1 {
width:98%;
max-width: 1200px;
margin: 40px auto;
padding: 30px;
border: 1px solid #DFDFDF;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
background-color: #ffffff;
border-radius: 12px;
} */
</style>
<div class="section1 card2" style="background-color:#f0f9ed">
<div class="tab_div" style="float:none; width:100%; height:auto;margin-left: -2px;">
<div class="title-img2" style="border-bottom-left-radius:10px; text-align:center; ">
<div class="title-desc blink" style="text-align:center;color:white; width:100%; padding:6px; font-weight:bold;">College Notice / Circulars</div>
<div class="clear"></div>
</div>
<marquee behavior="scroll" direction="up" scrolldelay="100" scrollamount="5" onmouseover="stop();" onmouseout="start();" style="height:400px;">
<?php
$report_details = $db->get_all_notice();
if(!empty($report_details))
{
$counter =0;
foreach($report_details as $record)
{
$id = $report_details[$counter][0];
$title = $report_details[$counter][1];
$url = $report_details[$counter][2];
?>
<div style="background-color:antiquewhite;display:inline-table; color:black;margin-top:10px;font-size:14px;line-height:25px;border-bottom:1px dashed #999; text-transform:uppercase;">
<a href="/notice/<?php echo $url; ?>" style="color:black" target="_blank"><?php echo $title; ?></a>
</div>
<?php
$counter ++;
}
}else
{
?>
<td colspan="5">No Data Found...</td>
<?php
}
?>
</marquee>
</div>
</div>
</div>
<!-- <div class="data_container1" style="margin-top:0px; "> -->
<style>
/* Container for the section */
.section1.card2 {
margin: 20px auto;
/* max-width: 1200px; */
padding: 30px;
border-radius: 12px;
background-color: #f9f9f9;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
/* Styling for the section header and link */
.section1.card2 > div {
font-weight: bold;
color: #0070C0;
margin-top: 5px;
text-align: center;
text-transform: uppercase;
padding: 10px;
border-radius: 2px;
}
.section1.card2 a {
color: #FF5733; /* Red color for the link */
text-decoration: underline;
font-size: 15px;
font-weight: bold;
display: inline-flex;
align-items: center;
}
.section1.card2 a img {
height: 10px;
width: 10px;
margin-right: 10px;
margin-top: -5px; /* Adjusting to make the icon align better */
}
/* "blink" class styling (e.g. for "College YouTube Channel" */
.blink {
color: #FF5733;
font-size: 27px;
}
/* Title for "College Highlights" */
.title-img2 {
border-bottom-left-radius: 10px;
background-color: #0070C0;
padding: 8px;
text-align: center;
color: white;
}
.title-desc {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
}
/* Marquee styling */
.tab_div {
width: 100%;
height: auto;
margin-left: -2px;
}
marquee {
height: 400px;
font-size: 14px;
color: #333;
padding: 10px;
overflow: hidden;
}
marquee a {
color: black;
text-decoration: none;
display: block;
padding: 8px;
font-size: 16px;
line-height: 24px;
transition: color 0.3s;
}
marquee a:hover {
color: #FF5733;
font-weight: bold;
}
/* Styling for individual items inside the marquee */
marquee div {
background-color: #fafafa;
color: black;
padding: 4px;
font-size: 14px;
line-height: 24px;
text-transform: uppercase;
}
marquee div a {
display: inline-block;
font-weight: normal;
}
marquee div a:hover {
text-decoration: underline;
}
/* Responsive Design: Adjustments for smaller screens */
@media (max-width: 768px) {
.section1.card2 {
padding: 20px;
}
.section1.card2 a {
font-size: 16px;
}
.title-img2 {
font-size: 16px;
}
marquee {
font-size: 13px;
}
}
</style>
</div>
</div>
<!-- counter section -->
<div class="container1" style="margin:0px !important;">
<div class="section1-container">
<!-- Vision Card -->
<div class="section1 card1">
<div class="section-title"><img style="height:40px;width:40px;"src="images/vision.png" /> Vision</div>
<p>
"Quality education to all especially rural, socially & economically deprived students to make them self-reliant i.e., women empowerment through education."
<br><br><a href="https://www.lbpmsolapur.org/vision-mission.php#vision">Read More</a>
</p>
</div>
<!-- Mission Card -->
<div class="section1 card1">
<div class="section-title"><img style="height:40px;width:40px;"src="images/target.png" /> Mission</div>
<p>
"Women empowerment & excellence through quality education."
<br><br><a href="https://www.lbpmsolapur.org/vision-mission.php#mission">Read More</a>
</p>
</div>
<!-- Goal Card -->
<div class="section1 card1">
<div class="section-title"><img style="height:40px;width:40px;"src="images/star.png" />Goal</div>
<p>
To inculcate each student to develop her full intellectual potential through a focused academic experience with at least one self-employability skill.
<br><br><a href="https://www.lbpmsolapur.org/vision-mission.php#goal">Read More</a>
</p>
</div>
</div>
<div style="display:inline-table; width:100%; height:20px;">
<div style="font-weight:bold; color:#0070C0; margin-top:25px; text-align:center; text-transform:uppercase; background-color:#EFEFEF; padding:20px;">
<a href="https://www.youtube.com/channel/UCPiNskkHIfuyncVlSftYfpA/videos" target="_blank" style="color:RED; text-decoration:underline; font-size:22px !important;">
<span class="blink"><img src="/images/yt.png" style="height:40px; width:40px; margin-top:-10px; margin-right:15px;" /> College Youtube Channel</span>
</a>
<br />
<br />
<iframe width="560" height="315" src="https://www.youtube.com/embed/_um9wC7rP0w?si=5ztSXHMG9bOs9IlJ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/mViUZHAXeTw?si=GVBDfV5QMCICAnWH" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/XZEd4tcDgQk?si=8gJZxAhBXtv1QZSn" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
</div>
<style>
.row
{
display:flex !important;gap:20px;
align-item:center;
}
.container1_rem {
width: 80%; /* Make it wider for a single row */
/* max-width: 1200px; */
margin: 20px;
display:flex !important;
padding: 20px;
align-item:center;
justify-content:center;
}
.head h2 {
text-align: center;
color: black
align-items:center;
font-family: 'Arial', sans-serif;
/* border-bottom: 3px solid white; */
text-decoration: underline 5px solid white;
}
.head {
font-size: 38px;
font-weight: bold;
justify-content: center;
margin-top: 40px;
margin-bottom:30px;
align-items:center;
text-align: center;
}
.card-item {
align-items:center;
background-color: #fff;
display:flex;
flex-direction:column;
border-radius: 2px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
padding: 65px !important;
justify-content:center;
}
.card-item:hover {
transform: translateY(-10px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.card-item img {
width: 55px;
height: 55px;
border-radius: 20%;
}
.card-item strong {
display: block;
}
.card-content {
display: inline-block;
justify-content: center; /* Align items neatly */
gap: 20px; /* Space between items */
}
/* Mobile Responsiveness */
@media (max-width: 768px) {
.row
{
display:flex !important;gap:20px;
flex-direction:column;
align-item:center;
}
.card-item {
padding: 15px;
justify-content:center;
}
.card-item strong {
font-size: 18px;
}
.head h2 {
font-size: 28px;
border-bottom: 3px solid white;
text-decoration:none;
}
}
/* Color for different facilities */
.card-item:nth-child(1) {
background-color: #f8f8f8;
}
.card-item:nth-child(2) {
background-color: #f8f8f8;
}
.card-item:nth-child(3) {
background-color: #f8f8f8;
}
.card-item:nth-child(4) {
background-color: #f8f8f8;
}
</style>
<div class="container1_rem" style="margin-top:-20px">
<div class="con" style="">
<div class="head"><h2>Key Statistics</h2></div>
<div class="row">
<div class="col-12 col-sm-3" >
<div class="card-item" style=" ">
<img style="height:100px;width:100px;"src="images/company.png" />
<strong style="font-size:25px;"></strong> </br>
<strong style="font-size:25px; font-family: 'Arial', sans-serif;">Establishment </strong>
<strong style="font-size:25px; font-family: 'Arial', sans-serif;color:#A9465C;">June 1989 </strong>
</div>
</div>
<div class="col-12 col-sm-3">
<div class="card-item">
<img style="height:100px;width:100px;"src="images/graduating-student.png" />
<strong style="font-size:25px;"></strong> </br>
<strong style="font-size:25px; font-family: 'Arial', sans-serif;">Students </strong>
<strong style="font-size:25px; font-family: 'Arial', sans-serif;color:#A9465C;">1400 + </strong>
</div>
</div>
<div class="col-12 col-sm-3">
<div class="card-item">
<img style="height:100px;width:100px;"src="images/education.png" />
<strong style="font-size:25px;"></strong> </br>
<strong style="font-size:25px; font-family: 'Arial', sans-serif;">Department </strong>
<strong style="font-size:25px; font-family: 'Arial', sans-serif;color:#A9465C;">9</strong>
</div>
</div>
<div class="col-12 col-sm-3">
<div class="card-item">
<img style="height:100px;width:100px;"src="images/developer.png" />
<strong style="font-size:25px;"></strong>
</br>
<strong style="font-size:25px; font-family: 'Arial', sans-serif;">Programmes </strong>
<strong style="font-size:25px; font-family: 'Arial', sans-serif;color:#A9465C;">5</strong>
</div>
</div>
</div>
</div>
</div>
<div class="container1_rem" style="margin-top:-50px">
<!-- Facilities Provided by College Section -->
<div class="con" >
<div class="head"><h2 style="justify-content:center;">Facilities Provided by College</h2></div>
<div class="row" style="">
<a href="pdf-files/Learn And Earn.pdf">
<div class="col-12 col-sm-3">
<div class="card-item">
<img style="height:90px;width:90px;justify-content:center;" src="images/learning.png" /></br></br>
<strong style="font-size:25px; font-family: 'Arial', sans-serif ;">Learn and Earn</strong> <!-- Blue color for Learn and Earn -->
</div>
</div>
</a>
<div class="col-12 col-sm-3">
<div class="card-item">
<img style="height:100px;width:100px;" src="images/library.jpeg" /></br></br>
<strong style="font-size:25px; font-family: 'Arial', sans-serif; ">Library</strong> <!-- Lime green color for Library -->
</div>
</div>
<div class="col-12 col-sm-3">
<div class="card-item">
<img style="height:100px;width:100px;" src="images/infra.jpeg" /></br></br>
<strong style="font-size:25px; font-family: 'Arial', sans-serif;">Infrastructure</strong> <!-- Orange red color for Infrastructure -->
</div>
</div>
<a href="pdf-files/LBPM-Sports.pdf">
<div class="col-12 col-sm-3">
<div class="card-item">
<img style="height:100px;width:100px;" src="images/sports.png" /></br></br>
<strong style="font-size:25px; font-family: 'Arial', sans-serif;">Sports</strong> <!-- Orange red color for Infrastructure -->
</div>
</div>
</a>
<div class="col-12 col-sm-3">
<div class="card-item">
<img style="height:100px;width:100px;" src="images/canteen.jpeg" /></br></br>
<strong style="font-size:25px; font-family: 'Arial', sans-serif;">Canteen</strong> <!-- Orange red color for Infrastructure -->
</div>
</div>
</div>
</div>
</div>
<style>
/* General Styling */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Arial', sans-serif;
}
/* Section Styling for Cards */
.section1 {
background-color: #ffffff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
width: 45%;
text-align: left;
transition: transform 0.3s ease-in-out;
animation: slideUp 1s ease-out;
}
.section1:hover {
transform: translateY(-10px);
}
.leader-title {
font-size: 1.4em;
font-weight: bold;
color: #333;
margin-bottom: 15px;
}
/* Responsive Design */
@media (max-width: 768px) {
.container1_rem {
display:flex;
align-items: center;
}
.section1 {
width: 90%; /* Cards take full width on small screens */
margin-bottom: 20px;
}
.card-item {
flex-basis: 48%; /* Adjust item width for mobile */
margin-bottom: 10px; /* Add space between items */
}
.card-item i {
font-size: 24px; /* Slightly smaller icons on mobile */
}
}
/* Animation for Slide Up */
@keyframes slideUp {
0% {
transform: translateY(20px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
/* General Container for Vision, Mission, and Goal */
.section1-container {
display: flex;
justify-content: space-between;
gap: 20px;
margin-top: 30px;
flex-wrap: wrap; /* Allows wrapping on smaller screens */
}
/* Individual Cards */
.section1 {
flex: 1;
min-width: 300px;
max-width: 300px;
background-color: #ffffff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
text-align: center;
transition: transform 0.3s ease-in-out;
animation: slideUp 1s ease-out;
}
.section1:hover {
transform: translateY(-10px);
}
/* Section Titles */
.section-title {
font-size: 1.4em;
font-weight: bold;
color: #333;
margin-bottom: 10px;
}
.section-title i {
margin-right: 10px;
font-size: 1.8rem;
transition: transform 0.3s ease-in-out;
}
.section-title:hover i {
transform: rotate(360deg);
}
/* Links Styling */
.section1 a {
color: #B84A5B;
text-decoration: none;
font-weight: bold;
transition: color 0.3s ease;
}
.section1 a:hover {
color: #8a3d5f;
text-decoration: underline;
}
/* Responsive Design */
@media (max-width: 768px) {
.section1-container {
flex-direction: column; /* Stacks the cards on smaller screens */
align-items: center;
}
.section1 {
margin-bottom: 20px;
}
}
.container1 {
display: flex;
flex-direction: row;
align-items: center;
padding: 30px;
margin: 20px auto;
background-color: #d0dfed !important;
border-radius: 15px;
}
.common-heading {
font-size: 1.5em;
font-weight: 500;
color: #ffffff;
text-align: center;
text-transform: uppercase;
margin-bottom: 20px;
padding: 5px 20px;
background-color: #B84A5B;
border-radius: 5px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.section1-container {
display: flex;
justify-content: space-around;
width: 100%;
gap: 20px;
}
.section1 {
display:grid;
flex: 1;
min-width: 300px;
max-width: 300px;
background-color: #ffffff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
text-align: center;
}
.section1 img {
width: 100%;
height: 300px;
border-radius: 5px;
margin-bottom: 15px;
}
.leader-title {
font-size: 1.4em;
font-weight: bold;
margin-top: 10px;
color: #333;
}
.section1 p {
font-size: 1.3em;
text-align: justify;
margin-top: 10px;
color: #555;
}
.section1 a {
color: #B84A5B;
text-decoration: none;
font-weight: bold;
}
.section1 a:hover {
text-decoration: underline;
}
.data_container1 {
width: 100%;
padding: 30px;
border: 1px solid #DFDFDF;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
background-color: #ffffff;
border-radius: 12px;
}
.blink {
animation: none;
}
@keyframes blink {
to {
visibility: hidden;
}
}
@-webkit-keyframes blink {
to {
visibility: hidden;
}
}
.card1, .card2 {
max-width: 500px;
}
</style>
<!-- cou nt section end -->
<style type="text/css">
.container1 {
display: flex;
flex-direction: column;
align-items: center;
padding: 30px;
margin: 20px auto;
/* max-width: 1200px; */
background-color: #f8f9fa;
border-radius: 15px;
}
.common-heading {
font-size: 1.5em;
font-weight: 500;
color: #ffffff;
text-align: center;
text-transform: uppercase;
margin-bottom: 20px;
padding: 5px 20px;
background-color: #B84A5B;
border-radius: 5px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.section1-container {
display: flex;
justify-content: space-around;
width: 100%;
gap: 20px;
}
.section1 {
flex: 1;
min-width: 300px;
max-width: 300px;
background-color: #ffffff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
text-align: center;
}
.section1 img {
width: 100%;
height: 300px;
border-radius: 5px;
margin-bottom: 15px;
}
.leader-title {
font-size: 1.4em;
font-weight: bold;
margin-top: 0px;
color: #333;
}
.section1 p {
font-size: 1.3em;
text-align: justify;
margin-top: 10px;
color: #555;
}
.section1 a {
color: #B84A5B;
text-decoration: none;
font-weight: bold;
}
.section1 a:hover {
text-decoration: underline;
}
.data_container1 {
width: 100%;
padding: 30px;
border: 1px solid #DFDFDF;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
background-color: #ffffff;
border-radius: 12px;
}
.blink {
animation: none;
}
@keyframes blink {
to {
visibility: hidden;
}
}
@-webkit-keyframes blink {
to {
visibility: hidden;
}
}
.card1{
max-width: 500px;
}
.card2{
max-width: 500px;
}
</style>
<!-- <div class="container1" style="background-color: aliceblue;">
<div class="section-content">
<div class="row">
<div class="col-md-6 col-sm-12 mb-4">
<div class="desk-section">
<h4 class="desk-heading">President’s Desk</h4>
<div class="desk-image">
<img src="images/Sanjiv Patil.jpg" alt="Hon. Mr. Sanjeev Jaykumar Patil">
<h6 class="desk-name">Hon. Mr. Sanjeev Jaykumar Patil<br>Chairman, College Dev. Committee</h6>
</div><br>
<p class="desk-text">
Founded on the vision of Dr. Karmveer Bhaurao Patil, it acts as a beacon of strength, enlightenment, and women empowerment in the sphere of Solapur.
<br><a href="http://lbpmsolapur.org/chairman-message.php">Read More</a>
</p>
</div>
</div>
<div class="col-md-6 col-sm-12 mb-4">
<div class="desk-section">
<h4 class="desk-heading">Chairman’s Desk</h4>
<div class="desk-image">
<img src="images/Principa Photo.jpg" alt="Principal Dr. S. R. Dhere">
<h6 class="desk-name">Principal Dr. S. R. Dherei</h6>
</div><br>
<p class="desk-text">
Laxmibai Bhaurao Patil Mahila Mahavidyalaya is an institute committed to the empowerment of girl students.
</p>
</div>
</div>
</div>
</div>
</div>
-->
<style>
.container1 {
padding: 20px;
}
.section-content {
max-width: 1200px;
margin: auto;
}
.desk-section {
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
}
.desk-heading {
font-size: 1.5em;
font-weight: 600;
margin-bottom: 10px;
color: #B84A5B;
}
.desk-text {
font-size: 1em;
color: #333;
text-align: justify;
margin-bottom: 20px;
}
.desk-image {
text-align: center;
}
.desk-image img {
width: 100%;
max-width: 200px;
height: auto;
border-radius: 8px;
margin-bottom: 10px;
}
.desk-name {
font-size: 1.1em;
font-weight: bold;
color: #555;
}
</style>
<!--<iframe width="100%" height="150px;" style="margin-top:20px;" src="https://www.youtube.com/embed/TnmKeEXJB-U" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>-->
<!-- hided youtube -->
<!-- <iframe width="100%" height="150px;" style="margin-top:20px;" src="https://www.youtube.com/embed/hB-hJ5noXJ8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe width="100%" height="150px;" style="margin-top:20px;" src="https://www.youtube.com/embed/u3r5wJ6JYPo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> -->
<!-- hided youtube end here -->
<!--<div style="font-weight:bold; color:#0070C0; margin-top:25px; text-align:center; text-transform:uppercase; background-color:#EFEFEF; padding:15px; font-size:15px;">
Our Students National Level Movies</center>
</div>
<iframe width="100%" style="margin-top:20px;" src="https://www.youtube.com/embed/c02kg8nPEWU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div style="font-weight:bold; width:100%; text-align:center; color:#006400;">Bhartiyano Chala Ek Hou Ya</div>
<iframe width="100%" style="margin-top:20px;" src="https://www.youtube.com/embed/oEQ786pHl7s" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div style="font-weight:bold; width:100%; text-align:center; color:#006400;">UNNAT BHARAT ABHIYAN</div>
<iframe width="100%" style="margin-top:20px;" src="https://www.youtube.com/embed/JqPeet6MTdU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div style="font-weight:bold; width:100%; text-align:center; color:#006400;">Bhog Movie</div>-->
</div>
<!-- <div class="slideshow-container" style="width:600px; border:2px solid; float:left; margin-left:25px; margin-top:25px;"> -->
<!-- hided slider -->
<!-- <div class="mySlides fade">
<img src="images/l1.jpg" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/l2.jpg" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/l3.jpg" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/l6.JPG" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/l7.JPG" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/l8.JPG" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/l9.JPG" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/l10.JPG" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/l11.JPG" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/s1.jpg" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/s2.jpg" style="width:100%; height:350px;">
</div> -->
<!-- hided slider -->
<!--<div class="mySlides fade">
<img src="images/s3.jpg" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/s4.JPG" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/s5.jpg" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/s6.jpg" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/r1.jpg" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/r2.jpg" style="width:100%; height:350px;">
</div>-->
<!-- Start here -->
<!-- <div class="mySlides fade">
<img src="images/r3.jpg" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/r4.jpg" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/r5.jpg" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/r6.jpg" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/r7.jpg" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/r8.jpg" style="width:100%; height:350px;">
</div> -->
<!-- end here -->
<!--<div class="mySlides fade">
<img src="images/PATH USE TEAM VISIT.jpg" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/PATH VISIT USA.jpg" style="width:100%; height:350px;">
</div>-->
<!-- Next and previous buttons -->
<!-- <a class="prev1" style="margin-left:-37px;" onclick="plusSlides(-1)">❮</a>
<a class="next1" onclick="plusSlides(1)">❯</a> -->
<!-- </div> -->
<!-- <center>
<style type="text/css">
.data_container1 {
width:98%;
max-width: 1200px;
margin: 40px auto;
padding: 30px;
border: 1px solid #DFDFDF;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
background-color: #ffffff;
border-radius: 12px;
}
</style>
<div class="data_container1" style="margin-top:0px; width:600px; ">
<div style="display:inline-table; width:100%;">
<div style="font-weight:bold; color:#0070C0; margin-top:25px; text-align:center; text-transform:uppercase; background-color:#EFEFEF; padding:20px;">
<a href="https://www.youtube.com/channel/UCPiNskkHIfuyncVlSftYfpA/videos" target="_blank" style="color:RED; text-decoration:underline; font-size:17px;">
<center><img src="/images/yt.png" style="height:40px; width:40px; float:left; margin-left:0px; margin-top:-10px;" /><span class="blink">College Youtube Channel</span></center></a>
</div>
</div>
<div class="tab_div" style="float:none; width:100%; height:auto;margin-left: -2px;">
<div class="title-img2" style="border-bottom-left-radius:10px; text-align:center; ">
<div class="title-desc blink" style="text-align:center;color:white; width:100%; padding:6px; font-weight:bold;">COLLEGE HIGHLIGHTS</div>
<div class="clear"></div>
</div>
<marquee behavior="scroll" direction="up" scrolldelay="100" scrollamount="5" onmouseover="stop();" onmouseout="start();" style="height:200px;">
<?php
$report_details = $db->get_all_notice();
if(!empty($report_details))
{
$counter =0;
foreach($report_details as $record)
{
$id = $report_details[$counter][0];
$title = $report_details[$counter][1];
$url = $report_details[$counter][2];
?>
<div style="background-color:#fafafa;display:inline-table; color:black;margin-top:10px;font-size:14px;line-height:25px;border-bottom:1px dashed #999; text-transform:uppercase;">
<a href="/notice/<?php echo $url; ?>" style="color:black" target="_blank"><?php echo $title; ?></a>
</div>
<?php
$counter ++;
}
}else
{
?>
<td colspan="5">No Data Found...</td>
<?php
}
?>
</marquee>
</div>
</div>
<br>
</center>
</div>
</div> -->
<!-- jssor slider scripts-->
<script type="text/javascript" src="jssor.slider.min.js"></script>
<script>
jQuery(document).ready(function ($) {
var options = {
$AutoPlay: 1, //[Optional] Auto play or not, to enable slideshow, this option must be set to greater than 0. Default value is 0. 0: no auto play, 1: continuously, 2: stop at last slide, 4: stop on click, 8: stop on user navigation (by arrow/bullet/thumbnail/drag/arrow key navigation)
$AutoPlaySteps: 1, //[Optional] Steps to go for each navigation request (this options applys only when slideshow disabled), the default value is 1
$Idle: 1000, //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000
$PauseOnHover: 1, //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1
$ArrowKeyNavigation: 1, //[Optional] Steps to go for each navigation request by pressing arrow key, default value is 1.
$SlideEasing: $Jease$.$OutQuint, //[Optional] Specifies easing for right to left animation, default value is $Jease$.$OutQuad
$SlideDuration: 100, //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500
$MinDragOffsetToSlide: 20, //[Optional] Minimum drag offset to trigger slide, default value is 20
//$SlideWidth: 600, //[Optional] Width of every slide in pixels, default value is width of 'slides' container
//$SlideHeight: 300, //[Optional] Height of every slide in pixels, default value is height of 'slides' container
$SlideSpacing: 0, //[Optional] Space between each slide in pixels, default value is 0
$UISearchMode: 1, //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
$PlayOrientation: 1, //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1
$DragOrientation: 1, //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $Cols is greater than 1, or parking position is not 0)
$ArrowNavigatorOptions: { //[Optional] Options to specify and enable arrow navigator or not
$Class: $JssorArrowNavigator$, //[Requried] Class to create arrow navigator instance
$ChanceToShow: 2, //[Required] 0 Never, 1 Mouse Over, 2 Always
$Steps: 1 //[Optional] Steps to go for each navigation request, default value is 1
},
$BulletNavigatorOptions: { //[Optional] Options to specify and enable navigator or not
$Class: $JssorBulletNavigator$, //[Required] Class to create navigator instance
$ChanceToShow: 2, //[Required] 0 Never, 1 Mouse Over, 2 Always
$Steps: 1, //[Optional] Steps to go for each navigation request, default value is 1
$SpacingX: 12, //[Optional] Horizontal space between each item in pixel, default value is 0
$Orientation: 1 //[Optional] The orientation of the navigator, 1 horizontal, 2 vertical, default value is 1
}
};
var jssor_slider1 = new $JssorSlider$("slider1_container", options);
//responsive code begin
//you can remove responsive code if you don't want the slider scales while window resizing
function ScaleSlider() {
var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
if (parentWidth) {
jssor_slider1.$ScaleWidth(parentWidth - 30);
}
else
window.setTimeout(ScaleSlider, 30);
}
ScaleSlider();
$(window).bind("load", ScaleSlider);
$(window).bind("resize", ScaleSlider);
$(window).bind("orientationchange", ScaleSlider);
//responsive code end
});
</script>
<script>
function blink_text() {
$('.blink').fadeOut(300);
$('.blink').fadeIn(300);
}
setInterval(blink_text, 500);
</script>
<script>
var slideIndex = 1;
showSlides(slideIndex);
function plusSlides(n) {
showSlides(slideIndex += n);
}
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("dot");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
}
</script>
<script type="text/javascript" charset="utf-8">
var $ = jQuery.noConflict();
$(window).load(function() {
$('.flexslider').flexslider({
animation: "fade"
});
$(function() {
$('.show_menu').click(function(){
$('.menu').fadeIn();
$('.show_menu').fadeOut();
$('.hide_menu').fadeIn();
});
$('.hide_menu').click(function(){
$('.menu').fadeOut();
$('.show_menu').fadeIn();
$('.hide_menu').fadeOut();
});
});
});
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
var elements = document.querySelectorAll('.animate-number');
elements.forEach(function(element) {
var endValue = parseInt(element.getAttribute('data-value'), 10);
var duration = parseInt(element.getAttribute('data-animation-duration'), 10);
animateValue(element, 0, endValue, duration);
});
});
function animateValue(element, start, end, duration) {
var range = end - start;
var stepTime = Math.abs(Math.floor(duration / range));
var startTime = new Date().getTime();
var endTime = startTime + duration;
var timer;
function run() {
var now = new Date().getTime();
var remaining = Math.max((endTime - now) / duration, 0);
var value = Math.round(end - (remaining * range));
element.textContent = value;
if (value == end) {
clearInterval(timer);
}
}
timer = setInterval(run, stepTime);
run();
}
</script>
</div>
</div>
</div>
<?php
require_once("lib/footer.php");
?>
</body>
</html>
Linux 65-254-81-4.cprapid.com 5.14.0-284.11.1.el9_2.x86_64 #1 SMP PREEMPT_DYNAMIC Tue May 9 05:49:00 EDT 2023 x86_64
Apache
65.254.81.4