<div class="home-fullwidth-slider-area tracem-relative">
    <div class="home-fullwidth-slider">
        <div class="home-fullwidth-wrapper swiper-wrapper">
            
            <div class="single-fullwidth-slide swiper-slide">
                <div class="container-fluid tracem-shrink">
                    <div class="row">

                        <div class="col col-sm align-self-center">
                            <div class="fullwidth-left">
                                <div class="tracem-ovh">
                                    <h4>Madcap coffee Company</h4>
                                </div><!-- .tracem-ovh -->
                                <div class="tracem-ovh">
                                    <a class="btn-simple black" href="#">View Project <span><i class="fas fa-arrow-right"></i></span></a>
                                </div><!-- .tracem-ovh -->
                            </div><!-- .fullwidth-left -->
                        </div><!-- .col -->

                        <div class="col col-sm">
                            <img src="images/portfolio/3.jpg" alt="Portfolio Image">
                        </div><!-- .col -->

                        <div class="col-sm d-none d-sm-block">
                            <div class="fullwidth-right">
                                <div class="tracem-ovh">
                                    <h2>Creative Design</h2>
                                </div><!-- .tracem-ovh -->
                            </div><!-- .fullwidth-right -->
                        </div><!-- .col -->

                    </div><!-- .row -->
                </div><!-- .container-fluid -->
            </div><!-- .single-fullwidth-slide -->

            <div class="single-fullwidth-slide swiper-slide">
                <div class="container-fluid tracem-shrink">
                    <div class="row">

                        <div class="col col-sm align-self-center">
                            <div class="fullwidth-left">
                                <div class="tracem-ovh">
                                    <h4>Nutshell Of Design</h4>
                                </div><!-- .tracem-ovh -->
                                <div class="tracem-ovh">
                                    <a class="btn-simple black" href="#">View Project <span><i class="fas fa-arrow-right"></i></span></a>
                                </div><!-- .tracem-ovh -->
                            </div><!-- .fullwidth-left -->
                        </div><!-- .col -->

                        <div class="col col-sm">
                            <img src="images/portfolio/1.jpg" alt="Portfolio Image">
                        </div><!-- .col -->

                        <div class="col-sm d-none d-sm-block">
                            <div class="fullwidth-right">
                                <div class="tracem-ovh">
                                    <h2>Design Factory</h2>
                                </div><!-- .tracem-ovh -->
                            </div><!-- .fullwidth-right -->
                        </div><!-- .col -->

                    </div><!-- .row -->
                </div><!-- .container-fluid -->
            </div><!-- .single-fullwidth-slide -->

            <div class="single-fullwidth-slide swiper-slide">
                <div class="container-fluid tracem-shrink">
                    <div class="row">

                        <div class="col col-sm align-self-center">
                            <div class="fullwidth-left">
                                <div class="tracem-ovh">
                                    <h4>Horses Of Skull</h4>
                                </div><!-- .tracem-ovh -->
                                <div class="tracem-ovh">
                                    <a class="btn-simple black" href="#">View Project <span><i class="fas fa-arrow-right"></i></span></a>
                                </div><!-- .tracem-ovh -->
                            </div><!-- .fullwidth-left -->
                        </div><!-- .col -->

                        <div class="col col-sm">
                            <img src="images/portfolio/4.jpg" alt="Portfolio Image">
                        </div><!-- .col -->

                        <div class="col-sm d-none d-sm-block">
                            <div class="fullwidth-right">
                                <div class="tracem-ovh">
                                    <h2>Design Scope</h2>
                                </div><!-- .tracem-ovh -->
                            </div><!-- .fullwidth-right -->
                        </div><!-- .col -->

                    </div><!-- .row -->
                </div><!-- .container-fluid -->
            </div><!-- .single-fullwidth-slide -->

            <div class="single-fullwidth-slide swiper-slide">
                <div class="container-fluid tracem-shrink">
                    <div class="row">

                        <div class="col col-sm align-self-center">
                            <div class="fullwidth-left">
                                <div class="tracem-ovh">
                                    <h4>Teethes of the adept</h4>
                                </div><!-- .tracem-ovh -->
                                <div class="tracem-ovh">
                                    <a class="btn-simple black" href="#">View Project <span><i class="fas fa-arrow-right"></i></span></a>
                                </div><!-- .tracem-ovh -->
                            </div><!-- .fullwidth-left -->
                        </div><!-- .col -->

                        <div class="col col-sm">
                            <img src="images/portfolio/5.jpg" alt="Portfolio Image">
                        </div><!-- .col -->

                        <div class="col-sm d-none d-sm-block">
                            <div class="fullwidth-right">
                                <div class="tracem-ovh">
                                    <h2>Intro Design</h2>
                                </div><!-- .tracem-ovh -->
                            </div><!-- .fullwidth-right -->
                        </div><!-- .col -->

                    </div><!-- .row -->
                </div><!-- .container-fluid -->
            </div><!-- .single-fullwidth-slide -->

        </div><!-- .home-fullwidth-wrapper -->
        <!-- Add Arrows -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
    </div><!-- .home-fullwidth-slider -->
</div><!-- .home-fullwidth-slider-area -->