File: /home/durgeshpandey215/public_html/mykarma.skilladders.com/resources/views/index.blade.php
@extends('layouts.app')
@section('title','My Karma Foundation | ')
@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 id="carouselExample" class="carousel slide">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="indexbanner-con ">
<img src="{{url('/assets/img/indexbanner.webp')}}" alt="" srcset="" class=" img-fluid">
</div>
</div>
<div class="carousel-item">
<div class="indexbanner-con ">
<img src="{{url('/assets/img/indexbanner2.webp')}}" alt="" srcset="" class="img-fluid ">
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</section>
<section>
<div class="container mt-5">
<div class="row">
<p class="fs-14 text-uppercase text-center fw-bold text-tri mb-1 letter-space font-semibold">OUR SERVICE</p>
<h6 class="fs-50 text-center fw-bold">We Are Here to Help Them</h6>
<p class="text-center m-auto w-75">At Stitch Cleaning Service, let us help you solve problems so that you can focus on our mission. We support businesses through periods of expansion, succession.</p>
</div>
<div class="row my-4">
@if(isset($directCamp) )
@foreach ($directCamp as $item)
@php
$subcategory = \App\Models\Subcategory::find($item->campiagn_type);
@endphp
@if($subcategory)
<div class="col-12 py-3 col-md-6 col-lg-3">
<div class=" rounded-4 service-card py-3 px-4">
<div class="service-card-img">
<img src="{{$subcategory->banner}}" alt="{{$subcategory->name}}" srcset="" width="50" height="50" class="img-fluid">
</div>
<div class="">
<h6 class="fs-5 fw-bold mt-3 text-capitalize">{{$item->title}}</h6>
<p class="fs-14">{{$item->short_description}}</p>
<a target="_blank" href="{{url('/campaign/'.encrypt($item->id))}}" class="text-decoration-none">learn more </a>
</div>
</div>
</div>
@endif
@endforeach
@endif
</div>
</div>
</section>
<section>
<div class="container my-10 ">
<div class="homeservice ">
<div class="row mx-0 ">
<div class="col-12 col-lg-6 px-5 pt-5">
<h6 class="text-white text-uppercase fs-35 fw-bold">Give Every Month</h6>
<p class="text-uppercase text-white fs-18">To save Countless lives</p>
<p class="text-white fs-6">GEM or ‘Give Every Month’ is a monthly donation subscription that helps patients in India afford life-saving treatment on time.</p>
<a href="{{url('donate')}}" class="text-white fw-semibold text-decoration-none bg-prim py-2 px-3 rounded-2 fs-18 d-inline-block mt-3">Donate Now <i class="fa-solid fa-heart"></i></a>
</div>
<div class="col-12 col-lg-6 d-flex justify-content-center align-items-center p-4">
<div class="homeservicebox mt-2 d-flex d-sm-none d-lg-flex flex-wrap">
<div class="box1 d-flex flex-wrap justify-content-center align-items-center">
<div class="">
<p class="text-white fs-35 fw-bold mb-0 text-center"><i>100%</i> </p>
<p class="text-white fs-6 text-center">Transparent</p>
</div>
</div>
<div class="box2 d-flex flex-wrap justify-content-center align-items-center">
<div class="">
<p class="text-white fs-35 fw-bold mb-0 text-center"><i>80G</i> </p>
<p class="text-white fs-6 text-center">Transparent</p>
</div>
</div>
<div class="box3 d-flex flex-wrap justify-content-center align-items-center">
<div class="">
<p class="text-white fs-35 fw-bold mb-0 text-center"><i>100%</i> </p>
<p class="text-white fs-6 text-center">Transparent</p>
</div>
</div>
<div class="box4 d-flex flex-wrap justify-content-center align-items-center">
<div class="">
<p class="text-white fs-35 fw-bold mb-0 text-center"><i>80G</i> </p>
<p class="text-white fs-6 text-center">Transparent</p>
</div>
</div>
</div>
<div class="d-none d-md-flex d-lg-none justify-content-around w-100">
<div >
<p class="text-white fs-35 fw-bold mb-0 text-center"><i>100%</i> </p>
<p class="text-white fs-6 text-center">Transparent</p>
</div>
<div >
<p class="text-white fs-35 fw-bold mb-0 text-center"><i>100%</i> </p>
<p class="text-white fs-6 text-center">Transparent</p>
</div>
<div >
<p class="text-white fs-35 fw-bold mb-0 text-center"><i>100%</i> </p>
<p class="text-white fs-6 text-center">Transparent</p>
</div>
<div >
<p class="text-white fs-35 fw-bold mb-0 text-center"><i>100%</i> </p>
<p class="text-white fs-6 text-center">Transparent</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container my-10">
<div class="row">
<div class="col-12 col-lg-6 order-2 order-lg-1 d-flex justify-content-center"><img src="{{url('/assets/img/section.webp')}}" alt="" srcset="" class="img-fluid "></div>
<div class="col-12 col-lg-6 d-flex align-items-center order-1 order-lg-2 my-5">
<div class="">
<p class="text-uppercase fs-14 fw-bold text-tri mb-1 letter-space">WELCOME TO MY My Karma Foundation</p>
<h6 class="text-capitalize fw-bold fs-45 mb-3">Helping Each Other
Can Make World Better</h6>
<p class="text-sec fs-14"> We are delighted to have you visit our website! At MY KARMA FOUNDATION, we are committed to creating positive change by empowering underprivileged communities through education, essential aid, and support programs. Whether it’s helping children access quality education, supporting widows, or uplifting slum communities, we believe in the power of compassion and action. Explore our initiatives and discover how you can join us in making a lasting impact. Together, we can build a brighter, more equitable future for all.</p>
<a target="_blank" href="" class="text-capitalize text-dark">Learn More</a>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container my-5">
<p class="text-uppercase fs-14 fw-bold text-tri mb-1 letter-space text-center">help & donate us now</p>
<h6 class="fs-50 fw-bold w-75 m-auto text-center">Join Us in Making a Difference with My Karma Foundation</h6>
<p class="fs-14 text-tri w-50 m-auto text-center mt-3">"Join My Karma Foundation in our mission to uplift underserved communities. Together, we can create lasting change through education, healthcare, and sustainable development initiatives for a brighter future."</p>
<div class="row">
<div class="swiper mySwiper">
<div class="swiper-wrapper">
@if ($campaigns)
@foreach ($campaigns as $item)
<div class="swiper-slide mx-2">
<div class="campaigncard rounded-4 my-5 m-auto">
<div class="campcardimg ">
<a target="_blank" href="{{url('/campaign/'.encrypt($item->id))}}"> <img src="{{url($item->main_image)}}" alt="" srcset="" height="150" class="w-100 rounded-top-4"></a>
</div>
<div class="card-content p-3 bg-white rounded-4">
<h6 class="fs-14 fw-semibold text-capitalize text-section ">{{$item->camp_name}}</h6>
<p class="fs-6 fw-semibold camp-heading mb-2">{{$item->title}} </p>
<p class="fs-12 text-tri camp-para">{{$item->short_description}}</p>
<hr>
<p class="d-flex justify-content-between mb-1"> <span class="fw-bold fs-18 text-dark">₹{{$item->raise_fund}} </span><span
class="text-dark-gray ps-2">Raised of ₹
{{$item->fund_amount}} goal</span></p>
<div class="range my-1">
<div class="range-width" style="width:{{$item->fund_percentage}}%"></div>
</div>
<div class="">
<img src="{{url('/assets/img/hurt.png')}}" alt="" srcset="" width="20" height="18"> {{$item->count_total}} supporter's
</div>
</div>
</div>
</div>
@endforeach
@endif
</div>
<div class="swiper-button-next camp-next"></div>
<div class="swiper-button-prev camp-prev"></div>
</div>
</div>
</div>
</section>
@if($activity)
<section>
<div class="container-fluid event-banner">
<div class="container">
<div class="row">
<div class="col-12 col-lg-6 ">
<div class="mt-5">
<p class="text-uppercase fs-14 fw-bold text-tri mb-1 letter-space mt-1">UPCOMING EVENTS</p>
<h6 class="fs-1 fw-bold m-auto ">Ready to Join Our Latest
Upcoming Events </h6>
<p class="fs-14 text-tri m-auto mt-5">Be a part of MY KARMA FOUNDATION's upcoming events and make a difference in the lives of those in need. From educational drives to community support initiatives, your participation can bring hope and change to underprivileged communities. Stay tuned for our latest events and get involved—together, we can create a brighter, more promising future for all.</p>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="swiper mySwiper2">
<div class="swiper-wrapper">
@foreach ($activity->take(5) as $item)
<div class="swiper-slide">
<div class="campaigncard rounded-4 my-5 m-auto bg-white">
<div class="campcardimg ">
<img src="{{$item->Main_image}}" height="150" alt="{{$item->Main_image}}" srcset="" class="w-100 rounded-top-3">
</div>
<div class="card-content p-3 rounded-4 bg-white">
<h6 class="fs-14 fw-semibold text-capitalize text-section ">{{$item->activity_date}}</h6>
<p class="fs-6 fw-semibold camp-heading mb-2">{{$item->title}}</p>
<p class="fs-12 text-tri activity-para">{{$item->description}}</p>
<div class="">
<a target="_blank" href="{{ url('/activitydetail', ['encryptedId' => encrypt($item->id)]) }}" class="text-dark text-decoration-none">Read More</a>
</div>
</div>
</div>
</div>
@endforeach
</div>
<div class="swiper-button-next camp-next"></div>
<div class="swiper-button-prev camp-prev"></div>
</div>
</div>
</div>
</div>
</div>
</section>
@endif
<section >
<div class="container my-5">
<div class="row">
<div class="col-lg-6">
<p class="text-uppercase fs-14 fw-bold text-tri mb-1 letter-space mt-1">Contact Us</p>
<h6 class="fs-1 fw-bold m-auto ">Join Your Hands with Us for
A Better Life and Future </h6>
<p class="fs-14 text-tri m-auto mt-2">MY KARMA FOUNDATION is committed to empowering underprivileged communities through education and essential support. We focus on providing quality education for children, aiding widows, and uplifting slum areas. Our mission is to create lasting change and a brighter future for all. Join us in making a meaningful impact!</p>
<div class="mt-5 pt-3">
<div class="d-flex my-2">
<div class="">
<img src="{{url('/assets/img/star-filled.webp')}}" alt="" srcset="" class="mx-1">
</div>
<div class="">
<h6>Our Purpose</h6>
<p class="fs-14"> The main purpose of the organization is to work with grass roots initiatives for effecting positive changes in the lives of underprivileged children's , their families and communities.</p>
</div>
</div>
<div class="d-flex my-2">
<div class="">
<img src="{{url('/assets/img/star-filled.webp')}}" alt="" srcset="" class="mx-1">
</div>
<div class="">
<h6>Our Mission</h6>
<p class="fs-14">
The foundation plans to establish a women’s enterprise to empower widows and homemakers by producing handmade products like papad and agarbatti, while also opening a shelter for abandoned dogs.</p>
</div>
</div>
<div class="d-flex my-2">
<div class="">
<img src="{{url('/assets/img/star-filled.webp')}}" alt="" srcset="" class="mx-1">
</div>
<div class="">
<h6>Our Vision</h6>
<p class="fs-14">Work as Hard as possible to bring the change in the lives of underprivileged children, youth and women, with a life-cycle approach of development.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="homeabouts mt-5 position-relative">
<div class="h-aboutimg img1 position-absolute z-2 p-2 bg-white"><img src="{{url('/assets/img/bookdontion.webp')}}" alt="" srcset="" class="img-fluid "></div>
<div class="h-aboutimg img2 position-absolute z-1 p-3 bg-white"><img src="{{url('/assets/img/primary-chidren9.webp')}}" alt="" srcset="" class="img-fluid"></div>
<div class="h-aboutimg img3 position-absolute z-2 p-2 bg-white"><img src="{{url('/assets/img/widows3.webp')}}" alt="" srcset="" class="img-fluid"></div>
<div class="h-abouting voltag position-absolute z-3">
<div class="position-relative">
<div class="position-absolute z-1">
<img src="{{url('/assets/img/Rectangle.png')}}" alt="" srcset="" class="aboutval">
</div>
<div class="position-absolute z-2">
<h2 class="fs-1 fw-bold text-white px-2 mb-0">20k</h2>
<p class="text-white px-2 w-10a fs-12a lh-1">Volunteers helping carry out children </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container my-5">
<div class="row justify-content-center">
<div class="col-11 ">
<div class="row sectiction4 rounded-5 ">
<div class="col-12 mt-4 mt-md-0 col-lg-6 d-flex justify-content-center order-2 order-lg-1">
<img src="{{url('/assets/img/section4_img.webp')}}" alt="" class="img-fluid" >
</div>
<div class="col-12 col-lg-6 d-flex align-items-center order-1 order-lg-2">
<div class=" px-3">
<h6 class="fs-35 fw-bold text-white mt-4 mt-lg-0 pt-0 ">Collaborate with Us for a Brighter Tomorrow</h6>
<p class="fs-14 text-white ">Collaborate with MY KARMA FOUNDATION to create a better future. Your support can provide essential resources, education, and hope to those in need. Together, we can make a lasting impact. </p>
<a target="_blank" href="{{url('volunteering')}}" class="indexvolbtn text-decoration-none text-white px-3 rounded-2 py-2 fw-bold mt-2">Become a Volunteer</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="d-none">
<div class="container">
<div class="row my-5">
<h2 class="text-center fs-2 fw-bold mb-5">Latest Articals and Blogs</h2>
<div class="col-12 col-md-6 col-lg-4">
<div class="homeblockcard m-auto my-3">
<div class="homeblockimg">
<img src="{{url('/assets/img/blooddonate.jpg')}}" alt="" srcset="" class="w-100 h-100 rounded-2">
</div>
<h6 class="fw-semibold my-2 fs-18">Lorem ipsum is placeholder text</h6>
<p class="fs-14">Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut consequatur, nisi blanditiis distinctio magni officiis eligendi tempora rerum itaque quod?</p>
<a target="_blank" href="" class="mt-3 text-dark">Read More</a>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4">
<div class="homeblockcard m-auto my-3">
<div class="homeblockimg">
<img src="{{url('/assets/img/blooddonate.jpg')}}" alt="" srcset="" class="w-100 h-100 rounded-2">
</div>
<h6 class="fw-semibold my-2 fs-18">Lorem ipsum is placeholder text</h6>
<p class="fs-14">Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut consequatur, nisi blanditiis distinctio magni officiis eligendi tempora rerum itaque quod?</p>
<a target="_blank" href="" class="mt-3 text-dark">Read More</a>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4">
<div class="homeblockcard m-auto my-3">
<div class="homeblockimg">
<img src="{{url('/assets/img/blooddonate.jpg')}}" alt="" srcset="" class="w-100 h-100 rounded-2">
</div>
<h6 class="fw-semibold my-2 fs-18">Lorem ipsum is placeholder text</h6>
<p class="fs-14">Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut consequatur, nisi blanditiis distinctio magni officiis eligendi tempora rerum itaque quod?</p>
<a target="_blank" href="" class="mt-3 text-dark">Read More</a>
</div>
</div>
</div>
</div>
</section>
<section class="d-none">
<div class="container my-5">
<h5 class="text-center fs-1 mb-0">Frequently Ask Question</h5>
<p class="text-tri text-center">Have another question ? Email us at info@mykarma.com</p>
<div class="my-2">
<div class="row">
<div class="col-12 col-md-10 col-lg-9 m-auto">
<div class="accordion" id="accordionExample">
<div class="accordion-item rounded-2 my-2">
<h2 class="accordion-header">
<button class="accordion-button bg-body-secondary border border-secondary-subtle px-4 py-2 fs-4" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<p class="pe-1 pe-lg-5 mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
<div class="accordion-body">
<strong>This is the first item's accordion body.</strong> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
</div>
</div>
</div>
<div class="accordion-item rounded-2 my-2">
<h2 class="accordion-header">
<button class="accordion-button bg-body-secondary border border-secondary-subtle px-4 py-2 fs-4" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="true" aria-controls="collapseOne">
<p class="pe-1 pe-lg-5 mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body">
<strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
</div>
</div>
</div>
<div class="accordion-item rounded-2 my-2">
<h2 class="accordion-header">
<button class="accordion-button bg-body-secondary border border-secondary-subtle px-4 py-2 fs-4" type="button" data-bs-toggle="collapse" data-bs-target="#collapsethree" aria-expanded="true" aria-controls="collapseOne">
<p class="pe-1 pe-lg-5 mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
</button>
</h2>
<div id="collapsethree" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body">
<strong>This is the third item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</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 Customers </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/primary-chidren10.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"></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>
<section>
<div class="container-fluid supportbanner ">
<div class="container">
<div class="row d-none d-md-block">
<div class="m-auto w-50">
<h6 class="fs-1 fw-bold text-center m-auto">Support our vision for what future can be</h6>
<p class=" mt-2 text-center mb-1">Your donation helps provide education to underprivileged children, giving them the tools to succeed. Together, we can create a brighter, more hopeful future for them</p>
<div class="d-flex justify-content-center">
<a target="_blank" href="{{url('donate')}}" class="text-white fw-semibold text-decoration-none bg-sec1 py-2 px-3 rounded-2 fs-18 d-inline-block mt-3">Donate Now <i class="fa-solid fa-heart"></i></a>
</div>
</div>
</div>
{{-- <div class="row">
<img src="{{url('/assets/img/supportimg.webp')}}" alt="" srcset="">
</div> --}}
</div>
</div>
</section>
@include('common.footer')
@section('script')
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script>
var swiper = new Swiper(".mySwiper", {
slidesPerView: 4, // Default value for desktop
spaceBetween: 5, // Default space between slides
navigation: {
nextEl: ".camp-next",
prevEl: ".camp-prev",
},
breakpoints: {
// When the screen width is >= 1024px (desktop)
1024: {
slidesPerView: 4, // 4 slides per view
spaceBetween: 10, // Space between slides
},
// When the screen width is >= 768px (tablet)
768: {
slidesPerView: 2, // 3 slides per view
spaceBetween: 10, // Space between slides
},
// When the screen width is >= 480px (small tablet/large mobile)
480: {
slidesPerView: 1, // 2 slides per view
spaceBetween: 10, // Space between slides
},
// When the screen width is < 480px (mobile)
0: {
slidesPerView: 1, // 1 slide per view
spaceBetween: 5, // Space between slides
}
}
});
var swiper = new Swiper(".mySwiper2", {
slidesPerView: 'auto',
spaceBetween: 10,
navigation: {
nextEl: ".camp-next",
prevEl: ".camp-prev",
},
breakpoints: {
480: {
centeredSlides: true,
}
}
});
</script>
@stop
@stop