<!-- ============================================================================ -->
<!-- =============================== Home Minimal =============================== -->
<!-- ============================================================================ -->

<section class="home-minimal-area">
    <div class="container-fluid">
        <div class="row">
            <div class="col tracem-shrink">
                <div class="home-minimal">
                    <h3>Tracem minimal version of portfolio will create some nice portfolio design to your beautiful portfolio</h3>
                    <p class="signature" style="background-image: url(images/signature.png);">Jesica Doe</p>
                </div><!-- .home-minimal -->
            </div><!-- .col -->
        </div><!-- .row -->
    </div><!-- .container-fluid -->
</section><!-- .home-minimal-area -->



<!-- ============================================================================ -->
<!-- =============================== Portfolio Area ============================= -->
<!-- ============================================================================ -->



<section class="tracem-portfolio-area lightbox-overlay tracem-relative" id="tracem-portfolio">
    <div class="container-fluid">
        <div class="row">
            <div class="col tracem-shrink">

                <div class="grid portfolio-content" id="portfolio-container">
                    
                    <div class="grid-sizer cols-3"></div>
                    
                    <a href="images/portfolio/6.jpg" class="strip" data-strip-caption="Nutshell Of Design">
                        <div class="grid-item cols-3 background-image" style="background-image: url(images/portfolio/6.jpg);"></div><!-- .grid-item -->
                    </a>

                    <a href="images/portfolio/7.jpg" class="strip" data-strip-caption="Nutshell Of Design">
                        <div class="grid-item cols-3 background-image" style="background-image: url(images/portfolio/7.jpg);"></div><!-- .grid-item -->
                    </a>

                    <a href="images/portfolio/1.jpg" class="strip" data-strip-caption="Nutshell Of Design">
                        <div class="grid-item cols-3 grid-item--height2 background-image" style="background-image: url(images/portfolio/1.jpg);"></div><!-- .grid-item -->
                    </a>

                    <a href="images/portfolio/4.jpg" class="strip" data-strip-caption="Nutshell Of Design">
                        <div class="grid-item cols-3 grid-item--width2 grid-item--height2 background-image" style="background-image: url(images/portfolio/4.jpg);"></div><!-- .grid-item -->
                    </a>

                    <a href="images/portfolio/8.jpg" class="strip" data-strip-caption="Nutshell Of Design">
                        <div class="grid-item cols-3 background-image" style="background-image: url(images/portfolio/8.jpg);"></div><!-- .grid-item -->
                    </a>

                    <a href="images/portfolio/3.jpg" class="strip" data-strip-caption="Nutshell Of Design">
                        <div class="grid-item cols-3 grid-item--height2 background-image" style="background-image: url(images/portfolio/3.jpg);"></div><!-- .grid-item -->
                    </a>

                    <a href="images/portfolio/9.jpg" class="strip" data-strip-caption="Nutshell Of Design">
                        <div class="grid-item cols-3 grid-item--width2 grid-item--height2 background-image" style="background-image: url(images/portfolio/9.jpg);"></div><!-- .grid-item -->
                    </a>

                </div><!-- .portfolio-content -->
            </div><!-- .col -->
        </div><!-- .row -->
    </div><!-- .container-fluid -->
</section><!-- .tracem-portfolio-area -->