<%- include('./includes/header', { title: `Home - Little Groovin Guitars` }) %>
<main>
    <section class="banner-0">
        <div class="container">
            <div class="row">
                <div class="col-12 col-md-6">
                    <div class="black-lable">
                        <h2>Our Gallary</h2>
                    </div>
                </div>
                <img src="/sites/little-groovin-guitar/images/Guitarpmg2.png" class="img-fluid ruper" alt="img">
            </div>
        </div>
    </section>
    <section class="gallary-45">
        <div class="container">
            <div class="row align-items-start">
                <div class="col-12 col-md-6 ">
                    <div class="texture-mian">
                        <h5>explore</h5>
                        <h2>our gallery</h2>
                    </div>
                </div>
                <div class="col-12 col-md-6 ">
                    <div class="motion-leture">
                        <p>Little Groovin’ Guitars gets kids out of the lounge room and into the rehearsal room. The
                            program develops young musicians through the theoretical and practical application of
                            musical concepts, techniques and styles.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="demo-gallary">
        <div class="container">
            <div class="row">
                <div class="col-12 col-md-3">
                    <div class="gallary-1">
                        <img src="/sites/little-groovin-guitar/images/loop-14.png" class="img-fluid" alt="img">
                    </div>
                </div>
                <div class="col-12 col-md-3">
                <div class="gallary-1">
                        <img src="/sites/little-groovin-guitar/images/loop-58.png" class="img-fluid" alt="img">
                    </div>
                </div>
                <div class="col-12 col-md-6">
                <div class="gallary-1">
                        <img src="/sites/little-groovin-guitar/images/loop-78.png" class="img-fluid" alt="img">
                    </div>
                </div>
              
            </div>
            <div class="row mt-3">
            <div class="col-12 col-md-6">
                <div class="gallary-1">
                        <img src="/sites/little-groovin-guitar/images/loop-1.png" class="img-fluid" alt="img">
                    </div>
                </div>
                <div class="col-12 col-md-3">
                    <div class="gallary-1">
                        <img src="/sites/little-groovin-guitar/images/loop-2.png" class="img-fluid" alt="img">
                    </div>
                </div>
                <div class="col-12 col-md-3">
                <div class="gallary-1">
                        <img src="/sites/little-groovin-guitar/images/loop-85.png" class="img-fluid" alt="img">
                    </div>
                </div>
            
              
            </div>
        </div>
    </section>
    <div class="text-slider">
        <marquee behavior="smooth" direction="right" scrolldelay="1">
            <div class="d-flex align-items-center gap-2">
                <img src="/sites/little-groovin-guitar/images/star.svg" class="img-fluid" alt="*">
                <span>let’s <span>learn</span> together</span>
            </div>
        </marquee>
    </div>

    <%- include('./includes/footer') %>
</main>