Part 6 PSD to HTML Portfolio Section Markup [HTML/ CSS] [Code Fusion]

 

The source code of this video is below:

<!-- Portfolio -->
    <section id="portfolio">
        <div class="container">
            <h2>Our Portfolio</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor</p>
            <ul class="ul-portfolio">
                <li><a href="#">All</a></li>
                <li><a href="#">Web</a></li>
                <li><a href="#">UI/UX</a></li>
                <li><a href="#">Photograghy</a></li>
                <li><a href="#">Branding</a></li>
            </ul>
            <div class="gallery clearfix wow zoomIn">
                <div class="row">
                    <div class="col-4-port "><img src="img/item1.png" alt=""></div>
                    <div class="col-4-port"><img src="img/item2.png" alt=""></div>
                    <div class="col-4-port"><img src="img/item3.png" alt=""></div>
                    <div class="col-4-port"><img src="img/item4.png" alt=""></div>
                </div>
                <div class="row">
                    <div class="col-4-port"><img src="img/item5.png" alt=""></div>
                    <div class="col-4-port"><img src="img/item6.png" alt=""></div>
                    <div class="col-4-port"><img src="img/item7.png" alt=""></div>
                    <div class="col-4-port"><img src="img/item8.png" alt=""></div>
                </div>
            </div>
        </div>
    </section>