@include('header_main')
<link href="{{asset('css/contact_us.css')}}" rel="stylesheet" type="text/css">

<!-- content area -->
	<section class="main-section m-top-80" id="aboutus"  style="margin-top: 25px!important;"><!--main-section-start-->
    <div class="container">
        <div class="row">
            <div class="col-sm-9 contact_label" >
                <h2 class="animated fadeInDown delay-07s" style="font-size: 55px;">Contact Us</h2>
                <ul class="we-create animated fadeInUp delay-1s">
                    <li >There are so many ways to contact us, the easiest of them is to simply fill the form below and we'll respond to you within 24 hours.</li>
                </ul>
            </div>
          <!--   <div class="col-sm-3">
                <div class="row dropdown2 animated fadeInDown delay-07s">
                    <div class="ccontactpp">
                        <div class="bordercht">
                            <div class="col-sm-12"><a class="btn my_btn salc" href="javascript:void(0);" onclick="document.getElementById('customer-chat-iframe').style.display = 'block';">Start a live chat</a></div>
                            <div class="col-sm-12">&nbsp;</div>
                            <div class="col-sm-12">Or call us at:</div>
                            <div class="col-sm-12"><h4 id="contact_box">+91-0120-222-222-222</h4></div>
                        </div>

                    </div>

                </div>
            </div> -->
        </div>
    </div>
</section>
<section class="main-section" id="service" style="padding-top: 40px; padding-bottom: 20px;"><!--main-section-start-->
	<div class="container">
        <div class="row co_box" style='margin-left: 0px;'>
            <div class="col-sm-6 addr" >
                <div class="row">
                    <div class="col-sm-12"><h4>India</h4><br/><i class="fa fa-map-marker iconaddr" style="font-size: 18px;"></i>&nbsp;N14/36 FF, DLF Phase 2<br/>&emsp;&ensp;Gurugram, India 122002<br/><!-- <i class="fa  fa-phone number"></i>+91-9990509727<br/> --><i class="fa fa-envelope-o icon_col" style="margin-right: 8px !important;"></i>support@vola.ad</div>
                    <!-- <div class="col-sm-6"><h4>Dubai, UAE</h4><br/><i class="fa fa-map-marker" style="color:#85dfb4;line-height: 20px;"></i>N14/36 FF, DLF Phase 2<br/>Gurugram, India 122002<br/><i class="fa  fa-phone" style="color:#85dfb4;line-height: 20px;"></i>8888888888<br/><i class="fa fa-envelope-o" style="color:#85dfb4;line-height: 20px;"></i>in.sales@vola.ad </div> -->
                </div>
<!--                <div class="row" style="margin-top:20px;">
                    <div class="col-sm-6"><b>India</b><br/><i class="fa fa-map-marker" style="color:#85dfb4;"></i>N14/36 FF, DLF Phase 2<br/>Gurugram, India 122002<br/><i class="fa  fa-phone" style="color:#85dfb4;"></i>8888888888<br/><i class="fa fa-envelope-o" style="color:#85dfb4;"></i>in.sales@vola.ad</div>
                    <div class="col-sm-6"><b>India</b><br/><i class="fa fa-map-marker" style="color:#85dfb4;"></i>N14/36 FF, DLF Phase 2<br/>Gurugram, India 122002<br/><i class="fa  fa-phone" style="color:#85dfb4;"></i>8888888888<br/><i class="fa fa-envelope-o" style="color:#85dfb4;"></i>in.sales@vola.ad</div>
                </div>-->
            </div>
            <div class="col-sm-6">
                 @if(Session::has('message'))
                 <div class="row">
                   <div class="alert alert-success alert-dismissable fade in">
                     <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                       {{ Session::get('message') }}
                   </div>
                 </div>
               @endif
                <div class="row">
                    <form method="post" class="contact-form" action="contactusdata" role="form" id="register-form">
                        <div class="form-group">
                         <input type="text" class="form-control" placeholder="Your Name" name="name" pattern="[a-zA-Z ]*$" title="You Can Enter Only Characters" required="">
                         <input type="hidden" class="form-control" placeholder="Your Mobile" name="phone" value="">
                        </div>
                        <div class="form-group">
                        <input type="email" class="form-control" placeholder="Your Email" name="email" required="">
                        </div>
                        <div class="form-group">
                        <textarea class="form-control" placeholder="Message" name="message" required=""></textarea>
                        </div>
                        <div class="form-group pull-right">
                        <button class="btn btn-primary Send_msg my_btn" type="submit">Send Message</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        </div>
</section>




<section class="main-section " id="Portfolio"><!--main-section-start-->
	<div class="container ">
	<div class="col-md-8 featured-work">
	<h2>Like what you see? Let's get you started.</h2>
	</div>
	<div class="col-md-4 featured-work">
	<a class="link animated fadeInUp delay-1s signup" href="/login?refer=myaccount">Yes! Create an ad</a>
	</div>
</div>
</section>
<!-- content area end -->
   @include('footer_main')
            <!--footer end-->
<!--=========================================================code end================================================-->

    <!-- jQuery -->

  <script type="text/javascript" src="{{ asset('js/contact_us.js') }}"></script>

</body>

</html>