<div class="cover-image bg-background" data-bs-image-src="<?php echo base_url() ?>uploads/banner1.jpg" style="background: url(&quot;<?php echo base_url() ?>uploads/banner1.jpg&quot;) center center;padding-bottom: 3.4rem;margin-bottom: 8rem;">
    <div class="sptb-1">
        <div class="header-text1 mb-0">
            <div class="container">
                <div class="row">
                    <div class="col-xl-12 col-lg-12 col-md-12 text-center">
                        <div>
                            <h1 class="fs-50 display-5 font-weight-bold text-white">Aakash BYJU'S</h1>
                        </div>
                        <div style="background-color: #be1502;color:#000" class="pt-2 pb-1">
                            <h2 class="fs-40 display-5 font-weight-bold text-white">India’s Largest JEE (Main) Mock Test*</h2>
                        </div>
                        <div class="mt-4">
                            <h2 class="fs-25 text-white">Designed by our Top Faculties</h2>
                        </div>
                        <div class="mt-5">
                            <h2 class="fs-30 text-white">Evaluate Yourself and Know Predicted AIR</h2>
                        </div>
                        <div class="mt-5">
                            <button class="btn fs-20 text-white w-30">Registration Closed</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="row justify-content-center">
        <div class="col-sm-7 mx-auto">
            <div class="css-1mcst0h">
                <div class="text-center">
                    <img src="<?php echo base_url(); ?>assets/Target-shape.svg" alt="JEE Advanced" class="card-curve css-1tozx12">
                </div>
                <p class="css-1holtvp text-white">Target JEE (Main) 2024</p>
                <div class="css-10wk3bq">
                    <div class="css-1eb1xd6"><span class="css-jkcfpr"><img src="https://cdn1.byjus.com/byjusweb/img/bnat/Calander-black-icon.svg"><span><b>27th March, 2024</b></span></span><span class="css-jkcfpr"><img src="https://cdn1.byjus.com/byjusweb/img/bnat/Time-black-icon.svg"><span><b>03:00 PM</b></span></span><span class="css-jkcfpr"><img src="https://cdn1.byjus.com/byjusweb/img/bnat/jee-mock-test/Hours.svg"><span><b>3 Hours</b></span></span></div>
                </div>
            </div>
        </div>
    </div>
</div>
<section class="sptb bg-white">
    <div class="container">
        <div class="section-title">
            <h2>Best Edomi Features</h2>
            <p class="fs-18 lead">Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
        </div>
        <div class="row">
            <div class="col-12 col-md-6 col-lg-4 col-xl-4">
                <div class="card special-section overflow-hidden">
                    <div class="card-status card-status-left bg-primary br-bs-7 br-ts-7"></div>
                    <div class="card-body">
                        <div class="special-section-img bg-primary"><img src="https://spruko.com/demo/edomi/Edomi/assets/images/png/features/freelance.png" alt="img" class=""></div>
                        <h4 class="font-weight-semibold">Realtime Practices</h4>
                        <p class="mt-3 mb-0">Sed do eiusmod tempor ut labore et dolore magna aliqua</p>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-4 col-xl-4">
                <div class="card special-section overflow-hidden">
                    <div class="card-status card-status-left bg-secondary br-bs-7 br-ts-7"></div>
                    <div class="card-body">
                        <div class="special-section-img bg-secondary"><img src="https://spruko.com/demo/edomi/Edomi/assets/images/png/features/computer2.png" alt="img" class=""></div>
                        <h4 class="font-weight-semibold">Online or virtual classes</h4>
                        <p class="mt-3 mb-0">Sed do eiusmod tempor ut labore et dolore magna aliqua</p>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-4 col-xl-4">
                <div class="card special-section overflow-hidden">
                    <div class="card-status card-status-left bg-success br-bs-7 br-ts-7"></div>
                    <div class="card-body">
                        <div class="special-section-img bg-success"><img src="https://spruko.com/demo/edomi/Edomi/assets/images/png/features/computer.png" alt="img" class=""></div>
                        <h4 class="font-weight-semibold">Live Projects</h4>
                        <p class="mt-3 mb-0">Sed do eiusmod tempor ut labore et dolore magna aliqua</p>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-4 col-xl-4">
                <div class="card special-section overflow-hidden">
                    <div class="card-status card-status-left bg-info br-bs-7 br-ts-7"></div>
                    <div class="card-body">
                        <div class="special-section-img bg-info"><img src="https://spruko.com/demo/edomi/Edomi/assets/images/png/features/calendar.png" alt="img" class=""></div>
                        <h4 class="font-weight-semibold">Internships Projects</h4>
                        <p class="mt-3 mb-0">Sed do eiusmod tempor ut labore et dolore magna aliqua</p>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-4 col-xl-4">
                <div class="card special-section overflow-hidden">
                    <div class="card-status card-status-left bg-warning br-bs-7 br-ts-7"></div>
                    <div class="card-body">
                        <div class="special-section-img bg-warning"><img src="https://spruko.com/demo/edomi/Edomi/assets/images/png/features/suitcase.png" alt="img" class=""></div>
                        <h4 class="font-weight-semibold">Job Offers</h4>
                        <p class="mt-3 mb-0">Sed do eiusmod tempor ut labore et dolore magna aliqua</p>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-4 col-xl-4">
                <div class="card special-section overflow-hidden">
                    <div class="card-status card-status-left bg-pink br-bs-7 br-ts-7"></div>
                    <div class="card-body">
                        <div class="special-section-img bg-pink"><img src="https://spruko.com/demo/edomi/Edomi/assets/images/png/features/support.png" alt="img" class=""></div>
                        <h4 class="font-weight-semibold">24/7 Support</h4>
                        <p class="mt-3 mb-0">Sed do eiusmod tempor ut labore et dolore magna aliqua</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="sptb" id="sec1">
    <div class="container">
        <div class="section-title d-md-flex mb-5">
            <div>
                <h2>Why Only Edomi?</h2>
                <p class="fs-18 lead">Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-3 col-md-6 col-sm-6">
                <div class="mb-lg-0 mb-4 box-shadow about-2 p-5">
                    <div class=" text-center">
                        <div class="icon-bg icon-service about"> <img src="https://spruko.com/demo/edomi/Edomi/assets/images/png/about/employees-2.png" alt="img"> </div>
                        <div class="servic-data mt-3">
                            <h4 class="font-weight-semibold mb-2">Experience</h4>
                            <p class="mb-0">Nam libero tempore, cum soluta nobis est eligendi cumque facere possimus</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 col-sm-6">
                <div class="mb-lg-0 mb-4 box-shadow p-5 br-bl-10 about-2 br-tr-10 bg-primary">
                    <div class="text-center">
                        <div class=" icon-bg icon-service about bg-white br-100"> <img src="https://spruko.com/demo/edomi/Edomi/assets/images/png/about/user-2.png" alt="img"> </div>
                        <div class="servic-data mt-3">
                            <h4 class="font-weight-semibold mb-2 text-white">Professionality</h4>
                            <p class="text-white mb-0">Nam libero tempore, cum soluta nobis est eligendi cumque facere possimus</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 col-sm-6">
                <div class="mb-sm-0 mb-4 box-shadow about-2 p-5">
                    <div class="text-center">
                        <div class="icon-bg icon-service about"> <img src="https://spruko.com/demo/edomi/Edomi/assets/images/png/about/gurantee-2.png" alt="img"> </div>
                        <div class="servic-data mt-3">
                            <h4 class="font-weight-semibold mb-2">Guarantee</h4>
                            <p class="mb-0">Nam libero tempore, cum soluta nobis est eligendi cumque facere possimus</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 col-sm-6">
                <div class="mb-sm-0 mb-4 box-shadow about-2 p-5">
                    <div class="text-center">
                        <div class="icon-bg icon-service about"> <img src="https://spruko.com/demo/edomi/Edomi/assets/images/png/about/quality-2.png" alt="img"> </div>
                        <div class="servic-data mt-3">
                            <h4 class="font-weight-semibold mb-2">Quality</h4>
                            <p class=" mb-0">Nam libero tempore, cum soluta nobis est eligendi cumque facere possimus</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="sptb bg-white">
    <div class="container">
        <div class="section-title d-md-flex">
            <div>
                <h2>Mock Test Details</h2>
            </div>
            <div class="ms-auto d-inline-flex">
                <div class="w-150 mt-3 me-4">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-3 col-md-4 col-sm-6">
                <div class="item-all-card text-dark item-hover-card p-6">
                    <a href="#" class="absolute-link"></a>
                    <div class="iteam-all-icon">
                        <i class="fa fa-adn"></i>
                    </div>
                    <div class="item-all-text mt-3">
                        <h5 class="mb-0">Search Engine Optimization (SEO) Mastery</h5>
                        <p class="mt-3">
                        <p>Looking to start a career in SEO? Register for the Demo Session</p>
                        <p><b>Duration:&nbsp;</b>45 Days</p>
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6">
                <div class="item-all-card text-dark item-hover-card p-6">
                    <a href="#" class="absolute-link"></a>
                    <div class="iteam-all-icon">
                        <i class="fa fa-address-book"></i>
                    </div>
                    <div class="item-all-text mt-3">
                        <h5 class="mb-0">Social Media Marketing Mastery</h5>
                        <p class="mt-3">
                        <p>Learn In demand Social Media Marketing Skills.</p>
                        <p><b style="font-size: 1rem;">Duration:&nbsp;</b><span style="font-size: 1rem;">45 Days</span></p>
                        <p><br></p>
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6">
                <div class="item-all-card text-dark item-hover-card p-6">
                    <a href="#" class="absolute-link"></a>
                    <div class="iteam-all-icon">
                        <i class="fa fa-address-card"></i>
                    </div>
                    <div class="item-all-text mt-3">
                        <h5 class="mb-0">Paid Ads Mastery</h5>
                        <p class="mt-3">
                        <p>Become A Master in Lead Generation</p>
                        <p><b style="font-size: 1rem;">Duration:&nbsp;</b><span style="font-size: 1rem;">45 Days</span></p>
                        <p><br></p>
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6">
                <div class="item-all-card text-dark item-hover-card p-6">
                    <a href="#" class="absolute-link"></a>
                    <div class="iteam-all-icon">
                        <i class="fa fa-wordpress"></i>
                    </div>
                    <div class="item-all-text mt-3">
                        <h5 class="mb-0">WordPress Mastery</h5>
                        <p class="mt-3">
                        <p>Learn Basic to Advanced level WordPress Web Designing Skills.</p>
                        <p><span style="font-weight: bolder; background-color: rgba(0, 0, 0, 0.05);">Duration:&nbsp;</span><span style="background-color: rgba(0, 0, 0, 0.05);">45 Days</span><br></p>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section style="background-color: #102349 ;" class="sptb">
    <div class="container">
        <div class="section-title d-md-flex">
            <div>
                <h2 class="text-white">How to Register</h2>
            </div>
            <div class="ms-auto d-inline-flex">
                <div class="w-150 mt-3 me-4">
                </div>
            </div>
        </div>
        <div class="css-gjt0sr">
            <div class="css-178hkp1">
                <div class="css-kqjt7o"><img src="https://cdn1.byjus.com/byjusweb/img/jee-mock-test/OTP.svg" alt="OTP" height="90" class="css-1h7vjsf"></div>
                <div class="css-1113h2">
                    <div class="css-11mupih">Verify your mobile number with <b>OTP</b></div>
                </div>
            </div>
            <div class="css-185v83q"><img src="https://cdn1.byjus.com/byjusweb/img/jee-mock-test/Arrow-Mark.svg" alt="Arrow"></div>
            <div class="css-178hkp1">
                <div class="css-kqjt7o"><img src="https://cdn1.byjus.com/byjusweb/img/jee-mock-test/Submit.svg" alt="Submit" height="90" class="css-1h7vjsf"></div>
                <div class="css-1113h2">
                    <div class="css-11mupih">Enter your <b>details</b> and Submit</div>
                </div>
            </div>
            <div class="css-185v83q"><img src="https://cdn1.byjus.com/byjusweb/img/jee-mock-test/Arrow-Mark.svg" alt="Arrow"></div>
            <div class="css-178hkp1">
                <div class="css-kqjt7o"><img src="https://cdn1.byjus.com/byjusweb/img/jee-mock-test/registered.svg" alt="registered" height="90" class="css-1h7vjsf"></div>
                <div class="css-1113h2">
                    <div class="css-11mupih">You have now <b>successfully registered</b> for Aakash BYJU’S Mock Test</div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="sptb">
    <div class="container">
        <div class="section-title d-md-flex">
            <div>
                <h2>Frequently Asked Questions</h2>
            </div>
            <div class="ms-auto d-inline-flex">
                <div class="w-150 mt-3 me-4">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <div class="accordion" id="accordionExample">
                    <div class="accordion-item mt-3">
                        <h2 class="accordion-header" id="headingOne">
                            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne_1" aria-expanded="true" aria-controls="collapseOne_1">
                                What is the profile of a DotcomVidya Franchisee? </button>
                        </h2>
                        <div id="collapseOne_1" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                What is the profile of a DotcomVidya Franchisee? </div>
                        </div>
                    </div>
                    <div class="accordion-item mt-3">
                        <h2 class="accordion-header" id="headingOne">
                            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne_2" aria-expanded="true" aria-controls="collapseOne_2">
                                What are the responsibilities of a Franchisee? </button>
                        </h2>
                        <div id="collapseOne_2" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                What are the responsibilities of a Franchisee? </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<style>
    .accordion-button:not(.collapsed) {
        color: #fff;
        background-color: #be1502;
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
    }

    .accordion-button {
        background-color: #be1502;
        color: #fff;
    }

    .css-gjt0sr {
        display: inline-flex;
        text-align: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .css-178hkp1 {
        box-shadow: 0 8px 16px 0 rgba(36, 36, 36, 0.16);
        border-radius: 10px;
        font-size: 1.2rem;
        max-width: 17rem;
        width: 100%;
        background-color: #fff;
    }

    .css-185v83q {
        margin-top: auto;
        margin-bottom: auto;
    }

    .css-185v83q img {
        margin-left: 20px;
        width: 42px;
        height: 80.8px;
        margin-right: 20px;
    }

    .css-kqjt7o {
        height: 10rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 3rem;
    }

    .css-1h7vjsf {
        width: 4rem;
        vertical-align: middle;
        z-index: 100;
    }

    .css-1113h2 {
        padding: 2rem;
    }

    .css-11mupih {
        min-height: 5rem;
    }

    .css-5xr3gr {
        color: #fff;
    }

    .css-1tozx12 {
        margin-bottom: 1.5rem;
        width: 24rem;
    }

    .css-1mcst0h {
        box-shadow: 0rem 0rem 1rem #9c94949e;
        background-color: #fff;
        border-radius: 0.5rem;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 9999;
        top: -220px;
    }

    .css-10wk3bq {
        padding: 0rem 1rem 1.5rem;
    }

    .css-1eb1xd6 {
        border-radius: 4px;
        width: 80%;
        margin: 0 auto 0.2rem auto;
        text-align: center;
    }

    .css-jkcfpr {
        color: #2B2B2B;
        box-shadow: none;
        margin: 0rem 0.8rem 0rem 0.8rem;
        padding: 0.2rem 0.6rem;
        display: inline-block;
        opacity: 1;
        border: 1px solid #757575;
        border-radius: 4px;
    }

    .css-jkcfpr img {
        width: 1.1rem;
        margin: 0rem 0.3rem 0.3rem 0rem;
    }

    .css-jkcfpr span {
        font-size: 1.1rem;
    }

    .css-1holtvp {
        position: absolute;
        top: 8px;
        text-align: center;
        width: 100%;
        font-size: 1.6rem;
        font-weight: 600;
    }

    .item-all-card .iteam-all-icon {
        display: flex;
        justify-content: center;
    }

    .item-all-card .item-all-text {
        text-align: center;
    }

    .item-all-card {
        border: 1px solid #be1502;
        border-radius: 30px;
        height: 300px;
    }
</style>