Portfolio markup

<!-- portfolio section start -->
    <section class="portfolio py-100 bg_primary" id="portfolio">
        <div class="container">
            <div class="section-title text-center text-lg-left mb-5">
                <h2>Portfolio</h2> <br>
                <p class="text-muted">All you need to know about me.</p>
            </div>
            <div class="portfolio-filter text-center text-lg-left mb-5">
                <button class="active" data-filter="*">All</button>
                <button data-filter=".development">Development</button>
                <button data-filter=".ux_ui">Design</button>
                <button data-filter=".web_design">Marketing</button>
            </div>
            <div class="portfolio-wrapper row pb-5 image-loaded">
                <div class="portfolio-grid development web_design col-md-4 col-sm-6">
                    <div class="portfolio-item">
                        <a class="expand-img" href="assets/images/portfolio/img1.jpg"><img
                                src="assets/images/portfolio/img1.jpg" alt="image"></a>
                    </div>
                </div>
                <div class="portfolio-grid development ux_ui col-md-4 col-sm-6">
                    <div class="portfolio-item">
                        <a class="expand-img" href="assets/images/portfolio/img2.jpg"><img
                                src="assets/images/portfolio/img2.jpg" alt="image"></a>
                    </div>
                </div>
                <div class="portfolio-grid col-md-4 col-sm-6">
                    <div class="portfolio-item">
                        <a class="expand-img" href="assets/images/portfolio/img3.jpg"><img
                                src="assets/images/portfolio/img3.jpg" alt="image"></a>
                    </div>
                </div>
                <div class="portfolio-grid ux_ui development col-md-4 col-sm-6">
                    <div class="portfolio-item">
                        <a class="expand-img" href="assets/images/portfolio/img4.jpg"><img
                                src="assets/images/portfolio/img4.jpg" alt="image"></a>
                    </div>
                </div>
                <div class="portfolio-grid web ux_ui col-md-4 col-sm-6">
                    <div class="portfolio-item">
                        <a class="expand-img" href="assets/images/portfolio/img5.jpg"><img
                                src="assets/images/portfolio/img5.jpg" alt="image"></a>
                    </div>
                </div>
                <div class="portfolio-grid ux_ui development col-md-4 col-sm-6">
                    <div class="portfolio-item">
                        <a class="expand-img" href="assets/images/portfolio/img6.jpg"><img
                                src="assets/images/portfolio/img6.jpg" alt="image"></a>
                    </div>
                </div>
                <div class="portfolio-grid ux_ui development col-md-4 col-sm-6">
                    <div class="portfolio-item">
                        <a class="expand-img" href="assets/images/portfolio/img7.jpg"><img
                                src="assets/images/portfolio/img7.jpg" alt="image"></a>
                    </div>
                </div>
                <div class="portfolio-grid ux_ui development web_design col-md-4 col-sm-6">
                    <div class="portfolio-item">
                        <a class="expand-img" href="assets/images/portfolio/img8.jpg"><img
                                src="assets/images/portfolio/img8.jpg" alt="image"></a>
                    </div>
                </div>
                <div class="portfolio-grid ux_ui web_design col-md-4 col-sm-6">
                    <div class="portfolio-item">
                        <a class="expand-img" href="assets/images/portfolio/img9.jpg"><img
                                src="assets/images/portfolio/img9.jpg" alt="image"></a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- portfolio section end -->

Leave a Reply

Your email address will not be published. Required fields are marked *