<div class="showcase-container">
    <div class="single-showcase showcase-left">
        <div class="container-fluid tracem-shrink">
            <div class="row">
                <div class="col-md-6">
                    <div class="tracem-ovh">
                        <img src="images/portfolio/7.jpg" alt="Portfolio Image">
                    </div><!-- .tracem-ovh -->
                    <div class="tracem-ovh">
                        <div class="img-bg"></div>
                    </div><!-- .tracem-ovh -->
                </div><!-- .col-md-6 -->
                <div class="col-md-6 align-self-center">
                    <div class="portfolio-details">
                        <h4>Creative Design</h4>
                        <div class="tracem-ovh">
                            <h2>Madcap coffee Company</h2>
                        </div><!-- .tracem-ovh -->
                        <div class="tracem-ovh">
                            <a class="btn-simple black" href="#">View Project <span><i class="fas fa-arrow-alt-circle-right"></i></span></a>
                        </div><!-- .tracem-ovh -->
                    </div><!-- .portfolio-details -->
                </div><!-- .col -->
            </div><!-- .row -->
        </div><!-- .container-fluid -->
    </div><!-- .single-showcase -->
    <div class="single-showcase showcase-right">
        <div class="container-fluid tracem-shrink">
            <div class="row">
                <div class="col-md-6">
                    <div class="tracem-ovh">
                        <img src="images/portfolio/1.jpg" alt="Portfolio Image">
                    </div><!-- .tracem-ovh -->
                    <div class="tracem-ovh">
                        <div class="img-bg"></div>
                    </div><!-- .tracem-ovh -->
                </div><!-- .col-md-6 -->
                <div class="col-md-6 align-self-center order-first text-right">
                    <div class="portfolio-details">
                        <h4>Design Factory</h4>
                        <div class="tracem-ovh">
                            <h2>Nutshell Of Design</h2>
                        </div><!-- .tracem-ovh -->
                        <div class="tracem-ovh">
                            <a class="btn-simple black" href="#">View Project <span><i class="fas fa-arrow-alt-circle-right"></i></span></a>
                        </div><!-- .tracem-ovh -->
                    </div><!-- .portfolio-details -->
                </div><!-- .col-md-6 -->
            </div><!-- .row -->
        </div><!-- .container-fluid -->
    </div><!-- .single-showcase -->
    <div class="single-showcase showcase-left">
        <div class="container-fluid tracem-shrink">
            <div class="row">
                <div class="col-md-6">
                    <div class="tracem-ovh">
                        <img src="images/portfolio/9.jpg" alt="Portfolio Image">
                        <div class="img-bg"></div>
                    </div><!-- .tracem-ovh -->
                </div><!-- .col-md-6 -->
                <div class="col-md-6 align-self-center">
                    <div class="portfolio-details">
                        <h4>Design Scope</h4>
                        <div class="tracem-ovh">
                            <h2>Horses Of Skull</h2>
                        </div><!-- .tracem-ovh -->
                        <div class="tracem-ovh">
                            <a class="btn-simple black" href="#">View Project <span><i class="fas fa-arrow-alt-circle-right"></i></span></a>
                        </div><!-- .tracem-ovh -->
                    </div><!-- .portfolio-details -->
                </div><!-- .col-md-6 -->
            </div><!-- .row -->
        </div><!-- .container-fluid -->
    </div><!-- .single-showcase -->
    <div class="single-showcase showcase-right">
        <div class="container-fluid tracem-shrink">
            <div class="row">
                <div class="col-md-6">
                    <div class="tracem-ovh">
                        <img src="images/portfolio/5.jpg" alt="Portfolio Image">
                        <div class="img-bg"></div>
                    </div><!-- .tracem-ovh -->
                </div><!-- .col-md-6 -->
                <div class="col-md-6 align-self-center order-first text-right">
                    <div class="portfolio-details">
                        <h4>Intro Design</h4>
                        <div class="tracem-ovh">
                            <h2>Teethes of the adept</h2>
                        </div><!-- .tracem-ovh -->
                        <div class="tracem-ovh">
                            <a class="btn-simple black" href="#">View Project <span><i class="fas fa-arrow-alt-circle-right"></i></span></a>
                        </div><!-- .tracem-ovh -->
                    </div><!-- .portfolio-details -->
                </div><!-- .col-md-6 -->
            </div><!-- .row -->
        </div><!-- .container-fluid -->
    </div><!-- .single-showcase -->
</div><!-- .showcase-container -->