gallery.php

<?php
    $current = 4;
    require('header.php');
?>

    <!--
        #Portfolio
        ========================== -->
        
        <section id="gallery" style="margin-top: 20px;">

            <div class="section-title text-center wow fadeInDown">
                <h2>Gallery</h2>    
                <p>Let's see some collection that we have, or our community activity. 
                Hope you fall in love and like it :)</p>
            </div>

            <div id="projects" class="clearfix" style="margin-top: 30px;">

                <figure class="mix portfolio-item app">
                    <img class="img-responsive" src="img/gallery/gallery-1.jpg" alt="Portfolio Item">
                    <a href="img/gallery/gallery-1.jpg" title="Goa Jomblang - Yogyakarta" rel="portfolio" class="fancybox"><span class="plus"></span></a>
                    <figcaption class="mask">
                        <h3>Goa Jomblang</h3>
                        <span>Yogyakarta</span>
                    </figcaption>
                </figure>

                <figure class="mix portfolio-item photography">
                    <img class="img-responsive" src="img/gallery/gallery-2.jpg" alt="Portfolio Item">
                    <a href="img/gallery/gallery-2.jpg" title="Gunung Bromo - Malang" rel="portfolio" class="fancybox"><span class="plus"></span></a>
                    <figcaption class="mask">
                        <h3>Gunung Bromo</h3>
                        <span>Malang</span>
                    </figcaption>
                </figure>

                <figure class="mix portfolio-item web">
                    <img class="img-responsive" src="img/gallery/gallery-3.jpg" alt="Portfolio Item">
                    <a href="img/gallery/gallery-3.jpg" title="Tebing Citatah - Bandung" rel="portfolio" class="fancybox"><span class="plus"></span></a>
                    <figcaption class="mask">
                        <h3>Gunung Rinjani</h3>
                        <span>Lombok</span>
                    </figcaption>
                </figure>

                <figure class="mix portfolio-item print">
                    <img class="img-responsive" src="img/gallery/gallery-4.jpg" alt="Portfolio Item">
                    <a href="img/gallery/gallery-4.jpg" title="Gili Lawa - Flores" rel="portfolio" class="fancybox"><span class="plus"></span></a>
                    <figcaption class="mask">
                        <h3>Danau Segara Anak</h3>
                        <span>Lombok</span>
                    </figcaption>
                </figure>

                <figure class="mix portfolio-item app">
                    <img class="img-responsive" src="img/gallery/gallery-5.jpg" alt="Portfolio Item">
                    <a href="img/gallery/gallery-5.jpg" title="Gunung Rinjani - Lombok" rel="portfolio" class="fancybox"><span class="plus"></span></a>
                    <figcaption class="mask">
                        <h3>Gunung Rinjani</h3>
                        <span>Lombok</span>
                    </figcaption>
                </figure>

                <figure class="mix portfolio-item photography">
                    <img class="img-responsive" src="img/gallery/gallery-6.jpg" alt="Portfolio Item">
                    <a href="img/gallery/gallery-6.jpg" title="Gunung Semeru - Jawa Timur" rel="portfolio" class="fancybox"><span class="plus"></span></a>
                    <figcaption class="mask">
                        <h3>Gunung Semeru</h3>
                        <span>Jawa Timur</span>
                    </figcaption>
                </figure>

                <figure class="mix portfolio-item web app">
                    <img class="img-responsive" src="img/gallery/gallery-7.jpg" alt="Portfolio Item">
                    <a href="img/gallery/gallery-7.jpg" title="Bukit Watu Lumbung - Yogyakarta  " rel="portfolio" class="fancybox"><span class="plus"></span></a>
                    <figcaption class="mask">
                        <h3>Bukit Watu Lumbung</h3>
                        <span>Yogyakarta</span>
                    </figcaption>
                </figure>

                <figure class="mix portfolio-item print web">
                    <img class="img-responsive" src="img/gallery/gallery-8.jpg" alt="Portfolio Item">
                    <a href="img/gallery/gallery-8.jpg" title="Gua Pindul - Yogyakarta" rel="portfolio" class="fancybox"><span class="plus"></span></a>
                    <figcaption class="mask">
                        <h3>Gua Pindul</h3>
                        <span>Yogyakarta</span>
                    </figcaption>
                </figure>

            </div> <!-- end #projects -->

        </section>
        <!--
        End #Portfolio
        ========================== -->

<?php 
	require('footer.php');
?>
</body>
</html>