<!-- headar section start -->
<header>
<div class="headerarea headerarea__2 header__sticky header__area">
<div class="container desktop__menu__wrapper">
<div class="row">
<div class="col-xl-2 col-lg-2 col-md-6">
<div class="headerarea__left">
<div class="headerarea__left__logo">
<a href="index.html"><img loading="lazy" src="{{ asset('assets/img/logo/imp_marketing_ft_600x150.png') }}" alt="logo" style="max-width: 169px;"></a>
</div>
</div>
</div>
<div class="col-xl-7 col-lg-7 main_menu_wrap">
<div class="headerarea__main__menu">
<nav>
<ul>
<li class="mega__menu position-static">
<a class="headerarea__has__dropdown" href="index.html">About<i class="icofont-rounded-down"></i> </a>
<div class="headerarea__submenu mega__menu__wrapper mega__menu__grid__5">
<ul class="nav tab__button__wrap" id="myTab2" role="tablist">
<li class="nav-item" role="presentation">
<button class="single__tab__link active" data-bs-toggle="tab" data-bs-target="#projects__light" type="button">Offer</button>
</li>
<li class="nav-item" role="presentation">
<button class="single__tab__link" data-bs-toggle="tab" data-bs-target="#projects__dark" type="button">Dark</button>
</li>
</ul>
<div class="tab-content tab__content__wrapper" id="myTabContent2">
<div class="tab-pane fade active show" id="projects__light" role="tabpanel" aria-labelledby="projects__light">
<div class="row">
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="index.html">
<img loading="lazy" src="{{ asset('assets/img/mega/home-1.png') }}" alt="Mega Menu">
<span class="mega__menu__thumb__title">Home (Default)</span>
</a>
</div>
</div>
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="home-2.html">
<img loading="lazy" src="{{ asset('assets/img/mega/home-2.png') }}" alt="Mega Menu">
<span class="mega__menu__thumb__title">Home (Elegant)</span>
</a>
</div>
</div>
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="home-3.html">
<img loading="lazy" src="{{ asset('assets/img/mega/home-3.png') }}" alt="Mega Menu">
<span class="mega__menu__thumb__title">Home (Classic)</span>
</a>
</div>
</div>
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="home-4.html">
<img loading="lazy" src="{{ asset('assets/img/mega/home-4.png') }}" alt="Mega Menu">
<span class="mega__menu__thumb__title">Home (Classic LMS)</span>
</a>
</div>
</div>
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="home-5.html">
<img loading="lazy" src="{{ asset('assets/img/mega/home-5.png') }}" alt="Mega Menu">
<span class="mega__menu__thumb__title">Home (Online Course)</span>
</a>
</div>
</div>
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="home-6.html">
<img loading="lazy" src="{{ asset('assets/img/mega/home-6.png') }}" alt="Mega Menu">
<span class="mega__menu__thumb__title">Home (Marketplace)</span>
</a>
<span class="mega__menu__thumb__label">New</span>
</div>
</div>
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="home-7.html">
<img loading="lazy" src="{{ asset('assets/img/mega/home-7.png') }}" alt="Mega Menu">
<span class="mega__menu__thumb__title">Home (University)</span>
</a>
<span class="mega__menu__thumb__label">New</span>
</div>
</div>
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="home-8.html">
<img loading="lazy" src="{{ asset('assets/img/mega/home-8.png') }}" alt="Mega Menu">
<span class="mega__menu__thumb__title">Home (eCommerce)</span>
</a>
<span class="mega__menu__thumb__label">New</span>
</div>
</div>
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="home-9.html">
<img loading="lazy" src="{{ asset('assets/img/mega/home-9.png') }}" alt="Mega Menu">
<span class="mega__menu__thumb__title">Home (Kindergarten)</span>
</a>
<span class="mega__menu__thumb__label">New</span>
</div>
</div>
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="home-10.html">
<img loading="lazy" src="{{ asset('assets/img/mega/home-10.png') }}" alt="Mega Menu">
<span class="mega__menu__thumb__title">Home (Machine Learning)</span>
</a>
<span class="mega__menu__thumb__label">New</span>
</div>
</div>
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="home-11.html">
<img loading="lazy" src="{{ asset('assets/img/mega/home-11.png') }}.png" alt="Mega Menu">
<span class="mega__menu__thumb__title">Home (Single Course)</span>
</a>
<span class="mega__menu__thumb__label">New</span>
</div>
</div>
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="#">
<img loading="lazy" src="{{ asset('assets/img/mega/coming.png') }}" alt="Mega Menu 1">
<span class="mega__menu__thumb__title">Layout Coming Soon 1</span>
</a>
</div>
</div>
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="#">
<img loading="lazy" src="{{ asset('assets/img/mega/coming.png') }}" alt="Mega Menu 2">
<span class="mega__menu__thumb__title">Layout Coming Soon 2</span>
</a>
</div>
</div>
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="#">
<img loading="lazy" src="{{ asset('assets/img/mega/coming.png') }}" alt="Mega Menu 3">
<span class="mega__menu__thumb__title">Layout Coming Soon 3</span>
</a>
</div>
</div>
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="#">
<img loading="lazy" src="{{ asset('assets/img/mega/coming.png') }}" alt="Mega Menu 4">
<span class="mega__menu__thumb__title">Layout Coming Soon 4</span>
</a>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="projects__dark" role="tabpanel" aria-labelledby="projects__dark">
<div class="row">
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="index-dark.html">
<img loading="lazy" src="{{ asset('assets/img/mega/home-1-dark.png') }}" alt="Mega Menu">
<span class="mega__menu__thumb__title">Home (Default)</span>
</a>
</div>
</div>
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="home-2-dark.html">
<img loading="lazy" src="{{ asset('assets/img/mega/home-2-dark.png') }}" alt="Mega Menu">
<span class="mega__menu__thumb__title">Home (Elegant)</span>
</a>
</div>
</div>
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="home-3-dark.html">
<img loading="lazy" src="{{ asset('assets/img/mega/home-3-dark.png') }}" alt="Mega Menu">
<span class="mega__menu__thumb__title">Home (Classic)</span>
</a>
</div>
</div>
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="home-4-dark.html">
<img loading="lazy" src="{{ asset('assets/img/mega/home-4-dark.png') }}" alt="Mega Menu">
<span class="mega__menu__thumb__title">Home (Classic LMS)</span>
</a>
</div>
</div>
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="home-5-dark.html">
<img loading="lazy" src="{{ asset('assets/img/mega/home-5-dark.png') }}" alt="Mega Menu">
<span class="mega__menu__thumb__title">Home (Online Course)</span>
</a>
</div>
</div>
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="home-6-dark.html">
<img loading="lazy" src="{{ asset('assets/img/mega/home-6-dark.png') }}" alt="Mega Menu">
<span class="mega__menu__thumb__title">Home (Marketplace)</span>
</a>
<span class="mega__menu__thumb__label">New</span>
</div>
</div>
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="home-7-dark.html">
<img loading="lazy" src="{{ asset('assets/img/mega/home-7-dark.png') }}" alt="Mega Menu">
<span class="mega__menu__thumb__title">Home (University)</span>
</a>
<span class="mega__menu__thumb__label">New</span>
</div>
</div>
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="home-8-dark.html">
<img loading="lazy" src="{{ asset('assets/img/mega/home-7-dark.png') }}" alt="Mega Menu">
<span class="mega__menu__thumb__title">Home (eCommerce)</span>
</a>
<span class="mega__menu__thumb__label">New</span>
</div>
</div>
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="home-9-dark.html">
<img loading="lazy" src="{{ asset('assets/img/mega/home-9-dark.png') }}" alt="Mega Menu">
<span class="mega__menu__thumb__title">Home (Kindergarten)</span>
</a>
<span class="mega__menu__thumb__label">New</span>
</div>
</div>
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="home-10-dark.html">
<img loading="lazy" src="{{ asset('assets/img/mega/home-10-dark.png') }}g" alt="Mega Menu">
<span class="mega__menu__thumb__title">Home (Machine Learning)</span>
</a>
<span class="mega__menu__thumb__label">New</span>
</div>
</div>
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="home-11-dark.html">
<img loading="lazy" src="{{ asset('assets/img/mega/home-11-dark.png') }}" alt="Mega Menu">
<span class="mega__menu__thumb__title">Home (Single Course)</span>
</a>
<span class="mega__menu__thumb__label">New</span>
</div>
</div>
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="#">
<img loading="lazy" src="{{ asset('assets/img/mega/coming-dark.png') }}" alt="Mega Menu 1">
<span class="mega__menu__thumb__title">Layout Coming Soon 1</span>
</a>
</div>
</div>
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="#">
<img loading="lazy" src="{{ asset('assets/img/mega/coming-dark.png') }}" alt="Mega Menu 2">
<span class="mega__menu__thumb__title">Layout Coming Soon 2</span>
</a>
</div>
</div>
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="#">
<img loading="lazy" src="{{ asset('assets/img/mega/coming-dark.png') }}" alt="Mega Menu 3">
<span class="mega__menu__thumb__title">Layout Coming Soon 3</span>
</a>
</div>
</div>
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__thumb">
<a href="#">
<img loading="lazy" src="{{ asset('assets/img/mega/coming-dark.png') }}" alt="Mega Menu 4">
<span class="mega__menu__thumb__title">Layout Coming Soon 4</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="mega__menu position-static">
<a class="headerarea__has__dropdown" href="about.html">Nos Solutions<i class="icofont-rounded-down"></i> </a>
<div class="headerarea__submenu mega__menu__wrapper">
<div class="row">
<div class="col-3 mega__menu__single__wrap">
<h4 class="mega__menu__title"><a href="#">Monitoring </a></h4>
<ul class="mega__menu__item">
<li><a href="about.html">About <span class="mega__menu__label">Sale Everything</span></a></li>
<li><a href="about-dark.html">About (Dark)<span class="mega__menu__label new">New</span></a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-dark.html">Blog (Dark)</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
<li><a href="blog-details-dark.html">Blog Details (Dark)</a></li>
</ul>
</div>
<div class="col-3 mega__menu__single__wrap">
<h4 class="mega__menu__title"><a href="#">Market Research</a></h4>
<ul class="mega__menu__item">
<li><a href="error.html">Error 404</a></li>
<li><a href="error-dark.html">Error (Dark)</a></li>
<li><a href="event-details.html">Event Details</a></li>
<li><a href="zoom/zoom-meetings.html">Zoom<span class="mega__menu__label">Online Call</span></a></li>
<li><a href="zoom/zoom-meetings-dark.html">Zoom Meeting (Dark)</a></li>
<li><a href="zoom/zoom-meeting-details.html">Zoom Meeting Details</a></li>
</ul>
</div>
<div class="col-3 mega__menu__single__wrap">
<h4 class="mega__menu__title"><a href="#">Imperium+</a></h4>
<ul class="mega__menu__item">
<li><a href="zoom/zoom-meeting-details-dark.html">Meeting Details (Dark)</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="login-dark.html">Login (Dark)</a></li>
<li><a href="maintenance.html">Maintenance</a></li>
<li><a href="maintenance-dark.html">Maintenance Dark</a></li>
<li><a href="#">Terms & Condition</a></li>
</ul>
</div>
<div class="col-3 mega__menu__single__wrap">
<h4 class="mega__menu__title"><a href="#">Solutions</a></h4>
<ul class="mega__menu__item">
<li><a href="#">Terms & Condition (Dark)</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Privacy Policy (Dark)</a></li>
<li><a href="#">Success Stories</a></li>
<li><a href="#">Success Stories (Dark)</a></li>
<li><a href="#">Work Policy</a></li>
</ul>
</div>
<div class="col-12 mega__menu__single__wrap sp_top_30">
<div class="mega__menu__img">
<a href="#"><img loading="lazy" src="{{ asset('assets/img/mega/mega_menu_2.png') }}" alt="Mega Menu"></a>
</div>
</div>
</div>
</div>
</li>
<li class="mega__menu position-static">
<a class="headerarea__has__dropdown" href="course.html">Offres<i class="icofont-rounded-down"></i> </a>
<div class="headerarea__submenu mega__menu__wrapper">
<div class="row">
<div class="col-3 mega__menu__single__wrap">
<h4 class="mega__menu__title"><a href="#">Get Started 1 </a></h4>
<ul class="mega__menu__item">
<li><a href="course.html">Grid <span class="mega__menu__label">All Courses</span></a></li>
<li><a href="course-dark.html">Course Grid (Dark)</a></li>
<li><a href="course-grid.html">Course Grid</a></li>
<li><a href="course-grid-dark.html">Course Grid (Dark)</a></li>
<li><a href="course-list.html">Course List</a></li>
<li><a href="course-list-dark.html">Course List (Dark)</a></li>
</ul>
</div>
<div class="col-3 mega__menu__single__wrap">
<h4 class="mega__menu__title"><a href="#">Get Started 2 </a></h4>
<ul class="mega__menu__item">
<li><a href="course-details.html">Course Details</a></li>
<li><a href="course-details-dark.html">Course Details (Dark)</a></li>
<li><a href="course-details-2.html">Course Details 2</a></li>
<li><a href="course-details-2-dark.html">Details 2 (Dark)</a></li>
<li><a href="course-details-3.html">Course Details 3</a></li>
<li><a href="course-details-3.html">Details 3 (Dark)</a></li>
</ul>
</div>
<div class="col-3 mega__menu__single__wrap">
<h4 class="mega__menu__title"><a href="#">Get Started 3</a></h4>
<ul class="mega__menu__item">
<li><a href="dashboard/become-an-instructor.html">Become An Instructor</a>
<li><a href="dashboard/create-course.html">Create Course <span class="mega__menu__label">Career</span></a></li>
<li><a href="instructor.html">Instructor</a></li>
<li><a href="instructor-dark.html">Instructor (Dark)</a></li>
<li><a href="instructor-details.html">Instructor Details</a></li>
<li><a href="lesson.html">Course Lesson<span class="mega__menu__label new">New</span></a></li>
</ul>
</div>
<div class="col-3 mega__menu__single__wrap">
<div class="mega__menu__img">
<a href="#"><img loading="lazy" src="{{ asset('assets/img/mega/mega_menu_1.png') }}" alt="Mega Menu"></a>
</div>
</div>
</div>
</div>
</li>
<li>
<a class="headerarea__has__dropdown" href="dashboard/instructor-dashboard.html">Etudes de cas
<i class="icofont-rounded-down"></i>
</a>
<ul class="headerarea__submenu headerarea__submenu--third--wrap">
<li>
<a href="../admin-dashboard.html">Admin <i class="icofont-rounded-right"></i></a>
<ul class="headerarea__submenu--third">
<li><a href="dashboard/admin-dashboard.html">Admin Dashboard</a></li>
<li><a href="dashboard/admin-profile.html">Admin Profile</a></li>
<li><a href="dashboard/admin-message.html">Message</a></li>
<li><a href="dashboard/admin-course.html">Courses</a></li>
<li><a href="dashboard/admin-reviews.html">Review</a></li>
<li><a href="dashboard/admin-quiz-attempts.html">Admin Quiz</a></li>
<li><a href="dashboard/admin-settings.html">Settings</a></li>
</ul>
</li>
<li>
<a href="dashboard/instructor-dashboard.html">Instructor <i class="icofont-rounded-right"></i></a>
<ul class="headerarea__submenu--third">
<li><a href="dashboard/instructor-dashboard.html">Inst. Dashboard</a></li>
<li><a href="dashboard/instructor-profile.html">Inst. Profile</a></li>
<li><a href="dashboard/instructor-message.html">Message</a></li>
<li><a href="dashboard/instructor-wishlist.html">Wishlist</a></li>
<li><a href="dashboard/instructor-reviews.html">Review</a></li>
<li><a href="dashboard/instructor-my-quiz-attempts.html">My Quiz</a></li>
<li><a href="dashboard/instructor-order-history.html">Order History</a></li>
<li><a href="dashboard/instructor-course.html">My Courses</a></li>
<li><a href="dashboard/instructor-announcments.html">Announcements</a></li>
<li><a href="dashboard/instructor-quiz-attempts.html">Quiz Attempts</a></li>
<li><a href="dashboard/instructor-assignments.html">Assignment</a></li>
<li><a href="dashboard/instructor-settings.html">Settings</a></li>
</ul>
</li>
<li>
<a href="dashboard/student-dashboard.html">Student <i class="icofont-rounded-right"></i></a>
<ul class="headerarea__submenu--third">
<li><a href="dashboard/student-dashboard.html">Dashboard</a></li>
<li><a href="dashboard/student-profile.html">Profile</a></li>
<li><a href="dashboard/student-message.html">Message</a></li>
<li><a href="dashboard/student-enrolled-courses.html">Enrolled Courses</a></li>
<li><a href="dashboard/student-wishlist.html">Wishlist</a></li>
<li><a href="dashboard/student-reviews.html">Review</a></li>
<li><a href="dashboard/student-my-quiz-attempts.html">My Quiz</a></li>
<li><a href="dashboard/student-assignments.html">Assignment</a></li>
<li><a href="dashboard/student-settings.html">Settings</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a class="headerarea__has__dropdown" href="ecommerce/shop.html">Blog & Ressources
<i class="icofont-rounded-down"></i>
</a>
<ul class="headerarea__submenu">
<li><a href="ecommerce/shop.html">Shop<span class="mega__menu__label">Online Store</span></a></li>
<li><a href="ecommerce/product-details.html">Product Details</a></li>
<li><a href="ecommerce/cart.html">Cart</a></li>
<li><a href="ecommerce/checkout.html">Checkout</a></li>
<li><a href="ecommerce/wishlist.html">Wishlist</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6">
<div class="headerarea__right">
<div class="header__cart">
<a href="#"> <i class="icofont-group"></i></a>
<div class="header__right__dropdown__wrapper">
<div class="header__right__dropdown__inner">
<div class="single__header__right__dropdown">
<div class="header__right__dropdown__img">
<a href="#">
<img loading="lazy" src="{{ asset('assets/img/grid/cart1.jpg') }}" alt="photo">
</a>
</div>
<div class="header__right__dropdown__content">
<a href="shop-product.html">Web Directory</a>
<p>1 x <span class="price">$ 80.00</span></p>
</div>
<div class="header__right__dropdown__close">
<a href="#"><i class="icofont-close-line"></i></a>
</div>
</div>
<div class="single__header__right__dropdown">
<div class="header__right__dropdown__img">
<a href="#">
<img loading="lazy" src="{{ asset('assets/img/grid/cart2.jpg') }}" alt="photo">
</a>
</div>
<div class="header__right__dropdown__content">
<a href="shop-product.html">Design Minois</a>
<p>1 x <span class="price">$ 60.00</span></p>
</div>
<div class="header__right__dropdown__close">
<a href="#"><i class="icofont-close-line"></i></a>
</div>
</div>
<div class="single__header__right__dropdown">
<div class="header__right__dropdown__img">
<a href="#">
<img loading="lazy" src="{{ asset('assets/img/grid/cart3.jpg') }}" alt="photo">
</a>
</div>
<div class="header__right__dropdown__content">
<a href="shop-product.html">Crash Course</a>
<p>1 x <span class="price">$ 70.00</span></p>
</div>
<div class="header__right__dropdown__close">
<a href="#"><i class="icofont-close-line"></i></a>
</div>
</div>
</div>
<p class="dropdown__price">Total: <span>$1,100.00</span>
</p>
<div class="header__right__dropdown__button">
<a href="ecommerce/cart.html" class="white__color">View Cart</a>
<a href="ecommerce/checkout.html" class="blue__color">Checkout</a>
</div>
</div>
</div>
<div class="headerarea__login">
<a href="login.html"><i class="icofont-user-alt-5"></i></a>
</div>
<div class="headerarea__button">
<a href="#">Get Start</a>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid mob_menu_wrapper">
<div class="row align-items-center">
<div class="col-6">
<div class="mobile-logo">
<a class="logo__dark" href="#"><img loading="lazy" src="{{ asset('assets/img/favicon.png') }}" alt="logo"></a>
</div>
</div>
<div class="col-6">
<div class="header-right-wrap">
<div class="headerarea__right">
<div class="header__cart">
<a href="#"> <i class="icofont-cart-alt"></i></a>
<div class="header__right__dropdown__wrapper">
<div class="header__right__dropdown__inner">
<div class="single__header__right__dropdown">
<div class="header__right__dropdown__img">
<a href="#">
<img loading="lazy" src="{{ asset('assets/img/grid/cart1.jpg') }}" alt="photo">
</a>
</div>
<div class="header__right__dropdown__content">
<a href="shop-product.html">Web Directory</a>
<p>1 x <span class="price">$ 80.00</span></p>
</div>
<div class="header__right__dropdown__close">
<a href="#"><i class="icofont-close-line"></i></a>
</div>
</div>
<div class="single__header__right__dropdown">
<div class="header__right__dropdown__img">
<a href="#">
<img loading="lazy" src="{{ asset('assets/img/grid/cart2.jpg') }}" alt="photo">
</a>
</div>
<div class="header__right__dropdown__content">
<a href="shop-product.html">Design Minois</a>
<p>1 x <span class="price">$ 60.00</span></p>
</div>
<div class="header__right__dropdown__close">
<a href="#"><i class="icofont-close-line"></i></a>
</div>
</div>
<div class="single__header__right__dropdown">
<div class="header__right__dropdown__img">
<a href="#">
<img loading="lazy" src="{{ asset('assets/img/grid/cart3.jpg') }}" alt="photo">
</a>
</div>
<div class="header__right__dropdown__content">
<a href="shop-product.html">Crash Course</a>
<p>1 x <span class="price">$ 70.00</span></p>
</div>
<div class="header__right__dropdown__close">
<a href="#"><i class="icofont-close-line"></i></a>
</div>
</div>
</div>
<p class="dropdown__price">Total: <span>$1,100.00</span>
</p>
<div class="header__right__dropdown__button">
<a href="#" class="white__color">VIEW
CART
</a>
<a href="#" class="blue__color">CHECKOUT</a>
</div>
</div>
</div>
</div>
<div class="mobile-off-canvas">
<a class="mobile-aside-button" href="#"><i class="icofont-navigation-menu"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- header section end -->