@extends('layouts.app3')

@section('title', 'contact-us')

@section('content')
<style>
    .center-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}
</style>

    <!--==============================
    Breadcumb
============================== -->
    <div class="breadcumb-wrapper " data-bg-src="assets/img/bg/breadcumb-bg.jpg" data-overlay="title" data-opacity="8">
        <div class="breadcumb-shape" data-bg-src="assets/img/bg/breadcumb_shape_1_1.png">
        </div>
        <div class="shape-mockup breadcumb-shape2 jump d-lg-block d-none" data-right="30px" data-bottom="30px">
            <img src="assets/img/bg/breadcumb_shape_1_2.png" alt="shape">
        </div>
        <div class="shape-mockup breadcumb-shape3 jump-reverse d-lg-block d-none" data-left="50px" data-bottom="80px">
            <img src="assets/img/bg/breadcumb_shape_1_3.png" alt="shape">
        </div>
        <div class="container">
            <div class="breadcumb-content text-center">
                <h1 class="breadcumb-title">Contact Us</h1>
                <!--<ul class="breadcumb-menu">
                    <li><a href="index.html">Home</a></li>
                    <li>Contact Us</li>
                </ul>-->
            </div>
        </div>
    </div>
    <!--==============================
Contact Area 
==============================-->
    <div class="space" id="contact-sec">
        <div class="container">
            <div class="map-sec">
                <div class="map">
                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3677.607911530282!2d72.47117301436315!3d22.816987985057537!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x395e92d7452e8655%3A0x8b3fd7e0e7f3d3bb!2sRai%20University!5e0!3m2!1sen!2sin!4v1574692676574!5m2!1sen!2sin"  frameborder="0" style="border:0;" allowfullscreen=""></iframe>
                </div>
            </div>
                <div class="btn-group mt-40 center-btn">
                        <a href="https://www.google.com/maps/place/Rai+University/@22.81699,72.473788,17z/data=!4m6!3m5!1s0x395e92d7452e8655:0x8b3fd7e0e7f3d3bb!8m2!3d22.8169897!4d72.4737884!16zL20vMDl0NnRy?hl=en&entry=ttu&g_ep=EgoyMDI2MDUyNy4wIKXMDSoASAFQAw%3D%3D" class="th-btn">Click Here For Location<i class="fa-regular fa-arrow-right ms-2"></i></a>
                    </div>
            <div class="row">
                <div class="col-xl-6 mb-30 mb-xl-0">
                    <div class="me-xxl-5 mt-60">
                        
                        <div class="contact-feature">
                            <div class="contact-feature-icon">
                                <i class="fal fa-location-dot"></i>
                            </div>
                            <div class="media-body">
                                <p class="contact-feature_label">RAI UNIVERSITY CAMPUS</p>
                                <a href="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3677.607911530282!2d72.47117301436315!3d22.816987985057537!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x395e92d7452e8655%3A0x8b3fd7e0e7f3d3bb!2sRai%20University!5e0!3m2!1sen!2sin!4v1574692676574!5m2!1sen!2sin" class="contact-feature_link">SH 144, Village – Saroda, Taluka – Dholka,</br>
Dist. – Ahmedabad – 382260, Gujarat (India).</a>
                            </div>
                        </div>
                        
                         </div>
                        </div>
                         <div class="col-xl-6 mb-30 mb-xl-0">
                    <div class="me-xxl-5 mt-60">
                        
                        <div class="contact-feature">
                            <div class="contact-feature-icon">
                                <i class="fal fa-phone"></i> 
                            </div>
                            <div class="media-body">
                                <p class="contact-feature_label">Phone Number</p>
                                <a href="tel:+91 8980004325" class="contact-feature_link">Mobile:<span>+91 8980004325</span></a>
                            </div>
                        </div>
                       
                    </div>
                </div>
               
        </div>
    </div>
    </div>

    @endsection
     <!--********************************
			Code End  Here 
	******************************** -->

    <!-- Scroll To Top -->
    <div class="scroll-top">
        <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;"></path>
        </svg>
    </div>

    <!--==============================
    All Js File
============================== -->
    <!-- Jquery -->
    <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
    <!-- Slick Slider -->
    <script src="assets/js/slick.min.js"></script>
    <!-- Bootstrap -->
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- Magnific Popup -->
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <!-- Counter Up -->
    <script src="assets/js/jquery.counterup.min.js"></script>
    <!-- Circle Progress -->
    <script src="assets/js/circle-progress.js"></script>
    <!-- Range Slider -->
    <script src="assets/js/jquery-ui.min.js"></script>
    <!-- Isotope Filter -->
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <!-- Tilt JS -->
    <script src="assets/js/tilt.jquery.min.js"></script>
    <!-- Tweenmax JS -->
    <script src="assets/js/tweenmax.min.js"></script>
    <!-- Nice Select JS -->
    <script src="assets/js/nice-select.min.js"></script>

    <!-- Main Js File -->
    <script src="assets/js/main.js"></script>

</body>

</html>