MMCT TEAM
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  ]

Current File : /home/celkcksm/jrslawcollege.com/gallery.html
<!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> &nbsp;+91 7001181348 / +91 7719130456</li> -->
                                    
                                    <li style="color: #ffffff;"><a href="tel:917001181348"><i class="fa-solid fa-phone-volume"></i> &nbsp;+91 7001181348</a></li>
    
                                    <li style="color: #ffffff;"><a href="tel:917719130456"><i class="fa-solid fa-phone-volume"></i> &nbsp;+91 7719130456</a></li>
    
                                    <li style="color: #ffffff;"><i class="fa-regular fa-envelope"></i> &nbsp;jrsetcle@gmail.com</li>
          
                                    <li style="color: #ffffff;"><i class="fa-solid fa-location-arrow"></i> &nbsp;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">&times;</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>&nbsp;JRSET College of Law. &nbsp;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>

MMCT - 2023