@extends($layout) 
<style>
    .cus-title h3:before {
margin-bottom: -10px;
}
</style>
@section('content') 
    <!--Page Title-->
    <section class="call-to-action">
        <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;">Contact Us </h3>

                </div>

            </div>
        </div>
    </section>
    <!--End Page Title-->

    <!-- Contact Info Section -->
    <section class="contact-info-section">
        <div class="auto-container">
            <div class="inner-container">
                <div class="row clearfix">
                    <!-- Contact Info Block -->
                    <div class="contact-info-block col-lg-6 col-md-6 col-sm-12">
                        <div class="inner-box cus-title">
                            <h3>The Shanti Niketan International School <br>(Shastri Nagar)</h3>
                            <ul> 
                                <li>A - 252, Shastri Nagar,<br>Jodhpur, (Raj.)<br>342003 India</li>
                                <li>TEL:<!-- <a href="telto:91 7737530272">+91-7737530272</a>, --> <a href="telto:91 9610490222">+91-9610490222</a></li>
                                <li><a href="mailto:theshantiniketanprepschool@gmail.com" tittle="theshantiniketanprepschool@gmail.com">theshantiniketanprepschool@gmail.com</a></li>
                            </ul>
                        </div>
                    </div>

                    <!-- Contact Info Block -->
                    <!-- <div class="contact-info-block col-lg-6 col-md-6 col-sm-12">
                        <div class="inner-box cus-title">
                            <h3>The Shanti Niketan International School <br> (Kudi)</h3>
                            <ul>
                                <li>1912/ Sector 2, Kudi Housing Board,<br>Jodhpur, (Raj.)<br>342005 India</li>
                                <li>TEL: <a href="telto:91 7737541111">+91-7737541111</a>, <a href="telto:91 9610484222">+91-9610484222</a></li>
                                <li><a href="mailto:theshantiniketanprepschool@gmail.com">theshantiniketanprepschool@gmail.com</a></li>
                            </ul>
                        </div>
                    </div> -->

                    <!-- Contact Info Block -->
                    <!-- <div class="contact-info-block col-lg-4 col-md-4 col-sm-12">
                        <div class="inner-box cus-title">
                            <h3>IN COLLABORATION WITH</h3>
                            <ul>
                                <li><img src="{{ themes('images/contact/extramarkclasslogo.jpeg') }}" alt=""></li> 
                               
                            </ul>
                        </div>
                    </div> -->
                </div>
            </div>
        </div>
    </section>
    <!--End Contact Info Section -->

    <!-- Contact Form Section -->
    <section class="contact-form-section">
        <div class="auto-container">
            <div class="sec-title text-center light">
                <h2>Take The <span>First Step</span></h2>

                <div class="text">Without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain .Nec archimedes<br> manifestam deceperunt eae cohibendam praecipuum propugnent.Co solere im to maxime manebo maxima me.</div>
            </div>

            <!-- Contact Form -->
            <div class="contact-form">
                <form >
                    <div class="row clearfix">
                        <div class="col-lg-6 col-md-12 col-xs-12 form-group">
                            <input type="text" name="username" placeholder="Name" required>
                        </div>
                        
                        <div class="col-lg-6 col-md-12 col-sm-12 form-group">
                            <input type="email" name="email" placeholder="Email" required>
                        </div>

                        <div class="col-lg-6 col-md-12 col-sm-12 form-group">
                            <input type="text" name="phone" placeholder="Phone" required>
                        </div>

                        <div class="col-lg-6 col-md-12 col-sm-12 form-group">
                            <input type="text" name="subject" placeholder="Website" required>
                        </div>
                        
                        <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                            <textarea name="message" placeholder="Your Comments"></textarea>
                        </div>
                        
                        <div class="col-lg-12 col-md-12 col-sm-12 form-group text-center">
                            <button class="theme-btn btn-style-two" type="submit" name="submit-form">Send Now</button>
                        </div> 
                    </div>
                </form>
            </div>
        </div>
    </section>
    <section>
        <div style="width: 100%">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3577.7646503102264!2d73.0023382!3d26.269300700000002!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39418c2496cb85a5%3A0x14e6f7ea2b621cc9!2sThe%20Shanti%20Niketan%20Prep%20School!5e0!3m2!1sen!2sin!4v1674288216857!5m2!1sen!2sin" width="100%" height="600" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

            <!-- <iframe width="100%" height="600" src="https://maps.google.com/maps?width=100%&amp;height=600&amp;hl=en&amp;q=Old%20Sardarsamand%20Road%2C%20Jhalamand%2C%20Jodhpur%2C%20(Raj.)%20342001%20India+(THE%20SHANTI%20NIKETAN)&amp;ie=UTF8&amp;t=&amp;z=15&amp;iwloc=B&amp;output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"><a href="https://www.maps.ie/map-my-route/">Plot a route map</a></iframe> --></div>
    </section>
    <!--End Contact Form Section -->

@stop