{extends file='cms_template:csm master'}

{block name='content'}

    <!-- breadcrumb area start -->
    <!-- rts breadcrumb area start -->
    <div class="rts-breadcrumb-area one" data-bg-src="{uploads_url}/csm/assets/images/breadcrumb/08.webp">
        <div class="container h-100">
            <div class="breadcrumb-area-wrapper">
                <div class="nav-bread-crumb">
                    <a href="index.html">Home</a>
                    <span><i class="fa-regular fa-chevron-right"></i></span>
                    <a href="#" class="current">Contact Us</a>
                </div>
                <h1 class="title">Contact US</h1>
            </div>
        </div>
    </div>
    <!-- rts breadcrumb area end -->
    <!-- breadcrumb area end -->

    <!-- rts contact area start -->
    <section class="rts-contact-area inner rts-section-gap">
        <div class="container">
            <div class="section-inner body-bg-one radius-10">
                <form class="contact-form" id="contact-form" method="POST" action="mailer.php">
                    <h4 class="title">Your info</h4>
                    <div class="form-inner">
                        <div class="left">
                            <div class="single-input-wrapper">
                                <label for="name">Full Name*</label>
                                <input type="text" id="name" name="name" placeholder="Enter your full name" required>
                            </div>
                            <div class="single-input-wrapper">
                                <label for="email">Email*</label>
                                <input type="email" id="email" name="email" placeholder="Your email address" required>
                            </div>
                            <div class="single-input-wrapper">
                                <label for="company">Company</label>
                                <input type="text" id="company" name="company" placeholder="Your company name" required>
                            </div>
                            <div class="single-input-wrapper">
                                <label for="website">Website</label>
                                <input type="text" id="website" name="website" placeholder="Your website" required>
                            </div>
                        </div>
                        <div class="right">
                            <div class="single-input-wrapper">
                                <label for="message">Your Enquiry*</label>
                                <textarea name="message" id="message" placeholder="Enter your message here" required></textarea>
                            </div>
                            <div class="single-input-wrapper">
                                <button type="submit" class="rts-btn btn-primary with-arrow">Get Started <i class="fa-regular fa-arrow-up up-right"></i></button>
                            </div>
                            <div id="form-messages" class="mt-15 cb"></div>
                            <p class="desc">Please read our <a href="#"> privacy policy</a> and <a href="#">Cookies policy</a> so you understand how we collect and use your personal data.</p>
                        </div>
                    </div>
                </form>
            </div>
            <div class="contact-form-content-bottom-wrapper mt--30">
                <div class="row g-5">
                    <div class="col-lg-4">
                        <div class="single-contact-card body-bg-one radius-10">
                            <div class="top-area">
                                <div class="icon">
                                    <img src="{uploads_url}/csm/assets/images/contact/icon/01.svg" alt="contact">
                                </div>
                                <h4 class="title">Our Location</h4>
                            </div>
                            <p class="disc">
                                123 Main Street, Apt 4B Springfield,
                                IL 62704, UK
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="single-contact-card body-bg-one radius-10">
                            <div class="top-area">
                                <div class="icon">
                                    <img src="{uploads_url}/csm/assets/images/contact/icon/02.svg" alt="contact">
                                </div>
                                <h4 class="title">Email Us</h4>
                            </div>
                            <p class="disc">
                                Our support team is here to assist you
                            </p>
                            <a href="#">support@Digix.com</a>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="single-contact-card body-bg-one radius-10">
                            <div class="top-area">
                                <div class="icon">
                                    <img src="{uploads_url}/csm/assets/images/contact/icon/03.svg" alt="contact">
                                </div>
                                <h4 class="title">Call Us</h4>
                            </div>
                            <p class="disc">
                                Our customer support team is available
                            </p>
                            <a href="#">+1 (111) 125- 42174</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- rts contact area end -->
{/block}