@extends($layout) 

@section('content')  
    <section class="call-to-action" style="background-position: left;background-image:url({{ themes('images/main-slider/image-4.jpg') }}); "> 
        <div class="anim-icons">
            <!--            <span class="icon icon-cloud wow shake"></span>-->
            <span class="icon butterfly-1 wow zoomIn"></span>
            <!--            <span class="icon butterfly-2 wow zoomIn"></span>-->
        </div>

        <div class="auto-container">
            <div class="outer-box clearfix" style="text-align: -webkit-center;">
                <div class="title-column">
                    <h3 style="width:100%; text-transform: uppercase;">SCHOOL ENQUIRY</h3>

                </div>

            </div>
        </div>
    </section>

  <!-- Call To Action -->
       <div class="container " style="padding-top:100px;padding-bottom:100px;padding-left:10px;padding-bottom:10px;">          
                    <div class="row cus-title" style="padding-bottom:10px;">
                        <h3 style="color:#274778;"><b>ENQUIRY FORM</b></h3>
                    </div>
                    <div class="row" style="display: block;">
                        <form action="" method="post">
                          <div class="row">
                             <div class="col-xs-12 col-sm-6">
                             <div class="form-group">
                                <label for="">*NAME</label>
                                <input type="text" name="name" class="form-control">
                            </div>
                          </div>
                           <div class="col-xs-12 col-sm-6">
                             <div class="form-group">
                                <label for="">*EMAIL</label>
                                <input type="email" name="email" class="form-control">
                            </div>
                           </div>
                          </div>                       
                           <div class="row">
                             <div class="col-xs-12 col-sm-6">
                               <div class="form-group">
                                <label for="">PHONE</label>
                                <input type="number" onkeypress="if(this.value.length=='12') return false;" name="phone" class="form-control">
                            </div>
                             </div>
                             <div class="col-xs-12 col-sm-6">
                                 <div class="form-group">
                                <label for="">ENQUIRY TYPE</label>
                                <select class="form-control" name="enq-type" id="">
                                    <option value="">General</option>
                                    <option value="job">Job</option>
                                    <option value="Admission">Admission</option>
                                </select>
                            </div>
                             </div>
                           </div>
                           
                            
                          
                            <div class="form-group">
                                <label for="">ENQUIRY TITLE </label>
                                <input type="text" name="enq-title" class="form-control">
                            </div>
                            <div class="form-group">
                                <label for="">* ENQUIRY DESCRIPTION</label>
                                <textarea name="enq-desc" id="" cols="30" rows="10" class="form-control"></textarea>
                            </div>
                            <div class="form-group">
                                <button type="submit" class="theme-btn btn-style-one">Send Enquiry</button>
                            </div>
                        </form>
                    </div>
        
        </div>

@stop