@extends('frontend.layouts.app')

@section('content')
<div class="breadcumb-wrapper" data-bg-src="{{asset('frontend')}}/assets/img/bg/breadcumb-bg.jpg" data-overlay="title" data-opacity="8">
    <div class="breadcumb-shape" data-bg-src="{{asset('frontend')}}/assets/img/bg/breadcumb_shape_1_1.png"></div>
    <div class="shape-mockup breadcumb-shape2 jump d-lg-block d-none" data-right="30px" data-bottom="30px"><img
            src="{{asset('frontend')}}/assets/img/bg/breadcumb_shape_1_2.png" alt="shape"></div>
    <div class="shape-mockup breadcumb-shape3 jump-reverse d-lg-block d-none" data-left="50px" data-bottom="80px">
        <img src="{{asset('frontend')}}/assets/img/bg/breadcumb_shape_1_3.png" alt="shape"></div>
    <div class="container">
        <div class="breadcumb-content text-center">
            <h1 class="breadcumb-title">Courses Page</h1>
            <ul class="breadcumb-menu">
                <li><a href="index.html">Home</a></li>
                <li>Courses</li>
            </ul>
        </div>
    </div>
</div>
<section class="space-top space-extra2-bottom">
    <div class="container">
        <div class="row">
            <div class="col-xl-9 col-lg-8 order-lg-2">
                <div class="th-sort-bar course-sort-bar">
                    <div class="row justify-content-between align-items-center">
                        <div class="col-md">
                            <p class="woocommerce-result-count">Showing <span class="text-theme">12 courses</span>
                                Of 16 Result</p>
                        </div>
                        <div class="col-md-auto">
                            <div class="nav" role="tablist"><a class="active" href="#" id="tab-shop-list"
                                    data-bs-toggle="tab" data-bs-target="#tab-list" role="tab"
                                    aria-controls="tab-grid" aria-selected="false"><i
                                        class="fa-solid fa-grid-2 me-2"></i>Grid</a> <a href="#" id="tab-shop-grid"
                                    data-bs-toggle="tab" data-bs-target="#tab-grid" role="tab"
                                    aria-controls="tab-grid" aria-selected="true"><i
                                        class="fa-solid fa-list me-2"></i>List</a></div>
                        </div>
                    </div>
                </div>
                <div class="tab-content" id="nav-tabContent">
                    <div class="tab-pane fade" id="tab-grid" role="tabpanel" aria-labelledby="tab-shop-grid">
                        <div class="row gy-30">
                            <div class="col-12">
                                <div class="course-grid">
                                    <div class="course-img"><img src="{{asset('frontend')}}/{{asset('frontend')}}/assets/img/course/course_2_1.png" alt="img">
                                        <span class="tag"><i class="fas fa-clock"></i> 03 WEEKS</span></div>
                                    <div class="course-content">
                                        <div class="d-flex justify-content-between">
                                            <div class="course-rating">
                                                <div class="star-rating" role="img"
                                                    aria-label="Rated 4.00 out of 5"><span style="width:79%">Rated
                                                        <strong class="rating">4.00</strong> out of 5</span></div>
                                                (4.7)
                                            </div>
                                            <div class="offer-tag">Free</div>
                                        </div>
                                        <h3 class="course-title"><a href="{{ route('frontend.course.details') }}">Education Software
                                                and PHP and JS System Script 22</a></h3>
                                        <p class="course-text">We are committed to making a positive impact on
                                            education globally. Through our initiatives, we aim to bridge
                                            educational gaps, improve learning outcomes.</p>
                                        <div class="course-meta style2"><span><i class="fal fa-file"></i>Lesson
                                                8</span> <span><i class="fal fa-user"></i>Students 60+</span>
                                            <span><i class="fal fa-chart-simple"></i>Beginner</span></div>
                                        <div class="course-author">
                                            <div class="author-info"><img src="{{asset('frontend')}}/{{asset('frontend')}}/assets/img/course/author.png"
                                                    alt="author"> <a href="{{ route('frontend.course.details') }}" class="author-name">Max
                                                    Alexix</a></div><a href="{{ route('frontend.course.details') }}"
                                                class="link-btn">View Details<i
                                                    class="fas fa-arrow-right ms-2"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="course-grid">
                                    <div class="course-img"><img src="{{asset('frontend')}}/assets/img/course/course_2_2.png" alt="img">
                                        <span class="tag"><i class="fas fa-clock"></i> 02 WEEKS</span></div>
                                    <div class="course-content">
                                        <div class="d-flex justify-content-between">
                                            <div class="course-rating">
                                                <div class="star-rating" role="img"
                                                    aria-label="Rated 4.00 out of 5"><span style="width:79%">Rated
                                                        <strong class="rating">4.00</strong> out of 5</span></div>
                                                (4.7)
                                            </div>
                                            <div class="offer-tag">Free</div>
                                        </div>
                                        <h3 class="course-title"><a href="course-details.html">Learn Figma – UI/UX
                                                Design Essential Training</a></h3>
                                        <p class="course-text">Through our initiatives, we aim to bridge educational
                                            gaps. We are committed to making a positive impact on education globally
                                            improve learning outcomes.</p>
                                        <div class="course-meta style2"><span><i class="fal fa-file"></i>Lesson
                                                9</span> <span><i class="fal fa-user"></i>Students 50+</span>
                                            <span><i class="fal fa-chart-simple"></i>Beginner</span></div>
                                        <div class="course-author">
                                            <div class="author-info"><img src="{{asset('frontend')}}/assets/img/course/author.png"
                                                    alt="author"> <a href="course.html" class="author-name">Kevin
                                                    Perry</a></div><a href="course-details.html"
                                                class="link-btn">View Details<i
                                                    class="fas fa-arrow-right ms-2"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="course-grid">
                                    <div class="course-img"><img src="{{asset('frontend')}}/assets/img/course/course_2_3.png" alt="img">
                                        <span class="tag"><i class="fas fa-clock"></i> 04 WEEKS</span></div>
                                    <div class="course-content">
                                        <div class="d-flex justify-content-between">
                                            <div class="course-rating">
                                                <div class="star-rating" role="img"
                                                    aria-label="Rated 4.00 out of 5"><span style="width:79%">Rated
                                                        <strong class="rating">4.00</strong> out of 5</span></div>
                                                (4.7)
                                            </div>
                                            <div class="offer-tag">Free</div>
                                        </div>
                                        <h3 class="course-title"><a href="course-details.html">Advanced Android 12 &
                                                Kotlin Development Course</a></h3>
                                        <p class="course-text">We aim to bridge educational gaps, improve learning
                                            outcomes. We are committed to making a positive impact on education
                                            globally, through our initiatives.</p>
                                        <div class="course-meta style2"><span><i class="fal fa-file"></i>Lesson
                                                7</span> <span><i class="fal fa-user"></i>Students 30+</span>
                                            <span><i class="fal fa-chart-simple"></i>Beginner</span></div>
                                        <div class="course-author">
                                            <div class="author-info"><img src="{{asset('frontend')}}/assets/img/course/author.png"
                                                    alt="author"> <a href="course.html" class="author-name">Max
                                                    Alexix</a></div><a href="course-details.html"
                                                class="link-btn">View Details<i
                                                    class="fas fa-arrow-right ms-2"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="course-grid">
                                    <div class="course-img"><img src="{{asset('frontend')}}/assets/img/course/course_2_4.png" alt="img">
                                        <span class="tag"><i class="fas fa-clock"></i> 02 WEEKS</span></div>
                                    <div class="course-content">
                                        <div class="d-flex justify-content-between">
                                            <div class="course-rating">
                                                <div class="star-rating" role="img"
                                                    aria-label="Rated 4.00 out of 5"><span style="width:79%">Rated
                                                        <strong class="rating">4.00</strong> out of 5</span></div>
                                                (4.7)
                                            </div>
                                            <div class="offer-tag">Free</div>
                                        </div>
                                        <h3 class="course-title"><a href="course-details.html">IT Statistics Data
                                                Science and Business Analysis</a></h3>
                                        <p class="course-text">We are committed to making a positive impact on
                                            education globally. Through our initiatives, we aim to bridge
                                            educational gaps, improve learning outcomes.</p>
                                        <div class="course-meta style2"><span><i class="fal fa-file"></i>Lesson
                                                10</span> <span><i class="fal fa-user"></i>Students 20+</span>
                                            <span><i class="fal fa-chart-simple"></i>Beginner</span></div>
                                        <div class="course-author">
                                            <div class="author-info"><img src="{{asset('frontend')}}/assets/img/course/author.png"
                                                    alt="author"> <a href="course.html" class="author-name">Kevin
                                                    Perry</a></div><a href="course-details.html"
                                                class="link-btn">View Details<i
                                                    class="fas fa-arrow-right ms-2"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="course-grid">
                                    <div class="course-img"><img src="{{asset('frontend')}}/assets/img/course/course_2_5.png" alt="img">
                                        <span class="tag"><i class="fas fa-clock"></i> 03 WEEKS</span></div>
                                    <div class="course-content">
                                        <div class="d-flex justify-content-between">
                                            <div class="course-rating">
                                                <div class="star-rating" role="img"
                                                    aria-label="Rated 4.00 out of 5"><span style="width:79%">Rated
                                                        <strong class="rating">4.00</strong> out of 5</span></div>
                                                (4.7)
                                            </div>
                                            <div class="offer-tag">Free</div>
                                        </div>
                                        <h3 class="course-title"><a href="course-details.html">The Complete HTML &
                                                CSS Bootcamp 2023 Edition</a></h3>
                                        <p class="course-text">Through our initiatives, we aim to bridge educational
                                            gaps. We are committed to making a positive impact on education globally
                                            improve learning outcomes.</p>
                                        <div class="course-meta style2"><span><i class="fal fa-file"></i>Lesson
                                                8</span> <span><i class="fal fa-user"></i>Students 60+</span>
                                            <span><i class="fal fa-chart-simple"></i>Beginner</span></div>
                                        <div class="course-author">
                                            <div class="author-info"><img src="{{asset('frontend')}}/assets/img/course/author.png"
                                                    alt="author"> <a href="course.html" class="author-name">Max
                                                    Alexix</a></div><a href="course-details.html"
                                                class="link-btn">View Details<i
                                                    class="fas fa-arrow-right ms-2"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="course-grid">
                                    <div class="course-img"><img src="{{asset('frontend')}}/assets/img/course/course_2_6.png" alt="img">
                                        <span class="tag"><i class="fas fa-clock"></i> 02 WEEKS</span></div>
                                    <div class="course-content">
                                        <div class="d-flex justify-content-between">
                                            <div class="course-rating">
                                                <div class="star-rating" role="img"
                                                    aria-label="Rated 4.00 out of 5"><span style="width:79%">Rated
                                                        <strong class="rating">4.00</strong> out of 5</span></div>
                                                (4.7)
                                            </div>
                                            <div class="offer-tag">Free</div>
                                        </div>
                                        <h3 class="course-title"><a href="course-details.html">Fashion Photography
                                                From To Professional Courses</a></h3>
                                        <p class="course-text">We aim to bridge educational gaps, improve learning
                                            outcomes. We are committed to making a positive impact on education
                                            globally, through our initiatives.</p>
                                        <div class="course-meta style2"><span><i class="fal fa-file"></i>Lesson
                                                9</span> <span><i class="fal fa-user"></i>Students 50+</span>
                                            <span><i class="fal fa-chart-simple"></i>Beginner</span></div>
                                        <div class="course-author">
                                            <div class="author-info"><img src="{{asset('frontend')}}/assets/img/course/author.png"
                                                    alt="author"> <a href="course.html" class="author-name">Kevin
                                                    Perry</a></div><a href="course-details.html"
                                                class="link-btn">View Details<i
                                                    class="fas fa-arrow-right ms-2"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade active show" id="tab-list" role="tabpanel"
                        aria-labelledby="tab-shop-list">
                        <div class="row gy-30">
                            <div class="col-md-6 col-xl-4">
                                <div class="course-box style2">
                                    <div class="course-img"><img src="{{asset('frontend')}}/assets/img/course/course_1_1.png" alt="img">
                                        <span class="tag"><i class="fas fa-clock"></i> 03 WEEKS</span></div>
                                    <div class="course-content">
                                        <div class="course-rating">
                                            <div class="star-rating" role="img" aria-label="Rated 4.00 out of 5">
                                                <span style="width:79%">Rated <strong class="rating">4.00</strong>
                                                    out of 5</span></div>(4.7)
                                        </div>
                                        <h3 class="course-title"><a href="{{ route('frontend.course.details') }}">Education Software
                                                and PHP and JS System Script</a></h3>
                                        <div class="course-meta"><span><i class="fal fa-file"></i>Lesson 8</span>
                                            <span><i class="fal fa-user"></i>Students 60+</span> <span><i
                                                    class="fal fa-chart-simple"></i>Beginner</span></div>
                                        <div class="course-author">
                                            <div class="author-info"><img src="{{asset('frontend')}}/assets/img/course/author.png"
                                                    alt="author"> <a href="{{ route('frontend.course.details') }}" class="author-name">Max
                                                    Alexix</a></div>
                                            <div class="offer-tag">Free</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-xl-4">
                                <div class="course-box style2">
                                    <div class="course-img"><img src="{{asset('frontend')}}/assets/img/course/course_1_2.png" alt="img">
                                        <span class="tag"><i class="fas fa-clock"></i> 02 WEEKS</span></div>
                                    <div class="course-content">
                                        <div class="course-rating">
                                            <div class="star-rating" role="img" aria-label="Rated 4.00 out of 5">
                                                <span style="width:79%">Rated <strong class="rating">4.00</strong>
                                                    out of 5</span></div>(4.7)
                                        </div>
                                        <h3 class="course-title"><a href="course-details.html">Learn Figma – UI/UX
                                                Design Essential Training</a></h3>
                                        <div class="course-meta"><span><i class="fal fa-file"></i>Lesson 9</span>
                                            <span><i class="fal fa-user"></i>Students 50+</span> <span><i
                                                    class="fal fa-chart-simple"></i>Beginner</span></div>
                                        <div class="course-author">
                                            <div class="author-info"><img src="{{asset('frontend')}}/assets/img/course/author.png"
                                                    alt="author"> <a href="course.html" class="author-name">Kevin
                                                    Perry</a></div>
                                            <div class="offer-tag">Free</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-xl-4">
                                <div class="course-box style2">
                                    <div class="course-img"><img src="{{asset('frontend')}}/assets/img/course/course_1_3.png" alt="img">
                                        <span class="tag"><i class="fas fa-clock"></i> 04 WEEKS</span></div>
                                    <div class="course-content">
                                        <div class="course-rating">
                                            <div class="star-rating" role="img" aria-label="Rated 4.00 out of 5">
                                                <span style="width:79%">Rated <strong class="rating">4.00</strong>
                                                    out of 5</span></div>(4.7)
                                        </div>
                                        <h3 class="course-title"><a href="course-details.html">Advanced Android 12 &
                                                Kotlin Development Course</a></h3>
                                        <div class="course-meta"><span><i class="fal fa-file"></i>Lesson 7</span>
                                            <span><i class="fal fa-user"></i>Students 30+</span> <span><i
                                                    class="fal fa-chart-simple"></i>Beginner</span></div>
                                        <div class="course-author">
                                            <div class="author-info"><img src="{{asset('frontend')}}/assets/img/course/author.png"
                                                    alt="author"> <a href="course.html" class="author-name">Max
                                                    Alexix</a></div>
                                            <div class="offer-tag">Free</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-xl-4">
                                <div class="course-box style2">
                                    <div class="course-img"><img src="{{asset('frontend')}}/assets/img/course/course_1_4.png" alt="img">
                                        <span class="tag"><i class="fas fa-clock"></i> 02 WEEKS</span></div>
                                    <div class="course-content">
                                        <div class="course-rating">
                                            <div class="star-rating" role="img" aria-label="Rated 4.00 out of 5">
                                                <span style="width:79%">Rated <strong class="rating">4.00</strong>
                                                    out of 5</span></div>(4.7)
                                        </div>
                                        <h3 class="course-title"><a href="course-details.html">IT Statistics Data
                                                Science and Business Analysis</a></h3>
                                        <div class="course-meta"><span><i class="fal fa-file"></i>Lesson 10</span>
                                            <span><i class="fal fa-user"></i>Students 20+</span> <span><i
                                                    class="fal fa-chart-simple"></i>Beginner</span></div>
                                        <div class="course-author">
                                            <div class="author-info"><img src="{{asset('frontend')}}/assets/img/course/author.png"
                                                    alt="author"> <a href="course.html" class="author-name">Kevin
                                                    Perry</a></div>
                                            <div class="offer-tag">Free</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-xl-4">
                                <div class="course-box style2">
                                    <div class="course-img"><img src="{{asset('frontend')}}/assets/img/course/course_1_5.png" alt="img">
                                        <span class="tag"><i class="fas fa-clock"></i> 03 WEEKS</span></div>
                                    <div class="course-content">
                                        <div class="course-rating">
                                            <div class="star-rating" role="img" aria-label="Rated 4.00 out of 5">
                                                <span style="width:79%">Rated <strong class="rating">4.00</strong>
                                                    out of 5</span></div>(4.7)
                                        </div>
                                        <h3 class="course-title"><a href="course-details.html">The Complete HTML &
                                                CSS Bootcamp 2023 Edition</a></h3>
                                        <div class="course-meta"><span><i class="fal fa-file"></i>Lesson 8</span>
                                            <span><i class="fal fa-user"></i>Students 60+</span> <span><i
                                                    class="fal fa-chart-simple"></i>Beginner</span></div>
                                        <div class="course-author">
                                            <div class="author-info"><img src="{{asset('frontend')}}/assets/img/course/author.png"
                                                    alt="author"> <a href="course.html" class="author-name">Max
                                                    Alexix</a></div>
                                            <div class="offer-tag">Free</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-xl-4">
                                <div class="course-box style2">
                                    <div class="course-img"><img src="{{asset('frontend')}}/assets/img/course/course_1_6.png" alt="img">
                                        <span class="tag"><i class="fas fa-clock"></i> 02 WEEKS</span></div>
                                    <div class="course-content">
                                        <div class="course-rating">
                                            <div class="star-rating" role="img" aria-label="Rated 4.00 out of 5">
                                                <span style="width:79%">Rated <strong class="rating">4.00</strong>
                                                    out of 5</span></div>(4.7)
                                        </div>
                                        <h3 class="course-title"><a href="course-details.html">Great Graphical
                                                Design That Catches Eyes</a></h3>
                                        <div class="course-meta"><span><i class="fal fa-file"></i>Lesson 9</span>
                                            <span><i class="fal fa-user"></i>Students 50+</span> <span><i
                                                    class="fal fa-chart-simple"></i>Beginner</span></div>
                                        <div class="course-author">
                                            <div class="author-info"><img src="{{asset('frontend')}}/assets/img/course/author.png"
                                                    alt="author"> <a href="course.html" class="author-name">Kevin
                                                    Perry</a></div>
                                            <div class="offer-tag">Free</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-xl-4">
                                <div class="course-box style2">
                                    <div class="course-img"><img src="{{asset('frontend')}}/assets/img/course/course_1_7.png" alt="img">
                                        <span class="tag"><i class="fas fa-clock"></i> 04 WEEKS</span></div>
                                    <div class="course-content">
                                        <div class="course-rating">
                                            <div class="star-rating" role="img" aria-label="Rated 4.00 out of 5">
                                                <span style="width:79%">Rated <strong class="rating">4.00</strong>
                                                    out of 5</span></div>(4.7)
                                        </div>
                                        <h3 class="course-title"><a href="course-details.html">Marketing 2023:
                                                Complete Guide To Social Growth</a></h3>
                                        <div class="course-meta"><span><i class="fal fa-file"></i>Lesson 7</span>
                                            <span><i class="fal fa-user"></i>Students 30+</span> <span><i
                                                    class="fal fa-chart-simple"></i>Beginner</span></div>
                                        <div class="course-author">
                                            <div class="author-info"><img src="{{asset('frontend')}}/assets/img/course/author.png"
                                                    alt="author"> <a href="course.html" class="author-name">Max
                                                    Alexix</a></div>
                                            <div class="offer-tag">Free</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-xl-4">
                                <div class="course-box style2">
                                    <div class="course-img"><img src="{{asset('frontend')}}/assets/img/course/course_1_8.png" alt="img">
                                        <span class="tag"><i class="fas fa-clock"></i> 02 WEEKS</span></div>
                                    <div class="course-content">
                                        <div class="course-rating">
                                            <div class="star-rating" role="img" aria-label="Rated 4.00 out of 5">
                                                <span style="width:79%">Rated <strong class="rating">4.00</strong>
                                                    out of 5</span></div>(4.7)
                                        </div>
                                        <h3 class="course-title"><a href="course-details.html">The complete business
                                                plan course includes 20+ template</a></h3>
                                        <div class="course-meta"><span><i class="fal fa-file"></i>Lesson 10</span>
                                            <span><i class="fal fa-user"></i>Students 20+</span> <span><i
                                                    class="fal fa-chart-simple"></i>Beginner</span></div>
                                        <div class="course-author">
                                            <div class="author-info"><img src="{{asset('frontend')}}/assets/img/course/author.png"
                                                    alt="author"> <a href="course.html" class="author-name">Kevin
                                                    Perry</a></div>
                                            <div class="offer-tag">Free</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-xl-4">
                                <div class="course-box style2">
                                    <div class="course-img"><img src="{{asset('frontend')}}/assets/img/course/course_1_9.png" alt="img">
                                        <span class="tag"><i class="fas fa-clock"></i> 03 WEEKS</span></div>
                                    <div class="course-content">
                                        <div class="course-rating">
                                            <div class="star-rating" role="img" aria-label="Rated 4.00 out of 5">
                                                <span style="width:79%">Rated <strong class="rating">4.00</strong>
                                                    out of 5</span></div>(4.7)
                                        </div>
                                        <h3 class="course-title"><a href="course-details.html">Fashion Photography
                                                From To Professional Courses</a></h3>
                                        <div class="course-meta"><span><i class="fal fa-file"></i>Lesson 8</span>
                                            <span><i class="fal fa-user"></i>Students 60+</span> <span><i
                                                    class="fal fa-chart-simple"></i>Beginner</span></div>
                                        <div class="course-author">
                                            <div class="author-info"><img src="{{asset('frontend')}}/assets/img/course/author.png"
                                                    alt="author"> <a href="course.html" class="author-name">Max
                                                    Alexix</a></div>
                                            <div class="offer-tag">Free</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-xl-4">
                                <div class="course-box style2">
                                    <div class="course-img"><img src="{{asset('frontend')}}/assets/img/course/course_1_10.png" alt="img">
                                        <span class="tag"><i class="fas fa-clock"></i> 02 WEEKS</span></div>
                                    <div class="course-content">
                                        <div class="course-rating">
                                            <div class="star-rating" role="img" aria-label="Rated 4.00 out of 5">
                                                <span style="width:79%">Rated <strong class="rating">4.00</strong>
                                                    out of 5</span></div>(4.7)
                                        </div>
                                        <h3 class="course-title"><a href="course-details.html">Fashion and Luxury
                                                Fashion In A Changing</a></h3>
                                        <div class="course-meta"><span><i class="fal fa-file"></i>Lesson 9</span>
                                            <span><i class="fal fa-user"></i>Students 50+</span> <span><i
                                                    class="fal fa-chart-simple"></i>Beginner</span></div>
                                        <div class="course-author">
                                            <div class="author-info"><img src="{{asset('frontend')}}/assets/img/course/author.png"
                                                    alt="author"> <a href="course.html" class="author-name">Kevin
                                                    Perry</a></div>
                                            <div class="offer-tag">Free</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-xl-4">
                                <div class="course-box style2">
                                    <div class="course-img"><img src="{{asset('frontend')}}/assets/img/course/course_1_11.png" alt="img">
                                        <span class="tag"><i class="fas fa-clock"></i> 04 WEEKS</span></div>
                                    <div class="course-content">
                                        <div class="course-rating">
                                            <div class="star-rating" role="img" aria-label="Rated 4.00 out of 5">
                                                <span style="width:79%">Rated <strong class="rating">4.00</strong>
                                                    out of 5</span></div>(4.7)
                                        </div>
                                        <h3 class="course-title"><a href="course-details.html">Best Statistics Data
                                                Science & Business Analysis</a></h3>
                                        <div class="course-meta"><span><i class="fal fa-file"></i>Lesson 7</span>
                                            <span><i class="fal fa-user"></i>Students 30+</span> <span><i
                                                    class="fal fa-chart-simple"></i>Beginner</span></div>
                                        <div class="course-author">
                                            <div class="author-info"><img src="{{asset('frontend')}}/assets/img/course/author.png"
                                                    alt="author"> <a href="course.html" class="author-name">Max
                                                    Alexix</a></div>
                                            <div class="offer-tag">Free</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-xl-4">
                                <div class="course-box style2">
                                    <div class="course-img"><img src="{{asset('frontend')}}/assets/img/course/course_1_12.png" alt="img">
                                        <span class="tag"><i class="fas fa-clock"></i> 02 WEEKS</span></div>
                                    <div class="course-content">
                                        <div class="course-rating">
                                            <div class="star-rating" role="img" aria-label="Rated 4.00 out of 5">
                                                <span style="width:79%">Rated <strong class="rating">4.00</strong>
                                                    out of 5</span></div>(4.7)
                                        </div>
                                        <h3 class="course-title"><a href="course-details.html">Angular with Nodejs
                                                Fullstack Development</a></h3>
                                        <div class="course-meta"><span><i class="fal fa-file"></i>Lesson 10</span>
                                            <span><i class="fal fa-user"></i>Students 20+</span> <span><i
                                                    class="fal fa-chart-simple"></i>Beginner</span></div>
                                        <div class="course-author">
                                            <div class="author-info"><img src="{{asset('frontend')}}/assets/img/course/author.png"
                                                    alt="author"> <a href="course.html" class="author-name">Kevin
                                                    Perry</a></div>
                                            <div class="offer-tag">Free</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="th-pagination text-center pt-50">
                    <ul>
                        <li><a href="blog.html">01</a></li>
                        <li><a href="blog.html">02</a></li>
                        <li><a href="blog.html">03</a></li>
                        <li><a href="blog.html"><i class="far fa-arrow-right"></i></a></li>
                    </ul>
                </div>
            </div>
            <div class="col-xl-3 col-lg-4 order-lg-1">
                <aside class="sidebar-area sidebar-shop">
                    <div class="widget widget_search">
                        <form class="search-form"><input type="text" placeholder="Search Product..."> <button
                                type="submit"><i class="far fa-search"></i></button></form>
                    </div>
                    <div class="widget widget_categories style2">
                        <h3 class="widget_title">Categories</h3>
                        <ul>
                            <li><input id="beginnercheck" name="beginnercheck" type="checkbox" checked="checked">
                                <label for="beginnercheck">Beginner<span class="checkmark"></span></label>
                                <ul class="sub-cat">
                                    <li><input id="designcheck" name="designcheck" type="checkbox"
                                            checked="checked"> <label for="designcheck">Design<span
                                                class="checkmark"></span></label></li>
                                    <li><input id="devcheck" name="devcheck" type="checkbox"> <label
                                            for="devcheck">Development<span class="checkmark"></span></label></li>
                                    <li><input id="photocheck" name="photocheck" type="checkbox"> <label
                                            for="photocheck">Photography<span class="checkmark"></span></label></li>
                                    <li><input id="musiccheck" name="musiccheck" type="checkbox"> <label
                                            for="musiccheck">Music<span class="checkmark"></span></label></li>
                                    <li><input id="cookingcheck" name="cookingcheck" type="checkbox"> <label
                                            for="cookingcheck">Cooking<span class="checkmark"></span></label></li>
                                    <li><input id="financecheck" name="financecheck" type="checkbox"> <label
                                            for="financecheck">Finance<span class="checkmark"></span></label></li>
                                    <li><input id="healthcheck" name="healthcheck" type="checkbox"> <label
                                            for="healthcheck">Health<span class="checkmark"></span></label></li>
                                    <li><input id="teccheck" name="teccheck" type="checkbox"> <label
                                            for="teccheck">Technology<span class="checkmark"></span></label></li>
                                </ul>
                            </li>
                            <li><input id="reviewcheck" name="reviewcheck" type="checkbox"> <label
                                    for="reviewcheck">Intermediate<span class="checkmark"></span></label></li>
                            <li><input id="reviewcheck" name="reviewcheck" type="checkbox"> <label
                                    for="reviewcheck">Experts<span class="checkmark"></span></label></li>
                        </ul>
                    </div>
                    <div class="widget widget_price_filter style2">
                        <h4 class="widget_title">Price Level</h4>
                        <ul>
                            <li><input id="freecheck" name="freecheck" type="checkbox" checked="checked"> <label
                                    for="freecheck">Free<span class="checkmark"></span></label></li>
                            <li><input id="paidcheck" name="paidcheck" type="checkbox"> <label
                                    for="paidcheck">Paid<span class="checkmark"></span></label></li>
                        </ul>
                    </div>
                    <div class="widget widget_time_duration style2">
                        <h4 class="widget_title">Time Duration</h4>
                        <ul>
                            <li><input id="timecheck1" name="timecheck1" type="checkbox"> <label
                                    for="timecheck1">6+hours (15)<span class="checkmark"></span></label></li>
                            <li><input id="timecheck2" name="timecheck2" type="checkbox"> <label
                                    for="timecheck2">6+hours (15)<span class="checkmark"></span></label></li>
                            <li><input id="timecheck3" name="timecheck3" type="checkbox"> <label
                                    for="timecheck3">6+hours (15)<span class="checkmark"></span></label></li>
                        </ul>
                    </div>
                    <div class="widget widget_instructor style2">
                        <h4 class="widget_title">Our Instructor</h4>
                        <ul>
                            <li><input id="instructor1" name="instructor1" type="checkbox"> <label
                                    for="instructor1">David Smith<span class="checkmark"></span></label></li>
                            <li><input id="instructor2" name="instructor2" type="checkbox"> <label
                                    for="instructor2">Alex Jender<span class="checkmark"></span></label></li>
                            <li><input id="instructor3" name="instructor3" type="checkbox"> <label
                                    for="instructor3">Lillian Wasla<span class="checkmark"></span></label></li>
                            <li><input id="instructor4" name="instructor4" type="checkbox"> <label
                                    for="instructor4">Kiara Desuza<span class="checkmark"></span></label></li>
                            <li><input id="instructor5" name="instructor5" type="checkbox"> <label
                                    for="instructor5">Liam Anton<span class="checkmark"></span></label></li>
                        </ul>
                    </div>
                </aside>
            </div>
        </div>
    </div>
</section>
@endsection