Şuanki Dizin: /home/wwwdreamtechnolo/public_html/lbpmsolapur.org/ |
Şuanki Dosya : /home/wwwdreamtechnolo/public_html/lbpmsolapur.org/index100.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:#fff5e6"> <?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:10px;"> <center> <div class="data_container" style="margin:0px !important; padding:15px !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:50%;"> <div class="flexslider" style="height: 500px; 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: 500px;" /> <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> <br> <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> <marquee style="background-color:#008080; padding:5px; margin-bottom:-5px; text-transform:uppercase; margin-top:-20px; " behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="7"> <?php $details = $db->get_all_new_and_events_images(); $counter = 0; if(!empty($details)) { foreach($details as $record) { $id = $details[$counter][0]; $title = $details[$counter][1]; $image = $details[$counter][2]; ?> <a href="/gallery/<?php echo $image; ?>" target="_blank" style="color:white!important; margin-left:15px;"><img src="/images/pngtree-yellow-star-clipart-vector-png-image_6580756.png" style="hight:30px;width:30px"/><?php echo $title; ?></a> <?php $counter ++; } } ?> </marquee> <!-- <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"> <div class="common-heading">Meet Our Leaders</div> <div class="section1-container"> <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 card1"> <div class="leader-title">Principal Desk</div> <br> <img src="images/Principa Photo.jpg" alt="Principal Dr. S. R. Dhere"> <div class="leader-title">Principal Dr. S. R. Dhere</div> <p><br><br> Laxmibai Bhaurao Patil Mahila Mahavidyalaya is an institute committed to the empowerment of girl students. <br><br><br><a href="http://lbpmsolapur.org/about-us.php#principal_msg">Read More</a> </p> <div class="additional-info"> </div> </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"> <!-- <div class="data_container1" style="margin-top:0px; "> --> <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;"> <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> </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> </div> </div> </div> <style> .counter-section { background-position: center center; background-size: cover; position: relative; z-index: 1; padding-top: 40px; /* padding: 40px; */ /* padding-bottom:-40px; */ margin: auto; } .counter-section .container { position: relative; z-index: 2; } .flex-container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .funfact { flex: 1 1 18%; margin-bottom: 30px; box-sizing: border-box; } .funfact i { font-size: 40px; margin-bottom: 10px; display: block; } .funfact h2 { font-size: 38px; font-weight: 500; margin: 10px 0; } .funfact h4 { font-size: 22px; font-weight: bold; text-transform: uppercase; margin-top: 10px; } .divider:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url("images/b1.jpg") no-repeat center center; background-size: cover; opacity: 0.3; z-index: 1; } .layer-overlay { position: relative; z-index: 2; } .text-center{ text-align: center; } </style> <!-- counter section --> <section class="counter-section divider parallax layer-overlay" style="background-image: url('images/bg/bg66.jpg'); background-position: 50% 218px;"> <div class="container pt-70 pb-60"> <div class="row flex-container"> <div class="funfact text-center"> <i class="fa fa-star mt-5 text-white"></i> <h2 data-animation-duration="2000" data-value="34" class="animate-number text-white mt-0 font-38 font-weight-500">0</h2> <h4 class="text-white text-uppercase">+ Years</h4> </div> <!--<div class="funfact text-center">--> <!-- <i class="fa fa-users mt-5 text-white"></i>--> <!-- <h2 data-animation-duration="2000" data-value="1400" class="animate-number text-white mt-0 font-38 font-weight-500">0</h2>--> <!-- <h4 class="text-white text-uppercase">Faculty</h4>--> <!--</div>--> <div class="funfact text-center"> <i class="fa fa-home mt-5 text-white"></i> <h2 data-animation-duration="2000" data-value="9" class="animate-number text-white mt-0 font-38 font-weight-500">0</h2> <h4 class="text-white text-uppercase">DEPARTMENT</h4> </div> <div class="funfact text-center"> <i class="fa fa-users mt-5 text-white"></i> <h2 data-animation-duration="2000" data-value="1400" class="animate-number text-white mt-0 font-38 font-weight-500">0</h2> <h4 class="text-white text-uppercase">+ Students</h4> </div> <div class="funfact text-center"> <i class="fa fa-graduation-cap mt-5 text-white"></i> <h2 data-animation-duration="2000" data-value="42" class="animate-number text-white mt-0 font-38 font-weight-500">0</h2> <h4 class="text-white text-uppercase">COURSES</h4> </div> </div> </div> </section> <!-- 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: 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{ 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; background-color: aliceblue; } .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> --> <br /> <br /> <!-- <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