<div class="home-parallax-area tracem-relative-large">
    <div class="home-parallax">
        
        <div class="single-parallax background-image" style="background-image: url(images/parallax/1.jpg);">
            <div class="parallax-overlay"></div>
            <div class="container-fluid tracem-shrink">
                <div class="row">
                    <div class="col">
                        <div class="parallax-port-cats">
                            <div class="tracem-ovh">
                                <h5>Creative Design</h5>
                                <div class="parallax-line"></div>
                            </div><!-- .tracem-ovh -->
                        </div><!-- .parallax-port-cats -->
                        <div class="parallax-port-details">
                            <div class="tracem-ovh">
                                <h2><a href="#">Madcap coffee Company</a></h2>
                            </div><!-- .tracem-ovh -->
                            <div class="tracem-ovh">
                                <a class="btn-simple light" href="#">View Project <span><i class="fas fa-arrow-alt-circle-right"></i></span></a>
                            </div><!-- .tracem-ovh -->
                        </div><!-- .parallax-port-details -->
                    </div><!-- .col -->
                </div><!-- .row -->
            </div><!-- .container-fluid -->
        </div><!-- .single-parallax -->

        <div class="single-parallax background-image" style="background-image: url(images/parallax/3.jpg);">
            <div class="parallax-overlay"></div>
            <div class="container-fluid tracem-shrink">
                <div class="row">
                    <div class="col">
                        <div class="parallax-port-cats">
                            <div class="tracem-ovh">
                                <h5>Design Factory</h5>
                                <div class="parallax-line"></div>
                            </div><!-- .tracem-ovh -->
                        </div><!-- .parallax-port-cats -->
                        <div class="parallax-port-details">
                            <div class="tracem-ovh">
                                <h2><a href="#">Nutshell Of Design</a></h2>
                            </div><!-- .tracem-ovh -->
                            <div class="tracem-ovh">
                                <a class="btn-simple light" href="#">View Project <span><i class="fas fa-arrow-alt-circle-right"></i></span></a>
                            </div><!-- .tracem-ovh -->
                        </div><!-- .parallax-port-details -->
                    </div><!-- .col -->
                </div><!-- .row -->
            </div><!-- .container-fluid -->
        </div><!-- .single-parallax -->
        
        <div class="single-parallax background-image" style="background-image: url(images/parallax/2.jpg);">
            <div class="parallax-overlay"></div>
            <div class="container-fluid tracem-shrink">
                <div class="row">
                    <div class="col">
                        <div class="parallax-port-cats">
                            <div class="tracem-ovh">
                                <h5>Design Scope</h5>
                                <div class="parallax-line"></div>
                            </div><!-- .tracem-ovh -->
                        </div><!-- .parallax-port-cats -->
                        <div class="parallax-port-details">
                            <div class="tracem-ovh">
                                <h2><a href="#">Horses Of Skull</a></h2>
                            </div><!-- .tracem-ovh -->
                            <div class="tracem-ovh">
                                <a class="btn-simple light" href="#">View Project <span><i class="fas fa-arrow-alt-circle-right"></i></span></a>
                            </div><!-- .tracem-ovh -->
                        </div><!-- .parallax-port-details -->
                    </div><!-- .col -->
                </div><!-- .row -->
            </div><!-- .container-fluid -->
        </div><!-- .single-parallax -->

        <div class="single-parallax background-image" style="background-image: url(images/parallax/4.jpg);">
            <div class="parallax-overlay"></div>
            <div class="container-fluid tracem-shrink">
                <div class="row">
                    <div class="col">
                        <div class="parallax-port-cats">
                            <div class="tracem-ovh">
                                <h5>Intro Design</h5>
                                <div class="parallax-line"></div>
                            </div><!-- .tracem-ovh -->
                        </div><!-- .parallax-port-cats -->
                        <div class="parallax-port-details">
                            <div class="tracem-ovh">
                                <h2><a href="#">Teethes of the adept</a></h2>
                            </div><!-- .tracem-ovh -->
                            <div class="tracem-ovh">
                                <a class="btn-simple light" href="#">View Project <span><i class="fas fa-arrow-alt-circle-right"></i></span></a>
                            </div><!-- .tracem-ovh -->
                        </div><!-- .parallax-port-details -->
                    </div><!-- .col -->
                </div><!-- .row -->
            </div><!-- .container-fluid -->
        </div><!-- .single-parallax -->

    </div><!-- .home-parallax -->
</div><!-- .home-parallax-area -->