<?php include_once("header.php"); ?>
<!-- start section -->
<section class="p-0 parallax overlap-height d-none d-sm-block" data-parallax-background-ratio="0.5">
    <div class="container-fluid position-relative padding-50px-left padding-50px-right xs-padding-15px-lr">
        <div class="row full-screen md-landscape-h-600px">
            <div
                class="col-12 col-xl-6 col-lg-6 col-md-6 col-sm-6 d-flex flex-column justify-content-center xs-text-center xs-margin-80px-top wow animate__fadeInUp">
                <img src="images/contact-hero.png" class="xs-margin-auto" alt="alt">
            </div>
            <div class="col-md-1"></div>
            <div
                class="col-12 col-xl-5 col-lg-5 col-md-5 d-flex flex-column justify-content-center text-left padding-50px-right wow animate__fadeInUp">
                <h1
                    class="text-orange font-32-rem line-height-55px font-weight-700 letter-spacing-minus-1px margin-10px-bottom sm-line-height-50px sm-margin-25px-bottom margin-ten-top">
                    Let's get in touch!
                </h1>
                <p class="text-white line-height-26px">
                    Book a meeting with us and we'll provide you with the roadmap to your success.
                </p>
                <div class="border-1px-orange padding-30px-all border-radius-30px text-left">
                    <form action="email-templates/contact-form.php" method="post">
                        <input class="large-input margin-25px-bottom border-radius-0px required" type="text" name="name"
                            placeholder="First Name">
                        <input class="large-input margin-25px-bottom border-radius-0px required" type="text" name="name"
                            placeholder="Last Name">
                        <input class="large-input margin-25px-bottom border-radius-0px required" type="text" name="name"
                            placeholder="Company Name">
                        <input class="large-input margin-25px-bottom border-radius-0px required" type="email"
                            name="email" placeholder="Email Address">
                        <input class="large-input margin-25px-bottom border-radius-0px required" type="tel" name="phone"
                            placeholder="Phone Number">
                        <a href="javascript:void(0);"
                            class="btn-2 bg-orange text-white border-radius-20px padding-5px-top padding-5px-bottom font-weight-600 padding-20px-lr">
                            Submit
                        </a>
                        <div class="form-results d-none"></div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- end section -->

<!-- start section -->
<section class="p-0 parallax overlap-height d-block d-sm-none" data-parallax-background-ratio="0.5">
    <div class="container-fluid position-relative padding-50px-left padding-50px-right xs-padding-15px-lr">
        <div class="row">
            <div
                class="col-12 col-xl-6 col-lg-6 col-md-6 col-sm-6 d-flex flex-column justify-content-center xs-text-center xs-margin-80px-tb wow animate__fadeInUp">
                <img src="images/contact-hero.png" class="xs-margin-auto" alt="alt">
            </div>
            <div class="col-md-1"></div>
            <div
                class="col-12 col-xl-5 col-lg-5 col-md-5 d-flex flex-column justify-content-center text-left wow animate__fadeInUp">
                <h1
                    class="text-orange font-32-rem line-height-55px font-weight-700 letter-spacing-minus-1px margin-10px-bottom sm-line-height-50px sm-margin-25px-bottom margin-seven-top">
                    Let's get in touch!
                </h1>
                <p class="text-white line-height-26px">
                    Book a meeting with us and we'll provide you with the roadmap to your success.
                </p>
                <div class="border-1px-orange padding-30px-all border-radius-30px text-left">
                    <form action="email-templates/contact-form.php" method="post">
                        <input class="large-input margin-25px-bottom border-radius-0px required" type="text" name="name"
                            placeholder="First Name">
                        <input class="large-input margin-25px-bottom border-radius-0px required" type="text" name="name"
                            placeholder="Last Name">
                        <input class="large-input margin-25px-bottom border-radius-0px required" type="text" name="name"
                            placeholder="Company Name">
                        <input class="large-input margin-25px-bottom border-radius-0px required" type="email"
                            name="email" placeholder="Email Address">
                        <input class="large-input margin-25px-bottom border-radius-0px required" type="tel" name="phone"
                            placeholder="Phone Number">
                        <a href="javascript:void(0);"
                            class="btn-2 bg-orange text-white border-radius-20px padding-5px-top padding-5px-bottom font-weight-600 padding-20px-lr">
                            Submit
                        </a>
                        <div class="form-results d-none"></div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- end section -->


<section class="half-section">
    <div class="container-fluid xs-padding-40px-top text-center">
        <div class="row d-inline-block">
            <h5 class="text-orange font-weight-700 w-100 margin-10px-bottom wow animate__fadeInUp">
                We Know B2B Sales.
            </h5>
            <p class="text-white wow xs-no-br margin-60px-bottom animate__fadeInUp">
                We’re invested in our client’s success. We work with bold companies who have ambitious goals. We
                promise to push the boundaries of traditional<br /> sales and succeed together.
            </p>
        </div>
    </div>
    <div class="container-fluid padding-50px-lr d-none d-sm-block">
        <div class="row row-cols-2 row-cols-sm-6 row-cols-md-6 row-cols-lg-6 client-logo-style-03 align-items-center">

            <div class="col text-center wow animate__fadeInUp" data-wow-delay="0.2s">
                <a href="javascript:void(0);"><img src="images/cloudblue.png" alt="image" /></a>
            </div>
            <div class="col text-center wow animate__fadeInUp" data-wow-delay="0.4s">
                <a href="javascript:void(0);"><img src="images/zonguru.png" alt="image" /></a>
            </div>
            <div class="col text-center wow animate__fadeInUp" data-wow-delay="0.6s">
                <a href="javascript:void(0);"><img src="images/hiredna.png" alt="image" /></a>
            </div>
            <div class="col text-center wow animate__fadeInUp" data-wow-delay="0.8s">
                <a href="javascript:void(0);"><img src="images/microsoft.png" alt="image" /></a>
            </div>
            <div class="col text-center wow animate__fadeInUp" data-wow-delay="1s">
                <a href="javascript:void(0);"><img src="images/t-mobile.png" alt="image" /></a>
            </div>
            <div class="col text-center wow animate__fadeInUp" data-wow-delay="1.2s">
                <a href="javascript:void(0);"><img src="images/vodafone.png" alt="image" /></a>
            </div>
        </div>
        <!--desktop ends-->
    </div>
    <div class="container d-block d-sm-none">
        <div class="row">
            <div class="col-12 client-logo-style-03">
                <div class="swiper-container text-center"
                    data-slider-options='{ "slidesPerView": 1, "loop": true, "navigation": { "nextEl": ".swiper-button-next-nav", "prevEl": ".swiper-button-previous-nav" }, "autoplay": { "delay": 3000, "disableOnInteraction": false }, "keyboard": { "enabled": true, "onlyInViewport": true }, "breakpoints": { "1200": { "slidesPerView": 4 }, "992": { "slidesPerView": 3 }, "768": { "slidesPerView": 3 } } }'>
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="javascript:void(0);"><img src="images/cloudblue.png" alt="image" /></a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:void(0);"><img src="images/zonguru.png" alt="image" /></a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:void(0);"><img src="images/hiredna.png" alt="image" /></a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:void(0);"><img src="images/microsoft.png" alt="image" /></a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:void(0);"><img src="images/t-mobile.png" alt="image" /></a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:void(0);"><img src="images/vodafone.png" alt="image" /></a>
                        </div>
                    </div>
                </div>
                <!-- start slider navigation -->
                <div
                    class="swiper-button-next-nav swiper-button-next rounded-circle light slider-navigation-style-07 box-shadow-double-large">
                    <i class="feather icon-feather-arrow-right"></i>
                </div>
                <div
                    class="swiper-button-previous-nav swiper-button-prev rounded-circle light slider-navigation-style-07 box-shadow-double-large">
                    <i class="feather icon-feather-arrow-left"></i>
                </div>
                <!-- end slider navigation -->
            </div>
        </div>
        <!--mobile ends-->
    </div>
</section>
<?php include_once("footer.php"); ?>