EVOLUTION-NINJA

Edit File: gallery.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Amcad bharath</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/amcadStyles.css">
    <style>
        .BANNERIMG {
            width: 80%;
        }

.galYtb {
            width: 550px;
            height:300px
        }

@media only screen and (min-width:629px) and (max-width:1195px) {
            .BANNERIMG {
                width: 90%;
            }
        }

@media only screen and (max-width:628px) {
            .BANNERIMG {
                width: 90%;
            }

.galYtb {
                width: 90%;
                margin:auto
            }
        }
    </style>
</head>

<nav class="navbar navbar-expand-lg  ">
        <div class="container-fluid">

<div class="collapse navbar-collapse mainNavBar" id="navbarNavDropdown">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link  NavLinks" aria-current="page" href="index.html">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link NavLinks" href="aboutUs.html">About Us</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link NavLinks" href="programsPage.html">PROGRAMS</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link  NavLinks" aria-current="page" href="eventsPage.html">EVENTS</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link NavLinks" href="gallery.html">GALLERY</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link NavLinks" href="contactUs.html">CONTACT US</a>
                    </li>
                    
                </ul>
            </div>
        </div>
    </nav>

<section class="">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-12 col-md-6 col-lg-6 d-flex flex-column justify-content-center align-items-center">
                    <p class="aboutpara">Karnataka's first Residential Training <br> Center for public</p>
                    <button class="aboutbtn btn">GALLERY</button>
                </div>
                <div
                    class="col-sm-12 col-md-6 col-lg-6 d-flex flex-column justify-content-center align-items-center mt-4">
                    <img src="./images/galweb-banner.jpg" alt="sir image" class="BANNERIMG">

</div>
            </div>
        </div>
    </section>

</div>
        </div>
    </section>

<footer class="mt-5 footer-block mb-4">
        <div class="vyfooter row">
            <div class="col-lg-4 col-sm-12 d-flex justify-content-center flex-column align-items-center p-3">
                <img src="./images/amcadheadlogo.png" alt="" class="logoimg" style="background-color: white;">

</div>
            <div class="col-lg-8 col-sm-12 footer-details ">

<div class="col-sm-4 cont-details">
                        <h4>Contact </h4>
                        <a href="tel:+919448063607" class="contact-num">+919448063607</a>
                        <a href="tel:+918123423007" class="contact-num">+918123423007</a>

<h4 class="mt-1">Email </h4>
                        <a href="mailto:amcadpatha.1996@gmail.com" class="contact-num">amcadpatha.1996@gmail.com</a>
                        <h4>Head Office</h4>
                        <address>No.134, 2nd Main, Jayanagar,
                            Mysuru - 570014</address>

</div>

<div class="col-sm-4 cont-details">
                        <h4>Quick Links</h4>
                        <ul class="page-links">
                            <li><a href="index.html"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="20"
                                        fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                        <path fill-rule="evenodd"
                                            d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8">
                                        </path>
                                    </svg>Home</a></li>
                            <li><a href="aboutUs.html"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="20"
                                        fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                        <path fill-rule="evenodd"
                                            d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8">
                                        </path>
                                    </svg>About Us</a></li>
                            <li><a href="programsPage.html"><svg xmlns="http://www.w3.org/2000/svg" width="24"
                                        height="20" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                        <path fill-rule="evenodd"
                                            d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8">
                                        </path>
                                    </svg>Programs</a></li>
                            <li><a href="eventsPage.html"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="20"
                                        fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                        <path fill-rule="evenodd"
                                            d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8">
                                        </path>
                                    </svg>Events</a></li>
                            <li><a href="gallery.html"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="20"
                                        fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                        <path fill-rule="evenodd"
                                            d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8">
                                        </path>
                                    </svg>Gallery</a></li>
                            <li><a href="contactUs.html"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="20"
                                        fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                        <path fill-rule="evenodd"
                                            d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8">
                                        </path>
                                    </svg>Contact Us</a></li>
                        </ul>
                    </div>

<div class="col-sm-4 cont-details">
                        <h4>Follow Us on</h4>

<a href="https://www.facebook.com/share/16R2XkUw3i/" class="soc-block"><img
                                src="./images/facebook.png" alt="" class="socialicom">Join our
                            Movements</a> <br>
                        <a href="https://www.instagram.com/amcadpatha?igsh=MTU3bmR6OGM4NG13cw==" class="soc-block"><img
                                src="./images/social.png" alt="" class="socialicom">Instagram</a> <br>
                        <a href="http://www.youtube.com/@amcad-chethanram" class="soc-block"><img
                                src="./images/youtube.png" alt="" class="socialicom">Mastery
                            Sessions</a> <br>
                        <a href="(16) AMCAD Chaithanya Patha | LinkedIn" class="soc-block"><img
                                src="./images/linkedin (2).png" alt="linkedin" class="socialicom">Linkedin</a> <br>
                        
                    </div>
                    
                </div>
            </div>
            <div class="col-sm-12 text-center footer-rights p-2">© Copyright 2025 AMCAD ®, Mysuru. All rights reserved.
                |
                Developed By: <a href="https://jayblues.com/" class="jayblues">JayBlues Technologies</a></div>

</div>
    </footer>

</body>
<script src="./js/bootstrap.bundle.min.js"></script>

</html>