<?php require './partials/head.php'?>

<body>
    <?php require './partials/header.php'?>
    <!--/.main-header-->

    <div id="popup-search-box">
        <div class="box-inner-wrap d-flex align-items-center">
            <form id="form" action="#" method="get" role="search">
                <input id="popup-search" type="text" name="s" placeholder="Type keywords here...">
                <button id="popup-search-button" type="submit" name="submit">
                    <i class="fa-sharp fa-light fa-magnifying-glass"></i>
                </button>
            </form>
            <div class="search-close"><i class="fa-regular fa-xmark"></i></div>
        </div>
    </div>
    <!--/.popupsearch-box-->
<?php require './config/message/error_success.php'?>
    <div id="searchbox-overlay"></div>

    <section class="contact-section padding">
        <div class="map-pattern"></div>
        <div class="container">
            <div class="row">
                <div class="col-lg-7 sm-padding">
                    <div class="contact-form-wrap row-gap">
                        <div class="section-heading mb-40">
                            <h3 class="sub-heading is-border border-anim">Send Us Mail<span class="sh-underline"><img class="sh-truck" src="assets/img/truck.svg" alt="truck"></span></h3>
                            <h2 class="text-anim" data-effect="fade-in-right" data-split="char" data-delay="0.3" data-duration="1">Feel Free To <span class="hl">Write</span></h2>
                            <p class="text-anim" data-effect="fade-in-bottom" data-ease="power4.out">Prime Pulse Link involves the efficient planning management and coordination of the <br> movement of goods services and information.</p>
                        </div>
                        <div class="contact-form">
                            <form action="./controller/model" method="post" id="ajax_contarct" class="form-horizontal">
                                <div class="contact-form-group">
                                    <div class="form-field">
                                        <input type="text" id="firstname" name="dname" class="form-control" placeholder="First Name" required="">
                                    </div>
                                    
                                    <div class="form-field">
                                        <input type="email" id="email" name="demail" class="form-control" placeholder="Email" required="">
                                    </div>
                                    <div class="form-field">
                                        <input type="text" id="subject" name="dsubject" class="form-control" placeholder="Email Subject" required="">
                                    </div>
                                    <div class="form-field message">
                                        <textarea id="message" name="dmessage" cols="30" rows="4" class="form-control" placeholder="Message" required=""></textarea>
                                    </div>
                                    <div class="form-field submit-btn">
                                        <button id="submit" class="default-btn" type="submit" name="submit_emailCONTACT">Send Massage</button>
                                    </div>
                                </div>
                                <div id="form-messages" class="ajax-form-msg alert" role="alert"></div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5 sm-padding">
                    <div class="section-heading mb-40">
                        <h3 class="sub-heading is-border border-anim">Need Any Help?<span class="sh-underline"><img class="sh-truck" src="assets/img/truck.svg" alt="truck"></span></h3>
                        <h2 class="text-anim" data-effect="fade-in-right" data-split="char" data-delay="0.3" data-duration="1">Get In Touch <br><span class="hl">With Us!</span></h2>
                        <p class="text-anim" data-effect="fade-in-bottom" data-ease="power4.out">Prime Pulse Link involves the efficient management and <br>coordination of the movement of goods.</p>
                    </div>
                    <ul class="contact-info-list">
                        <li class="wow fade-in-bottom" data-wow-delay="100ms">
                            <i class="fa-light fa-phone-volume"></i>
                            <h3>Have any question? <span>+44 7536 680538</span></h3>
                        </li>
                        <li class="wow fade-in-bottom" data-wow-delay="300ms">
                            <i class="fa-light fa-envelope-open-text"></i>
                            <h3>Write us email <span><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e0898e868fa08598818d908c85ce838f8d">[email&#160;protected]</a></span></h3>
                        </li>
                        <li class="wow fade-in-bottom" data-wow-delay="500ms">
                            <i class="fa-light fa-location-dot"></i>
                            <h3>Headquoters <span>785 15h Street, Office Berlin.</span></h3>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!--/.contact-section-->

    <?php require './partials/footer.php'?>
    <!--/.footer-section-->

    <div id="scrollup">
        <button id="scroll-top" class="scroll-to-top"><i class="fa-regular fa-arrow-up"></i></button>
    </div>
    <!--/.scrollup-->

    <!--jQuery Lib-->
   <?php require './partials/scripts.php'?>
</body>

</html>
