<div class="gridarea gridarea__2"> <div class="container"> <div class="row grid__row"> <div class="col-xl-5 col-lg-5 col-md-12 col-sm-12" data-aos="fade-up"> <div class="section__title__2"> <div class="section__title__button"> <div class="default__small__button">Offres</div> </div> <div class="section__title__heading__2 section__title__heading__3 heading__fontsize__2"> <h2>Perfect Online Course Your Carrer</h2> </div> </div> </div> <div class="col-xl-7 col-lg-7 col-md-12 col-sm-12" data-aos="fade-up"> <div class="gridfilter_nav grid__filter__2 gridFilter"> <button class="active" data-filter="*">See All </button> <button data-filter=".filter1" class="">Data science </button> <button data-filter=".filter2" class="">Engineering </button> <button data-filter=".filter3" class="">Featured </button> <button data-filter=".filter4" class="">Architecture</button> </div> </div> </div> <div class="row grid" data-aos="fade-up"> <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12 grid-item filter1 filter3"> <div class="gridarea__wraper"> <div class="gridarea__img"> <a href="course-details.html"><img loading="lazy" src="{{ asset('assets/img/grid/grid_1.png') }}" alt="grid"></a> <div class="gridarea__small__button"> <div class="grid__badge">Press'</div> </div> <div class="gridarea__small__icon"> <a href="#"><i class="icofont-heart-alt"></i></a> </div> </div> <div class="gridarea__content"> <div class="gridarea__list"> <ul> <li> <i class="icofont-book-alt"></i> 4 Produits </li> <li> <i class="icofont-clock-time"></i> 1 y. </li> </ul> </div> <div class="gridarea__heading"> <h3><a href="course-details.html">Press'Clipping</a></h3> </div> <div class="gridarea__price"> $4000.00 <del>/ $3000.00</del> <span> <del class="del__2">Free</del></span> </div> <div class="gridarea__bottom"> <a href="instructor-details.html"> <div class="gridarea__small__img"> <img loading="lazy" src="{{ asset('assets/img/grid/grid_small_1.jpg') }}" alt="grid"> <div class="gridarea__small__content"> <h6>Micle Jhon</h6> </div> </div> </a> <div class="gridarea__star"> <i class="icofont-star"></i> <i class="icofont-star"></i> <i class="icofont-star"></i> <i class="icofont-star"></i> <i class="icofont-star"></i> <span>(44)</span> </div> </div> </div> </div> </div> <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12 grid-item filter2 filter3"> <div class="gridarea__wraper"> <div class="gridarea__img"> <img loading="lazy" src="{{ asset('assets/img/grid/grid_2.png') }}" alt="grid"> <div class="gridarea__small__button"> <div class="grid__badge blue__color">Ad'</div> </div> <div class="gridarea__small__icon"> <a href="#"><i class="icofont-heart-alt"></i></a> </div> </div> <div class="gridarea__content"> <div class="gridarea__list"> <ul> <li> <i class="icofont-book-alt"></i> 3 produits </li> <li> <i class="icofont-clock-time"></i> 45 d. </li> </ul> </div> <div class="gridarea__heading"> <h3><a href="#">Ad'Stat</a></h3> </div> <div class="gridarea__price green__color"> $300.00<del>/$67.00</del> <span>.Free</span> </div> <div class="gridarea__bottom"> <a href="instructor-details.html"> <div class="gridarea__small__img"> <img loading="lazy" src="{{ asset('assets/img/grid/grid_small_2.jpg') }}" alt="grid"> <div class="gridarea__small__content"> <h6>Rinis Jhon</h6> </div> </div> </a> <div class="gridarea__star"> <i class="icofont-star"></i> <i class="icofont-star"></i> <i class="icofont-star"></i> <i class="icofont-star"></i> <i class="icofont-star"></i> <span>(44)</span> </div> </div> </div> </div> </div> <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12 grid-item filter4 filter5"> <div class="gridarea__wraper"> <div class="gridarea__img"> <a href="course-details.html"><img loading="lazy" src="{{ asset('assets/img/grid/grid_3.png') }}" alt="grid"></a> <div class="gridarea__small__button"> <div class="grid__badge pink__color">Social'</div> </div> <div class="gridarea__small__icon"> <a href="#"><i class="icofont-heart-alt"></i></a> </div> </div> <div class="gridarea__content"> <div class="gridarea__list"> <ul> <li> <i class="icofont-book-alt"></i> 25 Lesson </li> <li> <i class="icofont-clock-time"></i> 1 hr 40 min </li> </ul> </div> <div class="gridarea__heading"> <h3><a href="course-details.html">Social'Listening</a></h3> </div> <div class="gridarea__price"> $98.00 <del>/ $67.00</del> <span> <del class="del__2">Free</del></span> </div> <div class="gridarea__bottom"> <a href="instructor-details.html"> <div class="gridarea__small__img"> <img loading="lazy" src="{{ asset('assets/img/grid/grid_small_3.jpg') }}" alt="grid"> <div class="gridarea__small__content"> <h6>Micle Jhon</h6> </div> </div> </a> <div class="gridarea__star"> <i class="icofont-star"></i> <i class="icofont-star"></i> <i class="icofont-star"></i> <i class="icofont-star"></i> <i class="icofont-star"></i> <span>(44)</span> </div> </div> </div> </div> </div> <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12 grid-item filter4"> <div class="gridarea__wraper"> <div class="gridarea__img"> <a href="course-details.html"><img loading="lazy" src="{{ asset('assets/img/grid/grid_4.png') }}" alt="grid"></a> <div class="gridarea__small__button"> <div class="grid__badge green__color">Act'</div> </div> <div class="gridarea__small__icon"> <a href="#"><i class="icofont-heart-alt"></i></a> </div> </div> <div class="gridarea__content"> <div class="gridarea__list"> <ul> <li> <i class="icofont-book-alt"></i> 36 Lesson </li> <li> <i class="icofont-clock-time"></i> 3 hr 40 min </li> </ul> </div> <div class="gridarea__heading"> <h3><a href="course-details.html">Act'Bid</a></h3> </div> <div class="gridarea__price"> $200.00 <del>/ $67.00</del> <span> <del class="del__2">Free</del></span> </div> <div class="gridarea__bottom"> <a href="instructor-details.html"> <div class="gridarea__small__img"> <img loading="lazy" src="{{ asset('assets/img/grid/grid_small_4.jpg') }}" alt="grid"> <div class="gridarea__small__content"> <h6>Micle Robin</h6> </div> </div> </a> <div class="gridarea__star"> <i class="icofont-star"></i> <i class="icofont-star"></i> <i class="icofont-star"></i> <i class="icofont-star"></i> <i class="icofont-star"></i> <span>(44)</span> </div> </div> </div> </div> </div> <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12 grid-item filter1 filter3"> <div class="gridarea__wraper"> <div class="gridarea__img"> <a href="course-details.html"><img loading="lazy" src="{{ asset('assets/img/grid/grid_5.png') }}" alt="grid"></a> <div class="gridarea__small__button"> <div class="grid__badge orange__color">Data & Tech</div> </div> <div class="gridarea__small__icon"> <a href="#"><i class="icofont-heart-alt"></i></a> </div> </div> <div class="gridarea__content"> <div class="gridarea__list"> <ul> <li> <i class="icofont-book-alt"></i> 36 Lesson </li> <li> <i class="icofont-clock-time"></i> 3 hr 40 min </li> </ul> </div> <div class="gridarea__heading"> <h3><a href="course-details.html">Consumer Intelligence</a></h3> </div> <div class="gridarea__price"> Understand your audience <del>/ $67.00</del> <span> <del class="del__2">Free</del></span> </div> <div class="gridarea__bottom"> <a href="instructor-details.html"> <div class="gridarea__small__img"> <img loading="lazy" src="{{ asset('assets/img/grid/grid_small_5.jpg') }}" alt="grid"> <div class="gridarea__small__content"> <h6>Micle Robin</h6> </div> </div> </a> <div class="gridarea__star"> <i class="icofont-star"></i> <i class="icofont-star"></i> <i class="icofont-star"></i> <i class="icofont-star"></i> <i class="icofont-star"></i> <span>(44)</span> </div> </div> </div> </div> </div> <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12 grid-item filter5 filter2"> <div class="gridarea__wraper"> <div class="gridarea__img"> <a href="course-details.html"><img loading="lazy" src="{{ asset('assets/img/grid/grid_6.png') }}" alt="grid"></a> <div class="gridarea__small__button"> <div class="grid__badge yellow__color">Big Data</div> </div> <div class="gridarea__small__icon"> <a href="#"><i class="icofont-heart-alt"></i></a> </div> </div> <div class="gridarea__content"> <div class="gridarea__list"> <ul> <li> <i class="icofont-book-alt"></i> 30 Lesson </li> <li> <i class="icofont-clock-time"></i> 3 hr 40 min </li> </ul> </div> <div class="gridarea__heading"> <h3><a href="course-details.html">Influencer Marketing</a></h3> </div> <div class="gridarea__price"> Grow your reach <del>/ $67.00</del> <span> <del class="del__2">Free</del></span> </div> <div class="gridarea__bottom"> <a href="instructor-details.html"> <div class="gridarea__small__img"> <img loading="lazy" src="{{ asset('assets/img/grid/grid_small_5.jpg') }}" alt="grid"> <div class="gridarea__small__content"> <h6>Micle Robin</h6> </div> </div> </a> <div class="gridarea__star"> <i class="icofont-star"></i> <i class="icofont-star"></i> <i class="icofont-star"></i> <i class="icofont-star"></i> <i class="icofont-star"></i> <span>(44)</span> </div> </div> </div> </div> </div> </div> </div> </div>