@extends('layouts.app')
@section('title','My Karma Foundation | Contact us')
@section('style')
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<link rel="stylesheet" href="{{url('/assets/css/kstyle.css')}}">

@stop
@section('content')

@include('common.navigation')
<section>
   
            <div class="indexbanner-con ">
                <img src="{{url('/assets/img/contact.webp')}}" alt="" srcset="" class=" img-fluid">
            </div>
          
</section>





<section>
    <div class="container my-5">
        <p class="text-uppercase fs-14 fw-bold text-tri mb-1 letter-space text-center mt-1">Contact Us</p>
        <h6 class="fs-1 fw-bold m-auto  w-50 text-center">We Love to Hear from Our
            Happy People's </h6>
            <div class="row mt-3">
                <div class="col-lg-7">
                    <div class="homecontactform">
                        <div class="homecontactimg rounded-3 mt-2">
                            <img src="{{url('/assets/img/widows.webp')}}" alt="" srcset="" class="rounded-3 w-100 h-100 img-fluid">
                        </div>
                        <p class="mt-2">For more information on how you can support our child education initiatives, please feel free to reach out. We would love to discuss how your contribution can make a meaningful impact. You can contact us at +91 98703 31747 or email us at mykarmaf@gmail.com. Together, we can transform lives through education!</p>
                        <div class="">
                               <div class="row ">
                                <div class="col-12 col-md-6 d-flex ">
                                   <div class="ps-2">
                                    <div class="border border-1 rounded-pill">
                                        <i class="fa-solid fa-phone p-3 "></i>
                                    </div>
                                   </div>
                                    <div class="ps-2">
                                        <p class="text-tri fs-6 mb-0 ps-1">
                                            Phone number
                                        </p>
                                        <a target="_blank" href="tel:9870331747" class="text-dark fs-18 text-decoration-none">
                                            +91 98703 31747
                                        </a>
                                    </div>
                                </div>
                                <div class="col-12 col-md-6 d-flex">
                                    <div class="">
                                        <div class="border border-1 rounded-pill">
                                            <i class="fa-regular fa-envelope p-3 "></i>
                                        </div>
                                    </div>
                                    <div class="ps-2">
                                        <p class="text-tri fs-6 mb-0 ps-1">
                                            Email
                                        </p>
                                        <a target="_blank" href="mailto:mykarmaf@gmail.com" class="text-dark fs-18 ps-1 text-decoration-none">
                                            mykarmaf@gmail.com
                                        </a>
                                    </div>
                                </div>
                               </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="m-2  border border-1 px-4 py-2  rounded-3">
                        <form action="{{url('/akino/contactus/form')}}" method="post"  class="m-2 rounded-3">
                            @csrf
                            <input type="text" name="name" id="" class="w-100 bg-body-secondary rounded-2 py-2 px-3 my-2 border-0 outline-0" placeholder="Name">
                            <input type="text" name="email" id="" class="w-100 bg-body-secondary rounded-2 py-2 px-3 my-2 border-0 outline-0" placeholder="Email">
                            <input type="text" name="phone" id="" class="w-100 bg-body-secondary rounded-2 py-2 px-3 my-2 border-0 outline-0" placeholder="Phone Number">
                            <input type="text" name="location" id="" class="w-100 bg-body-secondary rounded-2 py-2 px-3 my-2 border-0 outline-0" placeholder="Location..">
                            <textarea  rows="7" class="w-100 bg-body-secondary rounded-2 py-2 px-3 border-0 my-2 outline-0" placeholder="Message" name="message"></textarea>
                            <div class="d-flex justify-content-end">

                                <input type="submit" value="Send" class="text-white d-inline-block bg-dark rounded-2 px-3 ms-auto py-2 ">
                            </div>
                        </form>
                    </div>
                </div>
            </div>
    </div>
</section>


@include('common.footer')


@section('script')
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

@stop
@stop