@extends("layouts.app")
@section("content")

    <div class="main-slider">
        <img class="img-fluid w-100" src="{{asset('images/innerBnnr.jpg')}}" alt="First slide">
        <div class="carousel-caption">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <h1 class="text-uppercase">Contact us</h1>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Main Slider -->

    <section class="contactSec">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <a href="tel:01234567890" class="contactInfo">
                        <img src="{{asset('images/phone.png')}}" alt="">
                        <span>Contact Number <br>01234567890</span>
                    </a>
                </div>
                <div class="col-md-4">
                    <a href="mailto:info@gmail.com" class="contactInfo">
                        <img src="{{asset('images/mail.png')}}" alt="">
                        <span>Email Address <br>info@gmail.com</span>
                    </a>
                </div>
                <div class="col-md-4">
                    <a href="#" class="contactInfo">
                        <img src="{{asset('images/pin.png')}}" alt="">
                        <span>Location <br> 32652 city, blog, <br>strret near by 123 usa</span>
                    </a>
                </div>
            </div>


            <form action="">
                <div class="row">
                    <div class="col-md-12 my-5">
                        <div class="form-group form-check">
                            <input type="checkbox" class="form-check-input" id="exampleCheck1">
                            <label class="form-check-label" for="exampleCheck1">Standard Time - No Rush</label>
                        </div>
                        <div class="form-group form-check">
                            <input type="checkbox" class="form-check-input" id="exampleCheck2">
                            <label class="form-check-label" for="exampleCheck2">I Have A Specific Date</label>
                        </div>
                        <div class="form-group form-check">
                            <input type="checkbox" class="form-check-input" id="exampleCheck3">
                            <label class="form-check-label" for="exampleCheck3">Same Day - Extra Fee</label>
                        </div>
                        <div class="form-group form-check">
                            <input type="checkbox" class="form-check-input" id="exampleCheck4">
                            <label class="form-check-label" for="exampleCheck4">Tomorrow - Extra Fee</label>
                        </div>
                    </div>

                    <div class="col-md-8">
                        <div class="form-group">
                            <label for="duedate">(optional) Due Date</label>
                            <input type="text" placeholder="" name="duedate" id="duedate" class="form-control">
                        </div>
                        <div class="form-group">
                            <label for="">Phone Number - We Might Have Detailed Questions </label>
                            <input type="text" placeholder="" name="" id="" class="form-control">
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">First name *</label>
                                    <input type="text" placeholder="" name="" id="" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Last name *</label>
                                    <input type="text" placeholder="" name="" id="" class="form-control">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="">Company Name *</label>
                            <input type="text" placeholder="" name="" id="" class="form-control">
                        </div>
                        <div class="form-group">
                            <label for="">Email</label>
                            <input type="email" placeholder="" name="" id="" class="form-control">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group mt-4">
                            <label for="">Tell Us About Your Project: Qty • Size • Does It Fold •
                                Flat Size • Size After Folding • Paper, Cardstock, Vinyl
                                or Other Materials? *</label>
                            <textarea name="" id="" cols="30" rows="10" class="form-control"></textarea>
                            <button type="submit" class="themeBtn">Submit</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </section>

@endsection