@extends('frontend.layouts.master')
@section('main-section')
    {{-- <div class="banner-area-one shape-move">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 order-xl-1 order-lg-1 order-sm-2 order-2">
                    <div class="banner-content-one">
                        <div class="inner">
                            <div class="pre-title-banner">
                                <img src="assets/images/banner/bulb.png" width="22" alt="icon">
                                <span>Gateway to Lifelong Learning</span>
                            </div>
                            <h1 class="title-banner">
                                Unlock Your Potential <br>
                                with <span>Online Learning</span>
                                <img src="assets/images/banner/02.png" alt="banner">
                            </h1>
                            <p class="disc">Discover a world of knowledge and opportunities with our online
                                education platform pursue a new career.</p>
                            <div class="banner-btn-author-wrapper">
                                <a href="course-five.html" class="rts-btn btn-primary with-arrow">View All Course <i
                                        class="fa-regular fa-arrow-right"></i></a>
                                <div class="sm-image-wrapper">
                                    <div class="images-wrap">
                                        <img src="assets/images/banner/shape/06.png" alt="banner">
                                        <img class="two" src="assets/images/banner/shape/07.png" alt="banner">
                                        <img class="three" src="assets/images/banner/shape/08.png" alt="banner">
                                    </div>
                                    <div class="info">
                                        <h6 class="title">2k students</h6>
                                        <span>Joint our online Class</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 order--xl-2 order-lg-2 order-sm-1 order-1">
                    <div class="banner-right-img">
                        <img src="assets/images/banner/01.png" alt="banner">
                    </div>
                </div>
            </div>
        </div>
        <div class="review-thumb">
            <!-- single review -->
            <div class="review-single">
                <img src="assets/images/banner/03.png" alt="banner">
                <div class="info-right">
                    <h6 class="title">4.5</h6>
                    <span>(2.4k Review)</span>
                </div>
            </div>
            <!-- single review end -->
            <!-- single review -->
            <div class="review-single two">
                <img src="assets/images/banner/04.png" alt="banner">
                <div class="info-right">
                    <h6 class="title">100+
                    </h6>
                    <span>Online Course</span>
                </div>
            </div>
            <!-- single review end -->
        </div>
        <div class="shape-image">
            <div class="shape one" data-speed="0.04" data-revert="true"><img
                    src="assets/images/banner/shape/banner-shape01.svg" alt="shape_image"></div>
            <div class="shape two" data-speed="0.04"><img src="assets/images/banner/shape/banner-shape02.svg"
                    alt="shape_image"></div>
            <div class="shape three" data-speed="0.04"><img src="assets/images/banner/shape/banner-shape03.svg"
                    alt="shape_image"></div>
        </div>
    </div> --}}

    <div id="carouselId" class="carousel slide" data-ride="carousel">       
        <div class="carousel-inner" role="listbox">
            <div class="carousel-item active">
                <img src="{{url('frontend/assets/img/sliders/slider-1.jpg')}}" class="img-fluid banner-image" />
            </div>
            {{-- <div class="carousel-item">
                <img src="{{url('frontend/assets/img/sliders/1.jpg')}}" class="img-fluid" />
            </div>
            <div class="carousel-item">
                <img src="{{url('frontend/assets/img/sliders/3.jpg')}}" class="img-fluid" />
            </div> --}}
        </div>
        <a class="carousel-control-prev" href="#carouselId" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselId" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>

    <section class="container about-us mt-5 mb-5">
        <div class="row">
            <div class="col-md-12">
                <div class="text-center">
                    <i class="fa fa-lightbulb-o blub"></i>
                    <span class="text-danger">Mentoring Minds for Excellence Coaching</span>
                </div>
                <h2 class="title text-center mt-2">About Us</h2>
            </div>

            <div class="custom-about-container">
                <div class="col-md-4">
                    <img src="{{url('frontend/assets/img/about.jpg')}}" alt="about" style="border-radius:5px;">
                </div>

                <div class="col-md-6">
                    <p class="post-title posyt-about about-content mb-2">Welcome to Excel Computer Education, Established in 16 January 1995 where we're
                        dedicated to empowering individuals to unlock their full potential and achieve their goals.With a
                        team of experienced coaches, we provide personalized guidance and support to help you navigate
                        challenges, discover your strengths, and create actionable strategies for success. </p>
                    <p class="about-page-p about-content mb-2">
                        Whether you're striving for personal growth, career advancement, or improved well-being, our
                        holistic approach ensures that you receive the tailored support you need to thrive. At technology
                        courses for IT students ,all computer languages C, C++, Java, Python, PHP,
                        .Net and web terminology like HTML, CSS, Javascript, career programs for students wanting to enter
                        the IT sector, We are accredited institute for NIELIT CCC &amp; 'O' Level Courses, all BCA, MCA,
                        BTech computer courses, certification courses for IT..
                    </p>

                    <p class="about-page-p about-content">
                        Come Join and Grow Your Knowledge With Our Expert Faculty and Hand Holding Support.
                    </p>
                </div>
            </div>
        </div>
    </section>

    <div class="course-area-two rts-section-gapBottom mt-5">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="title-between-area align-items-end">
                        <div class="title-area-left-style">                            
                            <h2 class="title mb--5 text-center">Trending Courses</h2>
                            <p class="disc text-center">
                                You'll find something to spark your curiosity and enhance
                            </p>
                        </div>                        
                    </div>
                </div>
            </div>
            <div class="row g-5 mt--20">
                <div class="swiper mySwiper-category-1 swiper-float-right-course swiper-data" data-swiper='{
                    "spaceBetween":30,
                    "slidesPerView":4,
                    "loop": true,
                    "autoplay":{
                        "delay":"2000"
                    },
                    "navigation":{
                        "nextEl":".swiper-button-next",
                        "prevEl":".swiper-button-prev"
                    },
                    "pagination":{
                        "el": ".swiper-pagination",
                        "clickable": "true"
                    },
                    "breakpoints":{
                    "320":{
                        "slidesPerView":1,
                        "spaceBetween":30},
                    "420":{
                        "slidesPerView":1,
                        "spaceBetween":30},
                    "500":{
                        "slidesPerView":2,
                        "spaceBetween":30},
                    "740":{
                        "slidesPerView":2,
                        "spaceBetween":30},
                    "940":{
                        "slidesPerView":3,
                        "spaceBetween":30},
                    "1240":{
                        "slidesPerView":4,
                        "spaceBetween":30}
                    }
                }'>
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">                            
                            <div class="rts-single-course">
                                <a href="{{url('/web-designing')}}" class="thumbnail">
                                    <img src="{{url('frontend')}}/assets/img/course/web-designing.jpg" alt="course">
                                </a>

                                <div class="lesson-studente text-center justify-content-center">
                                    <div class="lesson">                                        
                                        <span class="text-success">Upto 20% Discount</span>
                                    </div>                                    
                                </div>
                                                                
                                <a href="{{url('/web-designing')}}">
                                    <h5 class="title text-center">
                                        Web Designing
                                    </h5>
                                </a>

                                <p class="course-details-text">
                                    Enroll Today In Our Web Designing Course And Upskill Your Knowledge In The Field Of Computers.
                                </p>

                                <div class="course-button-group mt-3">
                                    <a href="{{url('/web-designing')}}" class="btn btn-sm btn-danger btn-block">Read More</a>
                                </div>                                 
                            </div>     
                        </div>

                        <div class="swiper-slide">                            
                            <div class="rts-single-course">
                                <a href="{{url('/machine-learning')}}" class="thumbnail">
                                    <img src="{{url('frontend')}}/assets/img/course/machine-learning.jpg" alt="course">
                                </a>
                                
                                <div class="lesson-studente text-center justify-content-center">
                                    <div class="lesson">                                        
                                        <span class="text-success">Upto 20% Discount</span>
                                    </div>                                    
                                </div>

                                <a href="{{url('/machine-learning')}}">
                                    <h5 class="title text-center">
                                        Machine Learning
                                    </h5>
                                </a>

                                <p class="course-details-text">
                                    Enroll Today In Our Machine Learning Course And Upskill Your Knowledge In The Field Of Computers.
                                </p>

                                <div class="course-button-group mt-3">
                                    <a href="{{url('/machine-learning')}}" class="btn btn-sm btn-danger btn-block">Read More</a>
                                </div>                                 
                            </div>     
                        </div>

                        <div class="swiper-slide">                            
                            <div class="rts-single-course">
                                <a href="{{url('/digital-marketing')}}" class="thumbnail">
                                    <img src="{{url('frontend')}}/assets/img/course/digital-marketing.jpg" alt="course">
                                </a>
                                
                                <div class="lesson-studente text-center justify-content-center">
                                    <div class="lesson">                                        
                                        <span class="text-success">Upto 20% Discount</span>
                                    </div>                                    
                                </div>

                                <a href="{{url('/digital-marketing')}}">
                                    <h5 class="title text-center">
                                        Digital Marketing
                                    </h5>
                                </a>

                                <p class="course-details-text">
                                    Enroll Today In Our Digital Marketing Course And Upskill Your Knowledge In The Field Of Computers.
                                </p>

                                <div class="course-button-group mt-3">
                                    <a href="{{url('/digital-marketing')}}" class="btn btn-sm btn-danger btn-block">Read More</a>
                                </div>                                 
                            </div>     
                        </div>

                        <div class="swiper-slide">                            
                            <div class="rts-single-course">
                                <a href="{{url('/power-bi')}}" class="thumbnail">
                                    <img src="{{url('frontend')}}/assets/img/course/power-bi.jpg" alt="course">
                                </a>
                                
                                <div class="lesson-studente text-center justify-content-center">
                                    <div class="lesson">                                        
                                        <span class="text-success">Upto 20% Discount</span>
                                    </div>                                    
                                </div>

                                <a href="{{url('/power-bi')}}">
                                    <h5 class="title text-center">
                                        Power BI
                                    </h5>
                                </a>

                                <p class="course-details-text">
                                    Enroll Today In Our Power BI Course And Upskill Your Knowledge In The Field Of Computers.
                                </p>

                                <div class="course-button-group mt-3">
                                    <a href="{{url('/power-bi')}}" class="btn btn-sm btn-danger btn-block">Read More</a>
                                </div>                                 
                            </div>     
                        </div>

                        <div class="swiper-slide">                            
                            <div class="rts-single-course">
                                <a href="{{url('/c-language')}}" class="thumbnail">
                                    <img src="{{url('frontend')}}/assets/img/course/c-language.jpg" alt="course">
                                </a>
                                
                                <div class="lesson-studente text-center justify-content-center">
                                    <div class="lesson">                                        
                                        <span class="text-success">Upto 20% Discount</span>
                                    </div>                                    
                                </div>

                                <a href="{{url('/c-language')}}">
                                    <h5 class="title text-center">
                                        C Language
                                    </h5>
                                </a>

                                <p class="course-details-text">
                                    Enroll Today In Our C Language Course And Upskill Your Knowledge In The Field Of Computers.
                                </p>

                                <div class="course-button-group mt-3">
                                    <a href="{{url('/c-language')}}" class="btn btn-sm btn-danger btn-block">Read More</a>
                                </div>                                 
                            </div>     
                        </div>

                        <div class="swiper-slide">                            
                            <div class="rts-single-course">
                                <a href="{{url('/c-plus-plus-language')}}" class="thumbnail">
                                    <img src="{{url('frontend')}}/assets/img/course/c-plus-plus-language.jpg" alt="course">
                                </a>
                                
                                <div class="lesson-studente text-center justify-content-center">
                                    <div class="lesson">                                        
                                        <span class="text-success">Upto 20% Discount</span>
                                    </div>                                    
                                </div>

                                <a href="{{url('/c-plus-plus-language')}}">
                                    <h5 class="title text-center">
                                        C++ Language
                                    </h5>
                                </a>

                                <p class="course-details-text">
                                    Enroll Today In Our C++ Language Course And Upskill Your Knowledge In The Field Of Computers.
                                </p>

                                <div class="course-button-group mt-3">
                                    <a href="{{url('/c-plus-plus-language')}}" class="btn btn-sm btn-danger btn-block">Read More</a>
                                </div>                                 
                            </div>     
                        </div>

                        <div class="swiper-slide">                            
                            <div class="rts-single-course">
                                <a href="{{url('/core-java')}}" class="thumbnail">
                                    <img src="{{url('frontend')}}/assets/img/course/core-java.jpg" alt="course">
                                </a>
                                
                                <div class="lesson-studente text-center justify-content-center">
                                    <div class="lesson">                                        
                                        <span class="text-success">Upto 20% Discount</span>
                                    </div>                                    
                                </div>

                                <a href="{{url('/core-java')}}">
                                    <h5 class="title text-center">
                                        Core Java
                                    </h5>
                                </a>

                                <p class="course-details-text">
                                    Enroll Today In Our Core Java Course And Upskill Your Knowledge In The Field Of Computers.
                                </p>

                                <div class="course-button-group mt-3">
                                    <a href="{{url('/core-java')}}" class="btn btn-sm btn-danger btn-block">Read More</a>
                                </div>                                 
                            </div>     
                        </div>

                        <div class="swiper-slide">                            
                            <div class="rts-single-course">
                                <a href="{{url('/advance-java')}}" class="thumbnail">
                                    <img src="{{url('frontend')}}/assets/img/course/advance-java.jpg" alt="course">
                                </a>
                                
                                <div class="lesson-studente text-center justify-content-center">
                                    <div class="lesson">                                        
                                        <span class="text-success">Upto 20% Discount</span>
                                    </div>                                    
                                </div>

                                <a href="{{url('/advance-java')}}">
                                    <h5 class="title text-center">
                                        Advance Java
                                    </h5>
                                </a>

                                <p class="course-details-text">
                                    Enroll Today In Our Advance Java Course And Upskill Your Knowledge In The Field Of Computers.
                                </p>

                                <div class="course-button-group mt-3">
                                    <a href="{{url('/advance-java')}}" class="btn btn-sm btn-danger btn-block">Read More</a>
                                </div>                                 
                            </div>     
                        </div>

                        <div class="swiper-slide">                            
                            <div class="rts-single-course">
                                <a href="{{url('/python-language')}}" class="thumbnail">
                                    <img src="{{url('frontend')}}/assets/img/course/python-language.jpg" alt="course">
                                </a>
                                
                                <div class="lesson-studente text-center justify-content-center">
                                    <div class="lesson">                                        
                                        <span class="text-success">Upto 20% Discount</span>
                                    </div>                                    
                                </div>

                                <a href="{{url('/python-language')}}">
                                    <h5 class="title text-center">
                                        Python
                                    </h5>
                                </a>

                                <p class="course-details-text">
                                    Enroll Today In Our Python Course And Upskill Your Knowledge In The Field Of Computers.
                                </p>

                                <div class="course-button-group mt-3">
                                    <a href="{{url('/python-language')}}" class="btn btn-sm btn-danger btn-block">Read More</a>
                                </div>                                 
                            </div>     
                        </div>

                        <div class="swiper-slide">                            
                            <div class="rts-single-course">
                                <a href="{{url('/python-with-sql')}}" class="thumbnail">
                                    <img src="{{url('frontend')}}/assets/img/course/python-with-sql.jpg" alt="course">
                                </a>
                                
                                <div class="lesson-studente text-center justify-content-center">
                                    <div class="lesson">                                        
                                        <span class="text-success">Upto 20% Discount</span>
                                    </div>                                    
                                </div>

                                <a href="{{url('/python-with-sql')}}">
                                    <h5 class="title text-center">
                                        Python With SQL
                                    </h5>
                                </a>

                                <p class="course-details-text">
                                    Enroll Today In Our Python With SQL Course And Upskill Your Knowledge In The Field Of Computers.
                                </p>

                                <div class="course-button-group mt-3">
                                    <a href="{{url('/python-with-sql')}}" class="btn btn-sm btn-danger btn-block">Read More</a>
                                </div>                                 
                            </div>     
                        </div>

                        <div class="swiper-slide">                            
                            <div class="rts-single-course">
                                <a href="{{url('/oracle-database')}}" class="thumbnail">
                                    <img src="{{url('frontend')}}/assets/img/course/oracle-database.jpg" alt="course">
                                </a>
                                
                                <div class="lesson-studente text-center justify-content-center">
                                    <div class="lesson">                                        
                                        <span class="text-success">Upto 20% Discount</span>
                                    </div>                                    
                                </div>

                                <a href="{{url('/oracle-database')}}">
                                    <h5 class="title text-center">
                                        Oracle Database
                                    </h5>
                                </a>

                                <p class="course-details-text">
                                    Enroll Today In Our Oracle Database Course And Upskill Your Knowledge In The Field Of Computers.
                                </p>

                                <div class="course-button-group mt-3">
                                    <a href="{{url('/oracle-database')}}" class="btn btn-sm btn-danger btn-block">Read More</a>
                                </div>                                 
                            </div>     
                        </div>

                        <div class="swiper-slide">                            
                            <div class="rts-single-course">
                                <a href="{{url('/data-structure')}}" class="thumbnail">
                                    <img src="{{url('frontend')}}/assets/img/course/data-structure.jpg" alt="course">
                                </a>
                                
                                <div class="lesson-studente text-center justify-content-center">
                                    <div class="lesson">                                        
                                        <span class="text-success">Upto 20% Discount</span>
                                    </div>                                    
                                </div>

                                <a href="{{url('/data-structure')}}">
                                    <h5 class="title text-center">
                                        Data Structure
                                    </h5>
                                </a>

                                <p class="course-details-text">
                                    Enroll Today In Our Data Structure Course And Upskill Your Knowledge In The Field Of Computers.
                                </p>

                                <div class="course-button-group mt-3">
                                    <a href="{{url('/data-structure')}}" class="btn btn-sm btn-danger btn-block">Read More</a>
                                </div>                                 
                            </div>     
                        </div>
                                                
                    </div>
                    <div class="swiper-button-next"><i class="fa-solid fa-chevron-right"></i></div>
                    <div class="swiper-button-prev"><i class="fa-solid fa-chevron-left"></i></div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="course-area-start custom-padding bg-light">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="title-between-area">
                        <div class="title-area-left-style">                            
                            <h2 class="title text-center">Our Courses</h2>
                            <p class="post-title text-center">Explore Our Trending Value For Money Courses</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="ms-portfolio-filter-area main-isotop">
                <div class="portfolio_wrap">
                    <div class="filter row g-5 mt--20 portfolio-feed personal">
                        
                        <div class="flash grid-item-p element-item transition creative col-xl-3 col-lg-4 col-md-6 col-sm-6"
                            data-category="transition">
                            
                            <div class="rts-single-course">
                                <a href="{{url('/basic-computer-course')}}" class="thumbnail">
                                    <img src="{{url('frontend')}}/assets/img/course/basic.jpg" alt="course">
                                </a>        
                                
                                <div class="lesson-studente text-center justify-content-center">
                                    <div class="lesson">                                        
                                        <span class="text-success">Upto 20% Discount</span>
                                    </div>                                    
                                </div>
                                                                
                                <a href="{{url('/basic-computer-course')}}">
                                    <h5 class="title text-center">Basic Course</h5>
                                </a>

                                <p class="course-details-text">
                                    Enroll Today In Our Basic Computer Course And Upskill Your Knowledge In The Field Of Computers.
                                </p>

                                <div class="course-button-group mt-3">
                                    <a href="{{url('/basic-computer-course')}}" class="btn btn-sm btn-danger btn-block">Read More</a>
                                </div>                                
                            </div>                                                        
                        </div>    

                        <div class="flash grid-item-p element-item transition creative col-xl-3 col-lg-4 col-md-6 col-sm-6"
                            data-category="transition">
                            
                            <div class="rts-single-course">
                                <a href="{{url('/advance-ms-office')}}" class="thumbnail">
                                    <img src="{{url('frontend')}}/assets/img/course/advance-ms-office.jpg" alt="course">
                                </a>                                
                                
                                <div class="lesson-studente text-center justify-content-center">
                                    <div class="lesson">                                        
                                        <span class="text-success">Upto 20% Discount</span>
                                    </div>                                    
                                </div>

                                <a href="{{url('/advance-ms-office')}}">
                                    <h5 class="title text-center">Advance MS-Office</h5>
                                </a>

                                <p class="course-details-text">
                                    Enroll Today In Our Advance MS-Office Course And Upskill Your Knowledge In The Field Of Computers.
                                </p>

                                <div class="course-button-group mt-3">
                                    <a href="{{url('/advance-ms-office')}}" class="btn btn-sm btn-danger btn-block">Read More</a>
                                </div>                                
                            </div>                                                        
                        </div>    

                        <div class="flash grid-item-p element-item transition creative col-xl-3 col-lg-4 col-md-6 col-sm-6"
                            data-category="transition">
                            
                            <div class="rts-single-course">
                                <a href="{{url('/advance-ms-excel')}}" class="thumbnail">
                                    <img src="{{url('frontend')}}/assets/img/course/advance-ms-excel.jpg" alt="course">
                                </a>                                
                                
                                <div class="lesson-studente text-center justify-content-center">
                                    <div class="lesson">                                        
                                        <span class="text-success">Upto 20% Discount</span>
                                    </div>                                    
                                </div>

                                <a href="{{url('/advance-ms-excel')}}">
                                    <h5 class="title text-center">Advance MS-Excel</h5>
                                </a>

                                <p class="course-details-text">
                                    Enroll Today In Our Advance MS-Excel Course And Upskill Your Knowledge In The Field Of Computers.
                                </p>

                                <div class="course-button-group mt-3">
                                    <a href="{{url('/advance-ms-excel')}}" class="btn btn-sm btn-danger btn-block">Read More</a>
                                </div>                                
                            </div>                                                        
                        </div>    

                        <div class="flash grid-item-p element-item transition creative col-xl-3 col-lg-4 col-md-6 col-sm-6"
                            data-category="transition">
                            
                            <div class="rts-single-course">
                                <a href="{{url('/tally-with-gst')}}" class="thumbnail">
                                    <img src="{{url('frontend')}}/assets/img/course/tally-with-gst.jpg" alt="course">
                                </a>                                
                                
                                <div class="lesson-studente text-center justify-content-center">
                                    <div class="lesson">                                        
                                        <span class="text-success">Upto 20% Discount</span>
                                    </div>                                    
                                </div>

                                <a href="{{url('/tally-with-gst')}}">
                                    <h5 class="title text-center">Tally With GST</h5>
                                </a>

                                <p class="course-details-text">
                                    Enroll Today In Our Tally With GST Course And Upskill Your Knowledge In The Field Of Computers.
                                </p>

                                <div class="course-button-group mt-3">
                                    <a href="{{url('/tally-with-gst')}}" class="btn btn-sm btn-danger btn-block">Read More</a>
                                </div>                                
                            </div>                                                        
                        </div>    

                        <div class="flash grid-item-p element-item transition creative col-xl-3 col-lg-4 col-md-6 col-sm-6"
                            data-category="transition">
                            
                            <div class="rts-single-course">
                                <a href="{{url('/autocad-course')}}" class="thumbnail">
                                    <img src="{{url('frontend')}}/assets/img/course/autocad.jpg" alt="course">
                                </a>                                
                                
                                <div class="lesson-studente text-center justify-content-center">
                                    <div class="lesson">                                        
                                        <span class="text-success">Upto 20% Discount</span>
                                    </div>                                    
                                </div>

                                <a href="{{url('/autocad-course')}}">
                                    <h5 class="title text-center">AUTOCAD Course</h5>
                                </a>

                                <p class="course-details-text">
                                    Enroll Today In Our AUTOCAD Computer Course And Upskill Your Knowledge In The Field Of Computers.
                                </p>

                                <div class="course-button-group mt-3">
                                    <a href="{{url('/autocad-course')}}" class="btn btn-sm btn-danger btn-block">Read More</a>
                                </div>                                
                            </div>                                                        
                        </div>    

                        <div class="flash grid-item-p element-item transition creative col-xl-3 col-lg-4 col-md-6 col-sm-6"
                            data-category="transition">
                            
                            <div class="rts-single-course">
                                <a href="{{url('/dtp-course')}}" class="thumbnail">
                                    <img src="{{url('frontend')}}/assets/img/course/dtp.jpg" alt="course">
                                </a>                                
                                
                                <div class="lesson-studente text-center justify-content-center">
                                    <div class="lesson">                                        
                                        <span class="text-success">Upto 20% Discount</span>
                                    </div>                                    
                                </div>

                                <a href="{{url('/dtp-course')}}">
                                    <h5 class="title text-center">DTP Course</h5>
                                </a>

                                <p class="course-details-text">
                                    Enroll Today In Our DTP Computer Course And Upskill Your Knowledge In The Field Of Computers.
                                </p>

                                <div class="course-button-group mt-3">
                                    <a href="{{url('/dtp-course')}}" class="btn btn-sm btn-danger btn-block">Read More</a>
                                </div>                                
                            </div>                                                        
                        </div>    

                        <div class="flash grid-item-p element-item transition creative col-xl-3 col-lg-4 col-md-6 col-sm-6"
                            data-category="transition">
                            
                            <div class="rts-single-course">
                                <a href="{{url('/kids-package')}}" class="thumbnail">
                                    <img src="{{url('frontend')}}/assets/img/course/kids-package.jpg" alt="course">
                                </a>                                
                                
                                <div class="lesson-studente text-center justify-content-center">
                                    <div class="lesson">                                        
                                        <span class="text-success">Upto 20% Discount</span>
                                    </div>                                    
                                </div>

                                <a href="{{url('/kids-package')}}">
                                    <h5 class="title text-center">Kids Package</h5>
                                </a>

                                <p class="course-details-text">
                                    Enroll Today In Our Kids Package Course And Upskill Your Knowledge In The Field Of Computers.
                                </p>

                                <div class="course-button-group mt-3">
                                    <a href="{{url('/kids-package')}}" class="btn btn-sm btn-danger btn-block">Read More</a>
                                </div>                                
                            </div>                                                        
                        </div>    

                        <div class="flash grid-item-p element-item transition creative col-xl-3 col-lg-4 col-md-6 col-sm-6"
                            data-category="transition">
                            
                            <div class="rts-single-course">
                                <a href="{{url('/cfa-course')}}" class="thumbnail">
                                    <img src="{{url('frontend')}}/assets/img/course/cfa-course.jpg" alt="course">
                                </a>                                
                                
                                <div class="lesson-studente text-center justify-content-center">
                                    <div class="lesson">                                        
                                        <span class="text-success">Upto 20% Discount</span>
                                    </div>                                    
                                </div>

                                <a href="{{url('/cfa-course')}}">
                                    <h5 class="title text-center">CFA Course</h5>
                                </a>

                                <p class="course-details-text">
                                    Enroll Today In Our CFA Course And Upskill Your Knowledge In The Field Of Computers.
                                </p>

                                <div class="course-button-group mt-3">
                                    <a href="{{url('/cfa-course')}}" class="btn btn-sm btn-danger btn-block">Read More</a>
                                </div>                                
                            </div>                                                        
                        </div>    


                        <div class="flash grid-item-p element-item transition creative col-xl-3 col-lg-4 col-md-6 col-sm-6"
                            data-category="transition">
                            
                            <div class="rts-single-course">
                                <a href="{{url('/adca-course')}}" class="thumbnail">
                                    <img src="{{url('frontend')}}/assets/img/course/adca-course.jpg" alt="course">
                                </a>                                
                                
                                <div class="lesson-studente text-center justify-content-center">
                                    <div class="lesson">                                        
                                        <span class="text-success">Upto 20% Discount</span>
                                    </div>                                    
                                </div>

                                <a href="{{url('/adca-course')}}">
                                    <h5 class="title text-center">ADCA Course</h5>
                                </a>

                                <p class="course-details-text">
                                    Enroll Today In Our ADCA Course And Upskill Your Knowledge In The Field Of Computers.
                                </p>

                                <div class="course-button-group mt-3">
                                    <a href="{{url('/adca-course')}}" class="btn btn-sm btn-danger btn-block">Read More</a>
                                </div>                                
                            </div>                                                        
                        </div>    

                        <div class="flash grid-item-p element-item transition creative col-xl-3 col-lg-4 col-md-6 col-sm-6"
                            data-category="transition">
                            
                            <div class="rts-single-course">
                                <a href="{{url('/ccc')}}" class="thumbnail">
                                    <img src="{{url('frontend')}}/assets/img/course/ccc.jpg" alt="course">
                                </a>                                
                                
                                <div class="lesson-studente text-center justify-content-center">
                                    <div class="lesson">                                        
                                        <span class="text-success">Upto 20% Discount</span>
                                    </div>                                    
                                </div>

                                <a href="{{url('/ccc')}}">
                                    <h5 class="title text-center">CCC Course</h5>
                                </a>

                                <p class="course-details-text">
                                    Enroll Today In Our CCC Course And Upskill Your Knowledge In The Field Of Computers.
                                </p>

                                <div class="course-button-group mt-3">
                                    <a href="{{url('/ccc')}}" class="btn btn-sm btn-danger btn-block">Read More</a>
                                </div>                                
                            </div>                                                        
                        </div>    

   
                        <div class="flash grid-item-p element-item transition creative col-xl-3 col-lg-4 col-md-6 col-sm-6"
                            data-category="transition">
                            
                            <div class="rts-single-course">
                                <a href="{{url('/o-level')}}" class="thumbnail">
                                    <img src="{{url('frontend')}}/assets/img/course/o-level.jpg" alt="course">
                                </a>                                
                                
                                <div class="lesson-studente text-center justify-content-center">
                                    <div class="lesson">                                        
                                        <span class="text-success">Upto 20% Discount</span>
                                    </div>                                    
                                </div>

                                <a href="{{url('/o-level')}}">
                                    <h5 class="title text-center">O-Level Course</h5>
                                </a>

                                <p class="course-details-text">
                                    Enroll Today In Our O-Level Computer Course And Upskill Your Knowledge In The Field Of Computers.
                                </p>

                                <div class="course-button-group mt-3">
                                    <a href="{{url('/o-level')}}" class="btn btn-sm btn-danger btn-block">Read More</a>
                                </div>                                
                            </div>                                                        
                        </div>    
                        
                        


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

    <div class="why-choose-us bg-dark rts-section-gap mb-5">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-12">
                    <h3 class="text-center text-white mb-5">
                        Director's Message
                    </h3>
                </div>

                <div class="col-md-12">
                    <div class="container row">
                        <div class="col-md-4">
                            <img src="{{url('frontend')}}/assets/img/director-img.jpg" alt="" class="img-fluid director-image" />
                        </div>
                        <div class="col-md-8">
                            <p class="text-justify message-text">
                                Welcome to Excel Computer Education, where knowledge meets innovation and technology paves the path to success.
                                In today's fast-paced world, proficiency in computer skills is not just an advantage but a necessity. At Excel,
                                we understand the importance of staying ahead in the digital era, and our mission is to empower you with the tools and expertise to excel in this ever-evolving landscape.
                            </p>

                            <p class="text-justify message-text">
                                At Excel, we believe in the power of hands-on experience. Our state-of-the-art facilities provide the perfect environment for practical learning, allowing you to apply theoretical concepts in real-world scenarios and develop the confidence to tackle any challenge head-on.
                                Moreover, our commitment to excellence extends beyond the classroom. We offer career counseling, job placement assistance, and ongoing support to ensure that your journey with us doesn't end with graduation but marks the beginning of a fulfilling and prosperous career.
                            </p>

                            <p class="text-justify message-text last-text">
                                As you embark on this transformative journey with us, remember that the key to success lies not only in acquiring knowledge but also in embracing curiosity, resilience, and a thirst for continuous learning.
                            </p>

                            <p class="text-justify message-text last-text mb-3">
                                I invite you to join us at Excel Computer Education, where we don't just teach you how to use technology; we empower you to shape the future with it.
                            </p>

                            <p class="text-justify message-text mb-0">
                                <b>Mr. Sanjeev Arora</b>
                            </p>
                            <p class="text-justify message-text text-warning">
                                [Founder & MD]
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>        
    </div>

    <div class="rts-students-feedback-area v-8 rts-section-gap">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title-w-style-center">
                        <h2 class="title">Students Testimonials</h2>
                        <p>You'll find something to spark your curiosity and enhance</p>
                    </div>
                </div>
            </div>
            <div class="row mt--50">
                <div class="col-lg-12">
                    <div class="swiper-feedback-wrapper-8">
                        <div class="swiper swiper-data"
                            data-swiper='{
                            "spaceBetween":30,
                            "slidesPerView":3,
                            "loop": true,
                            "navigation":{
                                "nextEl":".swiper-button-next",
                                "prevEl":".swiper-button-prev"
                            },
                            "pagination":{
                                "el":".swiper-pagination",
                                "clickable":"true"
                            },
                            "autoplay":{
                                "delay":"2000"
                            },
                            "breakpoints":{"320":{
                                "slidesPerView":1,
                                "spaceBetween":30},
                            "650":{
                                "slidesPerView":2,
                                "spaceBetween":30},
                            "991":{
                                "slidesPerView":3,
                                "spaceBetween":30}
                            }
                        }'>
                            <div class="swiper-wrapper">

                                <div class="swiper-slide">
                                    <div class="single-students-feedback-8">
                                        <div class="stars">
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                        </div>
                                        <p class="disc text-justify">
                                            Very nice batch and quality education was provided by the institution, nice
                                            environment for study. Management was very supportive in every aspect.
                                            Refreshments are also provided by the management.
                                        </p>
                                        <div class="authore-area">
                                            <div class="author">
                                                <h6 class="title">
                                                    Yadav Ji
                                                </h6>
                                                <span>
                                                    Student
                                                </span>
                                            </div>
                                        </div>
                                        <div class="quote">
                                            <img src="{{url('frontend/assets/images/students-feedback/18.png')}}" alt="feedback">
                                        </div>
                                    </div>
                                </div>

                                <div class="swiper-slide">
                                    <div class="single-students-feedback-8">
                                        <div class="stars">
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                        </div>
                                        <p class="disc text-justify">
                                            Excel computer education centre is a very nice. Study environment are very good
                                            and faculty and facilities 👍. Thank you Excel computer education centre 👍
                                        </p>
                                        <div class="authore-area">
                                            <div class="author">
                                                <h6 class="title">
                                                    Bhawana Nishad
                                                </h6>
                                                <span>
                                                    Student
                                                </span>
                                            </div>
                                        </div>
                                        <div class="quote">
                                            <img src="{{url('frontend/assets/images/students-feedback/18.png')}}" alt="feedback">
                                        </div>
                                    </div>
                                </div>

                                <div class="swiper-slide">
                                    <div class="single-students-feedback-8">
                                        <div class="stars">
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                        </div>
                                        <p class="disc text-justify">
                                            Excel computer education is one of the best training Institute to learn computer
                                            courses. Supported faculty...
                                        </p>
                                        <div class="authore-area">
                                            <div class="author">
                                                <h6 class="title">
                                                    Jay Rajput
                                                </h6>
                                                <span>
                                                    Student
                                                </span>
                                            </div>
                                        </div>
                                        <div class="quote">
                                            <img src="{{url('frontend/assets/images/students-feedback/18.png')}}" alt="feedback">
                                        </div>
                                    </div>
                                </div>

                                <div class="swiper-slide">
                                    <div class="single-students-feedback-8">
                                        <div class="stars">
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                        </div>
                                        <p class="disc text-justify">
                                            It was amazing experience...and study invirements is too good...they teaches us
                                            very good and faculty also very supportive...
                                        </p>
                                        <div class="authore-area">
                                            <div class="author">
                                                <h6 class="title">
                                                    Deelesh Rajput
                                                </h6>
                                                <span>
                                                    Student
                                                </span>
                                            </div>
                                        </div>
                                        <div class="quote">
                                            <img src="{{url('frontend/assets/images/students-feedback/18.png')}}" alt="feedback">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="left-align-arrow-btn">
                                <div class="swiper-button-next"><i class="fa-solid fa-chevron-right"></i></div>
                                <div class="swiper-button-prev"><i class="fa-solid fa-chevron-left"></i></div>
                                <div class="swiper-pagination"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="fun-facts-area-1 shape-move bg_image ptb--50">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="fun-facts-main-wrapper-1">
                        <div class="single-fun-facts">
                            <div class="icon">
                                <img src="{{url('frontend/assets/images/fun-facts/01.svg')}}" alt="icon">
                            </div>
                            <h5 class="title"><span class="counter">4000</span></h5>
                            <span class="enr">Happy Students</span>
                        </div>

                        <div class="single-fun-facts">
                            <div class="icon">
                                <img src="{{url('frontend/assets/images/fun-facts/02.svg')}}" alt="icon">
                            </div>
                            <h5 class="title"><span class="counter">5,321</span></h5>
                            <span class="enr">Completed Course</span>
                        </div>

                        <div class="single-fun-facts">
                            <div class="icon">
                                <img src="{{url('frontend/assets/images/fun-facts/03.svg')}}" alt="icon">
                            </div>
                            <h5 class="title"><span class="counter">15</span></h5>
                            <span class="enr">Total Courses</span>
                        </div>

                        <div class="single-fun-facts">
                            <div class="icon">
                                <img src="{{url('frontend/assets/images/fun-facts/04.svg')}}" alt="icon">
                            </div>
                            <h5 class="title"><span class="counter">5550</span></h5>
                            <span class="enr">Students Enrolled</span>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="shape-image">
            <div class="shape one" data-speed="0.04" data-revert="true"><img src="{{url('frontend/assets/images/banner/15.png')}}"
                    alt="">
            </div>
            <div class="shape three" data-speed="0.04"><img src="{{url('frontend/assets/images/banner/16.png')}}" alt=""></div>
        </div>
    </div>

    <div class="rts-section-gap bg-dark-image bg-light">
        <div class="container custom-container-padding">
            <div class="row">
                <div class="col-lg-12 mb-5">
                    <div class="section-title-w-style-center">
                        <h2 class="title">Gallery</h2>
                        {{-- <p>You'll find something to spark your curiosity and enhance</p> --}}
                    </div>
                </div>

                <div class="col-md-3 mb-4">
                    <a href="{{url('frontend')}}/assets/img/gallery/1.jpg">
                        <img src="{{url('frontend')}}/assets/img/gallery/1.jpg" class="img-fluid gallery-image" />
                    </a>                    
                </div>

                <div class="col-md-3 mb-4">
                    <a href="{{url('frontend')}}/assets/img/gallery/2.jpg">
                        <img src="{{url('frontend')}}/assets/img/gallery/2.jpg" class="img-fluid gallery-image" />
                    </a>                    
                </div>

                <div class="col-md-3 mb-4">
                    <a href="{{url('frontend')}}/assets/img/gallery/3.jpg">
                        <img src="{{url('frontend')}}/assets/img/gallery/3.jpg" class="img-fluid gallery-image" />
                    </a>                    
                </div>

                <div class="col-md-3 mb-4">
                    <a href="{{url('frontend')}}/assets/img/gallery/4.jpg">
                        <img src="{{url('frontend')}}/assets/img/gallery/4.jpg" class="img-fluid gallery-image" />
                    </a>                    
                </div>

                <div class="col-md-3 mb-4">
                    <a href="{{url('frontend')}}/assets/img/gallery/5.jpg">
                        <img src="{{url('frontend')}}/assets/img/gallery/5.jpg" class="img-fluid gallery-image" />
                    </a>                    
                </div>

                <div class="col-md-3 mb-4">
                    <a href="{{url('frontend')}}/assets/img/gallery/11.jpg">
                        <img src="{{url('frontend')}}/assets/img/gallery/11.jpg" class="img-fluid gallery-image" />
                    </a>                    
                </div>

                <div class="col-md-3 mb-4">
                    <a href="{{url('frontend')}}/assets/img/gallery/7.jpg">
                        <img src="{{url('frontend')}}/assets/img/gallery/7.jpg" class="img-fluid gallery-image" />
                    </a>                    
                </div>

                <div class="col-md-3 mb-4">
                    <a href="{{url('frontend')}}/assets/img/gallery/8.jpg">
                        <img src="{{url('frontend')}}/assets/img/gallery/8.jpg" class="img-fluid gallery-image" />
                    </a>                    
                </div>

                <div class="col-md-12 d-flex justify-content-center mt-5">
                    {{-- <a href="#" class="btn btn-sm btn-danger">Show More</a> --}}
                    <a href="{{url('/gallery')}}" class="rts-btn btn-danger text-white">
                        Show More
                    </a>
                </div>

            </div>
        </div>
    </div>
@endsection