<?php
include 'includes/header.php';
$page = 'home';
?>
<main>
    <section class="inner-banner-wrap">
        <div class="container">
            <div class="row">
                <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 col-xxl-6">
                    <div class="content">
                        <h2>Contact Us</h2>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 col-xxl-6">
                    <div class="content">
                        <ul>
                            <li>
                                <a href="javascript:;">Home</a>
                            </li>
                            <li>
                                <i class="fa-solid fa-pipe"></i>
                            </li>
                            <li>
                                <a href="javascript:;">Contact Us</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="contactSec-one">
        <div class="container">
            <div class="row">
                <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
                    <div class="service-card">
                        <div class="main-img">
                            <i class="fa-light fa-phone-volume"></i>
                        </div>
                        <div class="info">
                            <h4>Phone number</h4>
                            <ul>
                                <li><a href="javascript:;">(+01) 0223 6020 020</a></li>
                                <li><a href="javascript:;">(+01) 2006 0600 6000</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
                    <div class="service-card">
                        <div class="main-img">
                            <i class="fa-regular fa-location-dot"></i>
                        </div>
                        <div class="info">
                            <h4>Store address</h4>
                            <p>Akshya nagar 1st block 1st
                                cross, bangalore-560016</p>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
                    <div class="service-card">
                        <div class="main-img">
                            <i class="fa-regular fa-envelope"></i>
                        </div>
                        <div class="info">
                            <h4>Customer email</h4>
                            <ul>
                                <li><a href="javascript:;">demoinfo@gmail.com</a></li>
                                <li><a href="javascript:;">Info8989@gmail.com</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="believe-power abountSec-two">
        <div class="container">
            <div class="row align-items-center justify-content-between">
                <div class="col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5">
                    <div class="about-content">
                        <h2>We would love to talk with our great customer</h2>
                        <p>Give us a call or drop by anytime, we endeavourto answer all enquiries within 24 hours on
                            business days I’ve created a vocabulary of different styles i draw from many different ways
                            to take a picture.</p>
                        <div class="btn-box">
                            <a href="javascript:;" class="btn btn-primary btn-wh">Shop now</a>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
                    <div class="main-img">
                        <img src="images/about-us-3.webp" alt="img" class="img-fluid">
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="contactSec-three">
        <div class="container">
            <div class="row">
                <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12">
                    <div class="head">
                        <h2>Fill out the form and we'll get back soon!</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12">
                    <div class="form-box">
                        <form action="javascript:;" method="POST">
                            <div class="row">
                                <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6">
                                    <div class="input-main">
                                        <label for="">First name</label>
                                        <input type="text" class="form-control" name="" value=""
                                            placeholder="First name" required>
                                    </div>
                                </div>
                                <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6">
                                    <div class="input-main">
                                        <label for="">Last name</label>
                                        <input type="text" class="form-control" name="" value="" placeholder="Last name"
                                            required>
                                    </div>
                                </div>
                                <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6">
                                    <div class="input-main">
                                        <label for="">Phone number</label>
                                        <input type="number" class="form-control" name="" value=""
                                            placeholder="Phone number" required>
                                    </div>
                                </div>
                                <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6">
                                    <div class="input-main">
                                        <label for="">Email address</label>
                                        <input type="email" class="form-control" name="" value=""
                                            placeholder="Email address" required>
                                    </div>
                                </div>
                                <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12">
                                    <div class="input-main">
                                        <label for="">Enter your message</label>
                                        <textarea class="form-control" id="" rows="7" name="" value=""
                                            placeholder="Enter your message"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12">
                                    <div class="btn-box">
                                        <a href="javascript:;" class="btn btn-primary btn-wh">Send massege</a>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>
<?php
include 'includes/footer.php';
$page = 'home';
?>