{%include "common/header.html"%}
{% load static %}

<div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
    <div class="carousel-inner">
        {% for banner in all_banner %}
        {% if forloop.counter == 1 %}
        <div class="carousel-item active">
            <a href="{{banner.redirect_url}}"><img src="{{ banner.banner_image.url}}" class="d-block w-100 img-fluid" alt="..."></a>
        </div>
        {% else %}
        <div class="carousel-item">
            <a href="{{banner.redirect_url}}"></a><img src="{{ banner.banner_image.url}}" class="d-block w-100 img-fluid" alt="..."></a>
        </div>
        {% endif %}
        {% endfor %}
    </div>
    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" 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="#carouselExampleControls" data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
    </button>
</div>

<section class="What-Will-You-Get" id="What-Will-You-Get">
    <div class="container">
        <div class="row justify-content-center align-items-center flex-reverse">
            <div class="col-lg-6 col-md-6 col-sm-6 img">
                <!-- <img src="https://dreamslms.dreamguystech.com/html/assets/img/join.png" alt="What-Will-You-Get" class=""
                    title="What-Will-You-Get"> -->
                    <img src="{% static 'website/assets/img/help.png' %}" alt="" class="img-fluid h-100">
            </div>
            <div class="col-lg-6 col-md-12 col-sm-12 text ">
                <div class="mt-4">


                    <h3 class="heading">How does Crack Every Test help make your <span>MBA Prep Easier</span> ?</h3>
                    <p class="sub-heading">We offer a highly effective tutoring for various MBA entrance exams with our student centric approach which has led to us achieving best-in-industry results for multiple years now.                    </p>

                    <div class="card-section">
                        <div class="card">
                            <div class="card-body">
                                <p>Highly Acclaimed Mentoring from CET Toppers
                                </p> <i class="fa-solid fa-check"></i>
                            </div>
                        </div>

                        <div class="card">
                            <div class="card-body">
                                <p>One to One Mentoring Sessions</p> <i class="fa-solid fa-check"></i>
                            </div>
                        </div>


                        <div class="card">
                            <div class="card-body">
                                <p>High Quality Mock Tests and Books for your practice</p> <i
                                    class="fa-solid fa-check"></i>
                            </div>
                        </div>

                        <div class="card">
                            <div class="card-body">
                                <p>Personalized Study Plan For Each Student
                                </p> <i
                                    class="fa-solid fa-check"></i>
                            </div>
                        </div>
                        <div class="card">
                            <div class="card-body">
                                <p>Best Study Material And Mock Tests
                                </p> <i
                                    class="fa-solid fa-check"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- <section class="What-Will-You-Get" id="What-Will-You-Get">
    <div class="container">

   
    <div class="what-will-we-get-card">
        <div class="card-body">

       
        <div class="row justify-content-center align-items-center">
            <div class="col-lg-5 img">
                <img src="https://dreamslms.dreamguystech.com/html/assets/img/join.png" alt="What-Will-You-Get" title="What-Will-You-Get">
                    <img src="{% static 'website/assets/img/img-123-1.png' %}" alt="What-Will-You-Get"  title="What-Will-You-Get">
            </div>
            <div class="col-lg-6 text">
                <h3 class="heading">What Will You <span>Get</span> ?</h3>
                <p class="sub-heading">We offer valuable online courses that are available for anyone wishing to
                    achieve their target goal.</p>

                <div class="card-section">
                    <div class="card">
                        <div class="card-body">
                             <p>1000+ Hours Live Classes</p> <i class="fa-solid fa-check"></i>
                        </div>
                    </div>

                    <div class="card">
                        <div class="card-body">
                             <p>One to One Mentorship Program</p>  <i class="fa-solid fa-check"></i>
                        </div>
                    </div>


                    <div class="card">
                        <div class="card-body">
                             <p> Prelims & Mains Benchmarking Tests - for continuous improvement</p>  <i class="fa-solid fa-check"></i>
                        </div>
                    </div>

                    <div class="card">
                        <div class="card-body">
                            <p>  Personalized Study Plans (PSPs) - for effective preparation</p>  <i class="fa-solid fa-check"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
    </div>

</div>
</section> -->





<!-- ====================exam category =============================== -->

<!-- <section class="courses p-md-5 p-3 bg-white" id="courses">
    <div class="container">
        <div class="row">
            <h3 class="section-heading text-center">Exam Categories</h3>
            <p class="section-text text-center">We cover all Exams and Classes
                From videos to notes to tests, providing all you need to learn and practice in one place</p>

        </div>
        <div class="row row-cols-2 row-cols-lg-3 g-2 g-lg-3 mt-4 d-flex justify-content-center">
            {% for category in all_categories %}
            <div class="col">
                <div class="category-card">
                    <div class="card-body p-2 radius-10 ">
                        <div class="row">
                            <div class="col-4">
                                <img src="{{ category.image.url}}" alt="" class="category-img">
                            </div>
                            <div class="col-7 d-flex align-items-center">
                                <h5 class="fw-bold"> {{ category.exam_category_name}}</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {% endfor %}
           
        </div>

    </div>
</section> -->

<!-- ============== exam category end  ==============   -->





<!-- ===========================contact us ============================= -->
<section class="category bg-5" id="category">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-md-12 mt-3 text ptb-50 p-md-0 p-4">
                <h3 class="heading">Learn with Crack Every Test</h3>
                <h5>Get Trained By Experts & Professionals around the World</h5>
                <div class="row">
                    <div class="col-lg-6 col-md-6 mt-4">
                        <div class="row">
                            <div class="col-lg-12 col-6 mt-3">
                                <div class="card card-body">
                                    <img src="{% static 'website/assets/img/live.png' %}" alt="">
                                    <h3 class="card-title">Live Lectures</h3>
                                    <p class="card-text">Learn with top educators with proven results.</p>
                                    <a href="/courses"> <span class="text-pink">Explore Course <i
                                                class="fa-solid fa-angle-right"></i> </span> </a>
                                </div>
                            </div>
                            <div class="col-lg-12 col-6 mt-3">
                                <div class="card card-body">
                                    <img src="{% static 'website/assets/img/test-2.png'%}" alt="">
                                    <h3 class="card-title">Test Series</h3>
                                    <p class="card-text">Highly rated Mock tests designed as per latest syllabus and paper pattern.</p>
                                    <a href="/courses"> <span class="text-pink">Explore Course <i
                                                class="fa-solid fa-angle-right"></i> </span> </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6  col-md-6">
                        <div class="row">
                            <div class="col-lg-12 col-6 mt-3">
                                <div class="card card-body">
                                    <img src="{% static 'website/assets/img/tutorial.png'%}" alt="">
                                    <h3 class="card-title">Recorded Lectures</h3>
                                    <p class="card-text">You can view recordings of live lectures for revision.</p>
                                    <a href="/courses"> <span class="text-pink">Explore Course <i
                                                class="fa-solid fa-angle-right"></i> </span> </a>
                                </div>
                            </div>
                            <div class="col-lg-12 col-6 mt-3">
                                <div class="card card-body">
                                    <img src="{% static 'website/assets/img/preparation.png'%}" alt="">
                                    <h3 class="card-title">Personalised Preparation</h3>
                                    <p class="card-text">One to One counselling to mentor you in the way you can learn the best.</p>
                                     <a href="/courses"> <span class="text-pink">Explore Course <i
                                                class="fa-solid fa-angle-right"></i> </span> </a> 
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6 mt-3 img text-center">
                <img src="{% static 'website/assets/img/learn.png' %}" alt="" class="img-fluid h-100">
            </div>
        </div>
    </div>
</section>

<!-- =============  courses start =============   -->

<section class="courses bg-white" id="courses">
    <div class="container">
        <div class="row">
            <h3 class="section-heading text-center">Popular Courses</h3>
            <p class="section-text text-center">Discover Your Perfect Program In Our Courses.</p>
            <div class="owl-carousel course-carousel owl-theme">
                {% for course in all_courses %}

                <div class="item">
                    <a href="/course-details/{{course.id}}">
                        <div class="">
                            <div class="blog-card align-items-center">
                                <div class="card-body ">
                                    <div>
                                        <img src="{{ course.image.url}}" class="course-img" alt="">
                                    </div>
                                    <div class="m-md-4 mt-md-4 m-2">
                                        <div class="">
                                            <h5 class="fw-bold title-2line">{{ course.course_name}}</h5>
                                        </div>
                                        <div class="mt-md-4 subtitle title-3line">
                                            <p class="fs-12">{{course.subtitle|safe}}</p>
                                        </div>
                                        <div class="price mt-md-4 mt-2">
                                            <h5 class="fw-bold fs-16">RS. {{ course.full_price}}/-</h5>
                                        </div>
                                    </div>

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

                {% endfor %}
            </div>

        </div>

    </div>
</section>

<!-- =============  courses end =============   -->


<!-- ==================more courses ===================== -->

    <!-- <section class="contact-us-home mb-3">
        <div class="container  ">
            <div class="row">
                <div class="col-lg-12 main-column">
                    <div class="text">
                        <p>We are Here to help You .!</p>
                        <h4>Let's together make your future bright!</h4>
                    </div>
                    <a href="/contact-us" >Conatct Us</a>
                </div>
            </div>
        </div>
    </section> -->

<!-- =============================more courses end ====================== -->
{% if all_blogs.count > 0 %}
<!-- ============== blog-section-start  ==============   -->
<section class="blog" id="blog">
    <div class="container ">
        <h3 class="section-heading text-center">Blogs</h3>
        <p class="section-text text-center">Discover Your Perfect Program In Our Courses.</p>
        <div class="row">
            <div class="owl-carousel owl-theme blog-carousel">
                {% for blog in all_blogs %}
               
                <div class="item">
                   
                    <a href="{{SITE_URL}}/blog/{{blog.slug}}/{{blog.id}}">
                        <div class="blog-card align-items-center">
                            <div class="text-center">
                                <img src="{{ blog.blog_image.url}}" class="course-img" alt="">
                            </div>
                            <div class="m-md-4 mt-md-4 m-2">
                                <div class="d-md-block d-none">
                                    <p class="blog_category title-1line"><span>{{blog.category.category_name}}</span>
                                    </p>
                                </div>
                                <div>
                                    <h5 class="blog-title title-2line">{{blog.blog_title}} </h5>
                                    <div class="d-md-block d-none title-2line mb-3 ">
                                        {{blog.blog_discription|safe}}
                                    </div>
                                    <p class="blog_date fs-12"><i class="fa text-dark fa-calendar"></i>
                                        <span>{{blog.created_at}}</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                {% endfor %}
            </div>

        </div>
    </div>
</section>
<!-- ============== blog-section-end  ==============   -->
{% endif %}
<!-- ====================play store section ========================= -->

<section class="courses categorycard">
    <div class="container ">
        <div class="row">
            <div class="col-md-7 d-flex align-items-center">
                <div class="">
                    <div class="">
                        <!-- <img src="{% static 'website/assets/img/mobile-app-1.png' %}" alt="" class="w-100 radius-10"> -->
                        <img src="{% static 'website/assets/img/Frame_89.png' %}" alt="" class="w-100 radius-10">

                    </div>
                </div>
            </div>
            <div class="col-md-5 d-flex justify-content-center align-items-center">
                <div>
                    <h1 class="text-center Fw-bold">Learn from Anywhere</h1>
                    <h2 class="section-heading text-center">Get the App</h2>
                    <!-- <div class="d-flex justify-content-center align-items-center">
                        <img src="{% static 'website/assets/img/QR code.png' %}" alt="">

                    </div>
                    <p class="text-center fw-semi-bold">(Scan the QR code to download the app)</p> -->
                    <p class="text-center mt-2">(Available on Android, iOS and Website)</p>
                 
                    <div class="row d-flex justify-content-center align-items-center mt-4">
                        <div class="col-6">
                            <a href="https://play.google.com/store/apps/details?id=com.crackeverytest.student"> <img src="{% static 'website/assets/img/app-123.png' %}" alt="" class="playstore-img "></a>
                        </div>
                        <div class="col-6">
                            <a href="https://apps.apple.com/in/app/crack-every-test/id6456890959"><img src="{% static 'website/assets/img/app-1234.png' %}" alt=""
                                class="playstore-img "></a>
                        </div>
                        <div class="col-6">
                            <a href="{% static 'website/assets/img/CrackEveryTest.exe' %}" download=""><img src="{% static 'website/assets/img/app-12.png' %}" alt="" class="playstore-img mt-4"></a>
                        </div>
                        
                        
                        
                    </div>
                </div>

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


<!-- ====================play store section ========================= -->






<!-- =============  testimonial start =============   -->

<!-- <section class="testimonial  h-100" id="testimonial">
    <div class="container">
        <h3 class="section-heading text-center">What our students have to say</h3>
        <p class="section-text text-center">Discover Your Perfect Program In Our Courses.</p>
        <div class="row">
            <div class="owl-carousel testimonial-carousel owl-theme">

                {% for testimonial in all_testimonial %}


                <div class="item">
                    <div class="card card-body shadow radius-10 ">
                        <div class="upper-card-section">
                            <div class="testimonial-img-container">
                                <img src="{{ testimonial.image.url}}" alt="">
                            </div>
                            <div class="testimonial-name">
                                <h3>{{testimonial.name}}</h3>
                                <p>{{testimonial.course}}</p>
                            </div>
                        </div>
                        <div class="card-footer">
                            <p><span><i class="fa-solid fa-quote-left" style="font-size: 30px;"></i>
                                </span>{{testimonial.review}}</p>
                        </div>
                    </div>
                </div>
                {% endfor %}


            </div>

        </div>
    </div>
</section> -->



<section class="testimonial bg-white">
    <div class="container">
        <div class="row">
            <div class="col-lg-5 text">
                <span>TESTIMONIALS</span>
                <h2>What Our Students Have To Say</h2>
                <img src="{% static 'website/assets/img/testimonial-text-pattern-1.png' %}" class="pattern" alt="">
                <p>Know what our students have to say about our unique way of mentorship and how it helped them
                    boost their scores in a short amount of time.</p>
                <!-- <a href="#" class="btn btn-type-2 ">View All &nbsp;<i class="fa-solid fa-arrow-right-long"></i></a> -->
            </div>
            <div class="col-lg-7 testimonial-slider">
                <div class="swiper mySwiper">
                    <div class="swiper-wrapper">
                        {% for testimonial in all_testimonial %}
                        <div class="swiper-slide">
                            <div class="card card-body ">
                                <img src="https://edublink.react.devsblink.com/_next/static/media/shape-1.3c0e4c2c.png"
                                    class="pattern" alt="">

                                <div class="img-container">
                                    {% if testimonial.image != "NULL" %}
                                       <img src="{{ testimonial.image.url}}" alt="students-review" title="students-review"
                                        class="card-img"> 
                                    {% else %}
                                        <img src="{% static 'website/assets/img/profile.png' %}" alt="students-profile" title="students-review" class="card-img">
                                    {% endif %}
                                    <i class="fa-solid fa-quote-right"></i>
                                </div>
                                <p class="card-text">{{testimonial.review}}</p>
                                <!-- <div class="rating-star">
                                    <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> -->
                                <h3 class="card-title title-1line">{{testimonial.name}}</h3>
                            </div>
                        </div>
                        {% endfor %}
                      
                    </div>

                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- =============  testimonial end =============   -->



<!-- =============== about-us-start  =============== -->
<section class="advance-features courses founder-section " id="advance-features">
    <div class="container-fluid">

        <div class="row">
            <div class="col-lg-6 col-md-12 col-sm-12 text-content">
                <h3>About The Founder</h3>
                <p class="about-us">Jigar Parekh, a JBIMS alumnus himself, has been actively involved in training 2000+ students for MBA entrance exams. He Specialises in teaching how to ace various B-School exams with his unique methods and exam strategies which have helped many students optimize their exam prep in a very short time span.
                    </p>
                    <p class="about-us">
                    Apart from being a teacher, Jigar is also a guitarist, a life-long student and a social worker always trying to best the student interest across various platforms. He is always open to solving students’ doubts and helping them prepare for their future.
                    </p>



                <!-- <div class="row mt-5">
                    <div class="col-lg-6 col-md-6 col-sm-6 mt-2">
                        <div class="card card-body">
                            <img src="{% static 'website/assets/img/learn-anywhere.png'%}" class="card-img" alt="">
                            <h4 class="card-title">Learn Anywhere</h4>
                            <p class="card-text">There earth face earth behold she star so
                                made void two given and
                                also our</p>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-6 mt-2">
                        <div class="card card-body">
                            <img src="{% static 'website/assets/img/expert-teacher.png'%}" class="card-img" alt="">
                            <h4 class="card-title">Expert Teacher</h4>
                            <p class="card-text">There earth face earth behold she star so
                                made void two given and
                                also our</p>
                        </div>
                    </div>
                </div> -->

            </div>

            <div class="col-lg-6 col-md-12 col-sm-12 mt-3 img">
                <img src="{% static 'website/assets/img/jigar.parik.png'%}" alt="" class="radius-10">
            </div>

        </div>
    </div>
</section>
<!-- =============== about -us end   =============== -->


<!-- What The Course Offers  -->
<section class="Awesome-Feature what-course-offers" id="Awesome-Feature">
    <div class="container">
        <h3 class="section-heading">What The Course Offers</h3>
        <p class="text-center">Crack Every Test is Perfect Solution for your Needs</p>
        <div class="row justify-content-center align-items-center">
            <div class="col-lg-4 col-md-6 col-sm-12 col-12 mt-3">
                <div class="card card-body what-the-course-offer-card">
                    <img src="{% static 'website/assets/img/what-course-offers/shortcut.png'%}"
                        alt="Remarkable Shortcuts" title="Remarkable Shortcuts">
                    <div class="">
                        <h4 class="card-title">Remarkable Shortcuts</h4>
                        <p class="card-text">Special shortcuts and tricks to make sure you have the speed required.                        </p>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-md-6 col-sm-12 col-12 mt-3">
                <div class="card card-body what-the-course-offer-card ">
                    <img src="{% static 'website/assets/img/what-course-offers/target.png'%}" alt="Topper's Strategies"
                        title="Topper's Strategies">
                    <div class="">
                        <h4 class="card-title">Topper's Strategies</h4>
                        <p class="card-text">Detailed strategy to ensure you sail through the exam with the best scores.</p>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-md-6 col-sm-12 col-12 mt-3">
                <div class="card card-body what-the-course-offer-card">
                    <img src="{% static 'website/assets/img/what-course-offers/analysis.png'%}" alt="Mock Test Analysis"
                        title="Mock Test Analysis">
                    <div class="">
                        <h4 class="card-title">Mock Test Analysis</h4>
                        <p class="card-text">Specialised lecture on mock test analysis with a detailed analysis sheet.</p>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-md-6 col-sm-12 col-12 mt-3">
                <div class="card card-body what-the-course-offer-card">
                    <img src="{% static 'website/assets/img/what-course-offers/elearning.png'%}"
                        alt="Access to Lecture Recordings" title="Access to Lecture Recordings">
                    <div class="">
                        <h4 class="card-title">Access to Lecture Recordings</h4>
                        <p class="card-text">All students get recordings of lectures conducted for future reference and revision.
                        </p>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-md-6 col-sm-12 col-12 mt-3">
                <div class="card card-body what-the-course-offer-card ">
                    <img src="{% static 'website/assets/img/what-course-offers/communicate.png'%}"
                        alt="Direct Contact with Faculty" title="Direct Contact with Faculty">
                    <div class="">
                        <h4 class="card-title">Direct Contact with Faculty</h4>
                        <p class="card-text">Direct contact with the faculty for any preparation related doubts to make sure you do your best.</p>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-md-6 col-sm-12 col-12 mt-3">
                <div class="card card-body what-the-course-offer-card ">
                    <img src="{% static 'website/assets/img/awesome-features/idea.png'%}" alt="better-future"
                        title="better-future">
                    <div class="">
                        <h4 class="card-title">Highly Active Doubt Solving Group</h4>
                        <p class="card-text">A dedicated doubts solving community where all your sums related doubts are cleared.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- <section class="course">
    <div class="continer-fluid explore-course-1 border-none">
        <div class="d-flex justify-content-center align-items-center ">
            <div>
                <h2 class="fw-bold section-heading text-center">we're here to help you </h2>
                <div class="d-flex justify-content-center mt-4">
                    <button class="btn btn-type-2 me-4">Connect Us</button>
                    <button class="btn btn-type-2 ml-4">Get call form Us</button>
                </div>
            </div>
         
        </div>
    </div>

</section> -->


<!-- What The Course Offers  -->
{%include "common/footer.html"%}