Server IP : 103.191.208.50 / Your IP : 216.73.216.53 Web Server : LiteSpeed System : Linux orion.herosite.pro 4.18.0-553.53.1.lve.el8.x86_64 #1 SMP Wed May 28 17:01:02 UTC 2025 x86_64 User : celkcksm ( 1031) PHP Version : 7.4.33 Disable Function : show_source, system, shell_exec, passthru, popen, exec MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0750) : /home/celkcksm/jrslawcollege.com/ |
[ Home ] | [ C0mmand ] | [ Upload File ] |
---|
<!DOCTYPE html> <html lang="en"> <head> <link rel="canonical" href="../about-us/about-us.html" /> <title>Gallery</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="keyword" content="About Us"> <meta name="description" content="Alliance reimagines the idea of the university by creating a community that leads the charge against the complex challenges of the 21st century"> <link rel="image_src" href="" /> <link href="https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&display=swap&subset=latin-ext,vietnamese" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" /> <link rel="stylesheet" href="../siteassets/css/font-awesome.min.css"> <link rel="stylesheet" href="../siteassets/css/bootstrap.min.css"> <link rel="stylesheet" href="../siteassets/css/colorbox.css" /> <link href="../siteassets/css/style.css" rel="stylesheet" /> <link href="../siteassets/css/style-mob.css" rel="stylesheet" /> <link rel="stylesheet" href="../siteassets/css/owl.carousel.min.css" /> <link rel="stylesheet" href="../siteassets/css/owl.theme.default.min.css" /> <link rel="stylesheet" href="../siteassets/css/responsive.css" /> <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css"> <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css'> <link rel="stylesheet" href="../siteassets/css/custom.css"> <link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet"> <link rel="shortcut icon" href="../siteassets/images/favicon.ico"> <script src="../siteassets/js/jquery.min.js?ver-1"></script> <link rel="shortcut icon" href="siteassets/favicon.png"> <style> /* Top Header Navigation */ .topnav { font-family: Muli, sans-serif; background: #141530; position: relative; z-index: 9 } .topnav ul { padding: 0; margin: 0; list-style: none; position: relative; height: 33px; float: right } .topnav ul li { display: inline-block; background-color: #141530; margin-left: 1rem; } .topnav a { display: block; padding: 4px 3px; color: #fff; font-size: 13px; letter-spacing: 1px; line-height: 18px; text-decoration: none } .topnav a:hover { background-color: #141530; opacity: 0.75; } .topnav ul ul { display: none; position: absolute; top: 27px } .topnav ul li:hover>ul { display: inherit } .topnav ul ul li { width: 280px; float: none; display: list-item; position: relative; border-top: 1px solid #141530 } .topnav ul ul li ul li { width: 280px; background-color: #020202; } .topnav ul ul li ul li a:hover { background-color: #141530; opacity: 1; } .topnav ul ul li ul li a { line-height: 18px; padding: 8px; } .topnav ul ul ul li { position: relative; top: -30px; left: 280px } .topnav li>a:after { content: "\25be"; float: right; color: gray } .topnav li>a:only-child:after { content: '' } .topnav span { color: #fff; background: #600; padding: 7px 10px; overflow: hidden; z-index: 1; position: relative; z-index: 1; font-size: 16px; font-weight: 900; letter-spacing: 2px } /* Gallery Grid */ .gallery-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; } /* Image Card */ .gallery-item { overflow: hidden; border-radius: 10px; cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease; } .gallery-item img { width: 100%; border-radius: 10px; transition: transform 0.3s ease; } .gallery-item:hover { transform: scale(1.05); box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); } .modal{ padding-top: 0 !important; top: 0 !important; } /* Modal Fixed Height */ .modal-dialog { /*height: 90vh;*/ display: flex; align-items: center; justify-content: center; } .modal-content { background: none !important; border: none; height: 100%; display: flex; align-items: center; justify-content: center; } /* Ensure images fit properly */ .modal-body img { max-width: 100%; max-height: 85vh; display: block; object-fit: contain; } #loader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: url("//upload.wikimedia.org/wikipedia/commons/thumb/e/e5/Phi_fenomeni.gif/50px-Phi_fenomeni.gif") 50% 50% no-repeat rgb(249, 249, 249); } </style> </head> <body oncontextmenu="return false;"> <div class="search-box"> <a href="JavaScript:Void(0);" class="search-close"><img src="../siteassets/images/close-icon.png" alt="Close Icon"></a> <div class="search-box-main"> <form action="https://www.alliance.edu.in/alliance-search" method="get"> <input placeholder="What are your looking for?" required type="text" name="q" id="q"> <input type="submit" class="search-btn"> </form> </div> </div> <!-- Sidebar Social Icon Start--> <!-- <div class="sideicons"> <a href="https://api.whatsapp.com/send/?phone=919606048546&text&app_absent=0" class="callnow-whatsapp" rel="tooltip" data-placement="bottom" title="Click to Chat" target="_blank"><i class="fa fa-whatsapp"></i> Whatsapp </a> </div> --> <a href="tel:+917001181348"> <button class="btn-floating phone"> <i class="fa-solid fa-phone-volume" style="font-size: 24px;"></i> <span>+91 70011 81348</span> </button> </a> <a href="https://api.whatsapp.com/send?phone=917001181348" target="_blank"> <button class="btn-floating whatsapp"> <i class="fa-brands fa-whatsapp"></i> <span>+91 70011 81348</span> </button> </a> <!-- Sidebar Social Icon End--> <!-- Header Start --> <header class="main-section fixed-top scrolling-navbar"> <!-- top nav start --> <div class="container-fluid"> <div class="row"> <div class="col-md-12 d-flex justify-content-sm-center" style="background-color: #141530;color:#FFF !important;"> <div class="topdivhide"> <div class="topnav d-none d-md-block"> <div class="container-fluid"> <div class="row"> <div class="col-md-12"> <ul> <li><a href="admissions/admisson-enquiry.html">Admission Enquiry</a></li> <li><a href="contact.html">Contact Us</a></li> <!-- <li style="color: #ffffff;"><i class="fa-solid fa-phone-volume"></i> +91 7001181348 / +91 7719130456</li> --> <li style="color: #ffffff;"><a href="tel:917001181348"><i class="fa-solid fa-phone-volume"></i> +91 7001181348</a></li> <li style="color: #ffffff;"><a href="tel:917719130456"><i class="fa-solid fa-phone-volume"></i> +91 7719130456</a></li> <li style="color: #ffffff;"><i class="fa-regular fa-envelope"></i> jrsetcle@gmail.com</li> <li style="color: #ffffff;"><i class="fa-solid fa-location-arrow"></i> Uttar Panchpota, Chakdaha, Nadia, WB, 741222</li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- top nav end --> <nav class="navbar navbar-expand-lg navbar-dark" style="background-color: #660000;"> <a class="navbar-brand d-lg-none" href="#"><img src="siteassets/jrset-logo.png" alt="alliance_university"></a> <!--<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#myNavbarToggler7" aria-controls="myNavbarToggler7" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>--> <div class="main-menu"> <ul class="navbar-nav align-items-center mx-auto"> <li class="about-menu"><a href="/">Home</a></li> <!-- About Us --> <li class="about-menu drop-down_menu"> <a href="about-us/about-us.html" class="mm-arr">About Us</a> <div class="mm-pos"> <div class="about-mm m-menu"> <div class="m-menu-inn"> <div class="container"> <div class="row"> <div class="col-md-4"> <div class="mm1-com mm1-s1"> <div class="ed-course-in"> <p>JRSET College of Law is affiliated to the University of Kalyani and recognized by Bar Council of India (B.C.I). It is located ideally in a pollution also easily accessible from Palpara railway station (1.5km).</p> </div> </div> </div> <div class="col-md-4"> <div class="mm1-com mm1-s2"> <div class="mm1-com mm1-cour-com mm1-s3"> <h4><a href="about-us/about-us.html">About Us</a></h4> <p style="display:none;">The mission of the University is to create and sustain a community of lifelong learners in an environment that emphasizes literacy, critical thinking, and humanistic and scientific inquiry.</p> <h4><a href="about-us/chairman-desk.html">Chairman Desk </a></h4> <h4><a href="about-us/principal-speech.html">Principal Speech </a></h4> <h4><a href="about-us/aims-and-objectives.html">Aims and Objectives</a></h4> <h4><a href="activities.html">Activities</a></h4> </div> </div> </div> <div class="col-md-4"> <div class="mm1-com mm1-s2"> <div class="mm1-com mm1-cour-com mm1-s3"> <h4><a href="about-us/faculty.html">Faculty </a></h4> <!--<h4><a href="https://www.alliance.edu.in/about-us/csr">CSR</a></h4>--> <p style="display:none;">CSR at the University encourages and propels students to imbibe the qualities of enlightened leadership and thereby instills in them a level of trust and confidence about themselves and the community.</p> <h4><a href="about-us/teaching-methodology.html">Teaching Methodology </a></h4> <h4><a href="about-us/student-grievance-redressal.html">Student Grievance Redressal </a></h4> <h4><a href="about-us/anti-ragging.html">Anti Ragging</a></h4> </div> </div> </div> </div> </div> </div> </div> </div> </li> <!--Academic Units--> <li class="about-menu drop-down_menu"> <a href="academics/academics.html" class="mm-arr">Academics</a> <div class="mm-pos"> <div class="about-mm m-menu"> <div class="m-menu-inn"> <div class="container"> <div class="row"> <div class="col-md-4"> <div class="mm1-com mm1-s1"> <div class="ed-course-in"> <p>JRSET College of Law is affiliated to the University of Kalyani and recognized by Bar Council of India (B.C.I). It is located ideally in a pollution also easily accessible from Palpara railway station (1.5km).</p> </div> </div> </div> <div class="col-md-4"> <div class="mm1-com mm1-s2"> <div class="mm1-com mm1-cour-com mm1-s3"> <h4><a href="academics/academics.html">Academics</a></h4> <p style="display:none;">The mission of the University is to create and sustain a community of lifelong learners in an environment that emphasizes literacy, critical thinking, and humanistic and scientific inquiry.</p> <h4><a href="academics/dress-codes.html">Dress Codes </a></h4> <!-- <h4><a href="academics/staff-details.html">Staff Details</a></h4> --> <h4><a href="academics/library.html">Library</a></h4> <h4><a href="academics/syllabus.html">Syllabus</a></h4> </div> </div> </div> <div class="col-md-4"> <div class="mm1-com mm1-s2"> <div class="mm1-com mm1-cour-com mm1-s3"> <h4><a href="academics/affiliations.html">Affiliation </a></h4> <!--<h4><a href="https://www.alliance.edu.in/about-us/csr">CSR</a></h4>--> <p style="display:none;">CSR at the University encourages and propels students to imbibe the qualities of enlightened leadership and thereby instills in them a level of trust and confidence about themselves and the community.</p> <h4><a href="academics/question-papers.html">Question Papers </a></h4> <h4><a href="academics/semester-routines.html">Semester Routines </a></h4> <h4><a href="academics/notice-board.html">Notice Board </a></h4> </div> </div> </div> </div> </div> </div> </div> </div> </li> <!--Center Logo--> <a class="d-none d-lg-block text-center" href="/" style="z-index:999;"><img src="../siteassets/jrset-logo.png" alt="alliance_university_logo" class="w-25"></a> <!-- Admission --> <li class="about-menu drop-down_menu"> <a href="#" class="mm-arr">Admission</a> <div class="mm-pos"> <div class="about-mm m-menu"> <div class="m-menu-inn"> <div class="container"> <div class="row"> <div class="col-md-4 acad-colm1"> <div class="mm1-com mm1-s2"> <div class="mm1-com mm1-cour-com mm1-s3"> <p>With rich industry experience and academic backgrounds par excellence, the faculty at Alliance is a unique ensemble of scholars and public intellectuals from India and abroad.</p> </div> </div> </div> <div class="col-md-4"> <div class="mm1-com mm1-s2"> <div class="mm1-com mm1-cour-com mm1-s3"> <h4><a href="admissions/admisson-enquiry.html">Admission Enquiry</a></h4> <h4><a href="admissions/admission-cell.html">Admission Cell</a></h4> <h4><a href="admissions/educational-criteria.html">Educational Criteria</a></h4> <h4><a href="uploads/prospectus/jrset-prospectus-2025.pdf">Prospectus</a></h4> </div> </div> </div> </div> </div> </div> </div> </div> </li> <!--Gallery--> <li class="about-menu"><a href="gallery.html">Gallery</a></li> <!--Contact--> <li class="about-menu"><a href="contact.html">Contact Us</a></li> <!-- Mobile Menu Start --> <li class="mobile_menu_sec"> <div class="humburger-menu"> <div class="mobile_nav group_menu"> <a href="javascript:void(0);" class="mobile_nav_icon fa-solid fa-bars" style="font-size: 1.5rem; align-content: center;"></a> <div class="collapse navbar-collapse main-menu" id="navbarResponsive2"> <div id="accordion"> <ul class="navbar-nav ml-auto"> <!-- About Us Start --> <li class="nav-item only_mobile"> <a class="submenu collapsed" href="about-us/about-us.html" data-toggle="collapse" data-target=".submenu79" aria-expanded="false">About Us</a> <div aria-expanded="false" class="submenu79 collapse" data-parent="#accordion" data-toggle="#accordion"> <ul> <li><a class="dropdown-item" href="about-us/about-us.html">About Us</a></li> <li><a class="dropdown-item" href="about-us/chairman-desk.html">Chairman Desk</a></li> <li><a class="dropdown-item" href="about-us/principal-speech.html">Principal Speech</a></li> <li><a class="dropdown-item" href="about-us/aims-and-objectives.html">Aims and Objectives</a></li> <li><a class="dropdown-item" href="about-us/anti-ragging.html">Anti Ragging</a></li> <li><a class="dropdown-item" href="about-us/faculty.html">Faculty</a></li> <li><a class="dropdown-item" href="about-us/teaching-methodology.html">Teaching Methodology</a></li> <li><a class="dropdown-item" href="about-us/student-grievance-redressal.html">Student Grievance Redressal </a></li> <li><a class="dropdown-item" href="activities.html">Activities </a></li> </ul> </div> </li> <!-- Academics Start--> <li class="nav-item only_mobile"> <a class="submenu collapsed" data-toggle="collapse" data-target=".submenu80" aria-expanded="false">Academics</a> <div aria-expanded="false" class="submenu80 collapse" data-parent="#accordion" data-toggle="#accordion"> <ul> <li><a class="dropdown-item" href="academics/academics.html">Academics</a></li> <li><a class="dropdown-item" href="academics/dress-codes.html">Dress Codes</a></li> <li><a class="dropdown-item" href="academics/staff-details.html">Staff Details</a></li> <li><a class="dropdown-item" href="academics/library.html">Library</a></li> <li><a class="dropdown-item" href="academics/syllabus.html">Library</a></li> <li><a class="dropdown-item" href="academics/affiliations.html">Affiliations</a></li> <li><a class="dropdown-item" href="academics/question-papers.html">Question Papers </a></li> <li><a class="dropdown-item" href="academics/semester-routines.html">Semester Routines </a></li> <li><a class="dropdown-item" href="academics/notice-board.html">Notice Board </a></li> </ul> </div> </li> <!-- Admissions--> <li class="nav-item only_mobile"> <a href="#" class="submenu collapsed" data-toggle="collapse" data-target=".submenufaculty" aria-expanded="false">Admission</a> <div aria-expanded="false" class="submenufaculty collapse" data-parent="#accordion" data-toggle="#accordion"> <ul> <li><a class="dropdown-item" href="admissions/admisson-enquiry.html">Admission Enquiry</a></li> <li><a class="dropdown-item" href="admissions/course-and-course-fees.html">Course and Course Fees</a></li> <li><a class="dropdown-item" href="admissions/educational-criteria.html">Educational Criteria</a></li> </ul> </div> </li> <li class="nav-item only_mobile"><a href="gallery.html">Gallery</a></li> <!-- <li class="nav-item only_mobile"><a href="activities.html">Activities</a></li> --> <li class="nav-item only_mobile"><a href="contact.html">Contact</a></li> </ul> </div> </div> </div> </div> </li> </ul> </div> </nav> </header> <!-- Header End --> <!--- No Paper Forms ------> <button class="trigger_popup" onclick="window.location.href='contact.html'">Enquire Now</button> <!-- <div id="myModal" class="modal" data-backdrop="static" data-keyboard="false"> <div class="modal-content"> <div class="head_text" >Enquire Now</div> <span class="close">×</span> <div class="npf_wgts" data-height="470px" data-w="85815a16c736bccc4230392893ac644a"></div> </div> </div> --> <script> // Get the modal var modal = document.getElementById("myModal"); // Get the button that opens the modal var btn = document.getElementById("myBtn"); // Get the <span> element that closes the modal var span = document.getElementsByClassName("close")[0]; // When the user clicks the button, open the modal btn.onclick = function() { modal.style.display = "block"; } // When the user clicks on <span> (x), close the modal span.onclick = function() { modal.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it /* window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } } */ </script> <section class="main_about Media csr-section"> <div class="container"> <div class="row"> <div class="col-md-12"> <h1 class="about-heading">Gallery </h1> </div> </div> </div> <div class="container mb-5"> <div class="gallery-container" id="gallery"></div> </div> <!-- Modal for Full-Screen Image --> <div class="modal fade" id="imageModal" tabindex="-1" aria-labelledby="imageModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-body p-0 d-flex align-items-center justify-content-center"> <img id="modalImage" src="" class="d-block w-100"> </div> </div> </div> </div> </section> <!-- FOOTER --> <section class="wed-hom-footer"> <div class="container"> <!--row start--> <div class="row wed-foot-link"> <!-- a col 1 --> <div class="col-md-2 col-lg-2 col-6 foot-tc-mar-t-o"> <h4>About</h4> <ul> <li><a href="about-us/about-us.html">About Us</a></li> <li><a href="about-us/principal-speech.html">Principal Speech</a></li> <li><a href="about-us/aims-and-objectives.html">Aims and Objectives</a></li> <li><a href="about-us/faculty.html">Faculty</a></li> <li><a href="about-us/teaching-methodology.html">Teaching Methodology </a></li> </ul> </div> <!-- a col 1--> <!-- a col 2--> <div class="col-md-2 col-lg-2 col-6 foot-tc-mar-t-o"> <h4>Academics</h4> <ul> <li><a href="academics/academics.html">Academics Overview</a></li> <li><a href="academics/dress-codes.html">Dress Codes</a></li> <li><a href="academics/staff-details.html">Staff Details</a></li> <li><a href="academics/library.html">Library</a></li> <li><a href="academics/affiliations.html">Affiliation</a></li> <li><a href="academics/question-papers.html">Question Papers</a></li> <li><a href="academics/semester-routines.html">Semester Routines</a></li> </ul> </div> <!-- a col 2--> <!-- a col 3--> <div class="col-md-2 col-lg-2 col-6 foot-tc-mar-t-o"> <h4>Admission</h4> <ul> <li><a href="admissions/admisson-enquiry.html">Admissiom Enquiry</a></li> <li><a href="admissions/course-and-course-fees.html">Course and Course Fees</a></li> <li><a href="admissions/educational-criteria.html">Educational Criteria</a></li> <li><a href="admissions/syllabus.html">Syllabus</a></li> </ul> </div> <!-- a col 3--> <!-- a col 4--> <div class="col-md-2 col-lg-2 col-6 foot-tc-mar-t-o mobile-ftr1"> <h4>Important Links</h4> <ul> <li><a href="contact.html">Contact Us</a></li> <li><a href="academics/notice-board.html">Notice Board</a></li> <li><a href="about-us/student-grievance-redressal.html">Student Grievance Redressal</a></li> <li><a href="activities.html">Activities</a></li> <li><a href="gallery.html" target="_blank">Gallery</a></li> </ul> </div> <!-- a col 4--> <!-- a col 5--> <div class="col-md-3 text-center"> <ul> <li class="responsive-footer-logo-text-center"> <h4> <a href="/"><img src="siteassets/jrset-logo.png" alt="JRSET College of Law" align="left" class="responsive-footer-logo-text-center" /></a> </h4> </li> <li class="responsive-footer-logo-text-center"> <h4>follow us</h4> <p class="social"> <!-- <span> <a target="_blank" href="https://www.facebook.com/AllianceUniOfcl" class="icon-link round facebook fill"><i class="fa-brands fa-facebook"></i></a></span> <span> <a target="_blank" href="https://twitter.com/AllianceUniOfcl" class="icon-link round twitter fill"><i class="fa-brands fa-instagram"></i></a></span> --> <span class="pr-2"><a href="https://www.facebook.com/JRSET.LawCollege/" target="_blank"><i class="fa-brands fa-square-facebook" style="font-size: 24px;"></i></a></span> <span><a href="https://www.instagram.com/explore/locations/461068480686521/jrset-college-of-law/?locale=us&hl=am-et" target="_blank"><i class="fa-brands fa-instagram" style="font-size: 24px;"></i></a></span> </p> </li> </ul> <ul> <li> <p> <!-- <a href="/"><i class="fa fa-copyright"></i> JRSET College of Law</a> <p>Developed By <a href="https://ncriptech.com">NCRIPTECH</a></p> --> </p> </li> </ul> </div> </div> <!--row end--> <div class="row mt-4"> <div class="container"> <div class="col-12"> <p> <p class="text-center"><i class="fa-regular fa-copyright"></i> JRSET College of Law. All Rights Reserved. Developed By <a href="https://ncriptech.com " style="color: #fff; font-size: 15px;">NCRIPTECH</a></p> </p> </div> </div> </div> </div> </section> <script src="siteassets/js/custom.js" defer="defer"></script> <script src="siteassets/js/jquery.min.js"></script> <script src="siteassets/js/js-combine.js" defer="defer"></script> <script src="https://code.jquery.com/jquery-migrate-1.4.1.min.js"></script> <!-- "uploads/gallery/gal-1.jpg", --> <script> // Array of image URLs /* const images = [ "uploads/images/group2.jpg", "uploads/images/classroom.jpg", "uploads/images/classroom4.jpg", "uploads/images/library2.jpg", "uploads/images/group.jpg", "uploads/images/speech.jpg", "uploads/images/corridor.jpg", "uploads/gallery/gal-1.jpg", "uploads/gallery/gal-2.jpg", "uploads/gallery/gal-3.jpg", "uploads/gallery/gal-4.jpg", "uploads/gallery/gal-5.jpg", "uploads/gallery/gal-6.jpg", "uploads/gallery/gal-7.jpg", "uploads/gallery/gal-8.jpg", "uploads/gallery/gal-9.jpg", "uploads/gallery/gal-10.jpg", "uploads/gallery/gal-21.jpg", "uploads/gallery/gal-22.jpg", "uploads/gallery/gal-23.jpg", "uploads/gallery/gal-24.jpg", "uploads/gallery/gal-25.jpg", "uploads/gallery/gal-26.jpg", "uploads/gallery/gal-27.jpg", "uploads/gallery/gal-28.jpg", "uploads/gallery/gal-29.jpg", "uploads/gallery/gal-30.jpg", "uploads/gallery/gal-31.jpg", "uploads/gallery/gal-32.jpg", "uploads/gallery/gal-33.jpg", "uploads/gallery/gal-34.jpg", "uploads/gallery/gal-35.jpg", "uploads/gallery/gal-36.jpg", "uploads/gallery/gal-37.jpg", "uploads/gallery/gal-38.jpg", "uploads/gallery/gal-39.jpg", "uploads/gallery/gal-40.jpg", "uploads/gallery/gal-41.jpg", "uploads/gallery/gal-42.jpg", "uploads/gallery/gal-43.jpg", "uploads/gallery/gal-44.jpg", "uploads/gallery/gal-45.jpg", "uploads/gallery/gal-46.jpg", "uploads/gallery/gal-47.jpg", "uploads/gallery/gal-48.jpg", "uploads/gallery/gal-49.jpg", "uploads/gallery/gal-52.jpg", "uploads/gallery/gal-53.jpg", "uploads/gallery/gal-50.jpg", "uploads/gallery/gal-51.jpg", "uploads/gallery/gal-54.jpg", "uploads/gallery/gal-55.jpg", "uploads/gallery/gal-56.jpg", "uploads/gallery/gal-57.jpg", "uploads/gallery/gal-58.jpg", "uploads/gallery/gal-59.jpg", "uploads/gallery/gal-60.jpg", "uploads/gallery/gal-61.jpg", "uploads/gallery/gal-62.jpg", "uploads/gallery/gal-63.jpg", "uploads/gallery/gal-64.jpg", "uploads/gallery/gal-65.jpg", "uploads/gallery/gal-66.jpg", "uploads/gallery/gal-67.jpg", "uploads/gallery/gal-68.jpg", "uploads/gallery/gal-69.jpg", "uploads/gallery/gal-70.jpg", "uploads/gallery/gal-71.jpg", "uploads/gallery/gal-72.jpg", "uploads/gallery/gal-73.jpg", "uploads/gallery/gal-74.jpg", "uploads/gallery/gal-75.jpg", "uploads/gallery/gal-76.jpg", "uploads/gallery/gal-77.jpg", "uploads/gallery/gal-78.jpg", "uploads/gallery/gal-79.jpg", "uploads/gallery/gal-80.jpg", "uploads/gallery/gal-81.jpg", "uploads/gallery/gal-82.jpg", "uploads/gallery/gal-83.jpg", "uploads/gallery/gal-84.jpg", "uploads/gallery/gal-85.jpg", "uploads/gallery/gal-86.jpg", "uploads/gallery/gal-87.jpg", "uploads/gallery/gal-88.jpg", "uploads/gallery/gal-89.jpg", "uploads/gallery/gal-90.jpg", "uploads/gallery/gal-91.jpg", "uploads/gallery/gal-92.jpg", "uploads/gallery/gal-93.jpg", "uploads/gallery/gal-94.jpg", "uploads/gallery/gal-95.jpg", "uploads/gallery/gal-96.jpg", "uploads/gallery/gal-97.jpg", "uploads/gallery/gal-98.jpg", "uploads/gallery/gal-99.jpg", "uploads/gallery/gal-100.jpg", "uploads/gallery/gal-101.jpg", "uploads/gallery/gal-102.jpg", "uploads/gallery/gal-103.jpg", "uploads/gallery/gal-104.jpg", "uploads/gallery/gal-105.jpg", "uploads/gallery/gal-106.jpg", "uploads/gallery/gal-107.jpg", "uploads/gallery/gal-108.jpg", "uploads/gallery/gal-109.jpg", "uploads/gallery/gal-110.jpg", "uploads/gallery/gal-111.jpg", "uploads/gallery/gal-112.jpg", "uploads/gallery/gal-113.jpg", ]; */ //const gallery = document.getElementById("gallery"); // const modalImage = document.getElementById("modalImage"); $(document).ready(function(){ $.ajax({ type: 'GET', //THIS NEEDS TO BE GET url: 'https://jrslawcollege.com/administartor/get_all_gallery', dataType: 'json', beforeSend: function(){ $('#loader').show(); }, success: function (data) { console.log(data.data); const images2 = data.data; const gallery = document.getElementById("gallery"); const modalImage = document.getElementById("modalImage"); images2.forEach((imgSrc) => { // Create gallery image card const div = document.createElement("div"); div.className = "gallery-item"; div.innerHTML = `<img src="${imgSrc}" class="img-fluid" data-bs-toggle="modal" data-bs-target="#imageModal">`; gallery.appendChild(div); // Open image in modal div.addEventListener("click", () => { modalImage.src = imgSrc; }); }); },error:function(){ console.log(data); }, complete: function(){ $('#loader').hide(); }, }); }); </script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <script type="text/javascript"> // Make ColorBox responsive /*jQuery.colorbox.settings.maxWidth = '95%'; jQuery.colorbox.settings.maxHeight = '95%';*/ // ColorBox resize function /*var resizeTimer; function resizeColorBox() { if (resizeTimer) clearTimeout(resizeTimer); resizeTimer = setTimeout(function() { if (jQuery('#cboxOverlay').is(':visible')) { jQuery.colorbox.load(true); } }, 300); } // Resize ColorBox when resizing window or changing mobile device orientation jQuery(window).resize(resizeColorBox); window.addEventListener("orientationchange", resizeColorBox, false);*/ /*****code for newsletter start here*****/ $(document).ready(function() { /*news start*/ $('.aunews-panel-slider').owlCarousel({ loop: true, nav: true, autoplay: true, autoplayTimeout: 5000, autoplayHoverPause: true, items: 1 }); /*news End*/ /*events start*/ $('.auevents-panel-slider').owlCarousel({ loop: true, nav: true, autoplay: true, autoplayTimeout: 5000, autoplayHoverPause: true, items: 1 }); /*events End*/ /*media start*/ $('.aumedia-panel-slider').owlCarousel({ loop: true, nav: true, autoplay: true, autoplayTimeout: 5000, autoplayHoverPause: true, items: 1 }); /*media End*/ /*brand logo*/ $('.brand-carousel').owlCarousel({ loop: true, margin: 10, autoplay: true, responsive: { 0: { items: 1 }, 600: { items: 3 }, 1000: { items: 5 } } }); /*cantesti_slider start*/ $('.cantesti_slider').owlCarousel({ loop: false, margin: 10, nav: false, autoplay: true, autoplayHoverPause: true, responsive: { 0: { items: 1 }, 600: { items: 1 }, 1000: { items: 1 } }, }) /*cantesti_slider start*/ }); /*****code for newsletter end here*****/ if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { //$('.join-conversation').remove(); /* if($(".img_infra img.img-fluid.lazy").hasClass("lazy")) { $('.img_infra img.img-fluid').removeClass("lazy"); $('.img_infra img.img-fluid').remove(); } $('.hide_infra_items_on_mobile').remove(); */ //$('.position-relative.banner').remove(); } lazyload(); window.onscroll = function(ev) { lazyload(); } function lazyload() { var lazyImage = document.getElementsByClassName('lazy'); for (var i = 0; i < lazyImage.length; i++) { if (elementInViewport(lazyImage[i])) { lazyImage[i].setAttribute('src', lazyImage[i].getAttribute('data-src')); } } } function elementInViewport(el) { var rect = el.getBoundingClientRect(); return ( rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.ClientHeight) && rect.right <= (window.innerWidth || document.documentElement.ClientWidth) ); } </script> <!-- Modal Pop up--> <div class="modal fade" id="myModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" > <div class="modal-content" style="background-color: white;"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Welcome to JRSET College Of Law</h5> <!-- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> --> </div> <div class="modal-body text-center"> <img src="siteassets/images/modal-image.jpg" class="img-fluid mb-3" alt="Placeholder Image"> <h6>For Admission related information, Call</h6> <div class="row mb-2"> <div class="col-6"> <a href="tel:917001181348" class="btn btn-dark"><i class="fa-solid fa-phone-volume" style="color: #ffffff;"></i> +91 7001181348</a> </div> <div class="col-6"> <a href="tel:917719130456" class="btn btn-dark"><i class="fa-solid fa-phone-volume" style="color: #ffffff;"></i> +91 7719130456</a> </div> </div> </div> </div> </div> </div> <script> document.addEventListener("DOMContentLoaded", function() { setTimeout(function() { var myModal = new bootstrap.Modal(document.getElementById('myModal')); myModal.show(); }, 3000); }); </script> <style> #myModal .modal-content { height: auto; } </style> </body> </html>