@extends('layouts.front_master')
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/css/fontawesome.min.css">
@section('content')

<!-- banner area start -->

<div class="banner-sec">
    <div class="container">
        <div class="page-banner inner-page-banner ">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="banner-txt">
                        <h1>Contact Us</h1>
                        <p>Curious as to what an online distance learning course is like? You can try our short module to introduce you to the OBC online learning experience.</p>

                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="banner-right-img">
                        <img src="courses/1721815077.png">
                    </div>
                </div>
            </div>

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

<!-- banner area end -->

<!-- contact form start -->
<div class="request-course margintop-100  section-padding-80" style="background-color: #0D293E">
    <div class="container">

        <div class="row align-items-center">
            <div class="col-lg-6">
                <div class="contact-detail-txt">
                    <h3>Call Us</h3>
                    <a href="tel:{{$siteSettingData->contact_number_one}}">{{$siteSettingData->contact_number_one}}</a>
                </div>
                <div class="contact-detail-txt">
                    <h3 class="contact-email-icon">Email Us</h3>
                    <a href="mailto:{{$siteSettingData->email}}">{{$siteSettingData->email}}</a>
                </div>
                <div class="contact-detail-txt">
                    <h3 class="contact-location-icon">Location</h3>
                    <p>@php echo $siteSettingData->address;@endphp</p>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="message-now-form request-course-form contact-form">
                    <div class="section-heading">
                        <h2>Contact Us</h2>
                    </div>
                    <form class="message-form">
                        <div class="row">
                            <div class="col-lg-12 mb-3">
                                <label for="name" class="form-label">Name</label>
                                <input type="text" class="form-control">
                            </div>

                            <div class="col-lg-12 mb-3">
                                <label for="email" class="form-label">Email Address</label>
                                <input type="text" class="form-control">
                            </div>
                            <div class="col-lg-12 mb-3">
                                <label for="phoneno" class="form-label">Phone Number</label>
                                <input type="text" class="form-control">
                            </div>
                            <div class="col-lg-12 mb-3">
                                <label for="message" class="form-label">Message</label>
                                <input type="textarea" class="form-control">
                            </div>

                        </div>
                        <button class="theme-yellow-btn">Send Message</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- contact form end -->

<!-- map section start-->
<div>
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1313.5444175844768!2d0.08732064157753282!3d51.57480159299696!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47d8a69ed1853a11%3A0xeb1aeb5e973e1f8b!2s1-5%20Monarch%20Way%2C%20Newbury%20Park%2C%20Ilford%20IG2%207HT%2C%20UK!5e0!3m2!1sen!2sin!4v1725283854728!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<!-- map section end-->

@endsection