@extends('layouts.course')
@section('content')
<section class="newpage">
    <div class="innermenu">
        <div class="container">
            <div class="row">
                <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                    <div class="link-path">
                        <ul>
                            <li>Dashboard</li>
                            <li>/</li>
                            <li class="active">Individual Course</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="master-acc-section-main">
        <div class="sold-out">
            <p>Sold out</p>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7">
                    <div class="float-left w-100">
                        <div class="master-acc-content">
                            <ul>
                                <li>
                                    <div class="author-name">
                                        <h4>
                                            <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg"
                                                xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                                viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;"
                                                xml:space="preserve">
                                                <g>
                                                    <g>
                                                        <path d="M437.02,330.98c-27.883-27.882-61.071-48.523-97.281-61.018C378.521,243.251,404,198.548,404,148
			C404,66.393,337.607,0,256,0S108,66.393,108,148c0,50.548,25.479,95.251,64.262,121.962
			c-36.21,12.495-69.398,33.136-97.281,61.018C26.629,379.333,0,443.62,0,512h40c0-119.103,96.897-216,216-216s216,96.897,216,216
			h40C512,443.62,485.371,379.333,437.02,330.98z M256,256c-59.551,0-108-48.448-108-108S196.449,40,256,40
			c59.551,0,108,48.448,108,108S315.551,256,256,256z" />
                                                    </g>
                                                </g>
                                                <g></g>
                                                <g></g>
                                                <g></g>
                                                <g></g>
                                                <g></g>
                                                <g></g>
                                                <g></g>
                                                <g></g>
                                                <g></g>
                                                <g></g>
                                                <g></g>
                                                <g></g>
                                                <g></g>
                                                <g></g>
                                                <g></g>
                                            </svg> Author Name</h4>
                                    </div>
                                </li>
                                <li>
                                    <h1>Master Accountant</h1>
                                </li>
                                <li>
                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
                                        Ipsum has been the industry's standard dummy text ever since the 1500s</p>
                                </li>
                                <li><span><i class="fas fa-star"></i> <i class="fas fa-star"></i> <i
                                            class="fas fa-star"></i> <i class="fas fa-star"></i> <i
                                            class="fas fa-star"></i></span>
                                    <p>(30) (18,120 ratings)</p>
                                </li>
                            </ul>
                            <ul class="info">
                                <li><i class="far fa-clock"> </i> Mon - Fri</li>
                                <li><i class="fas fa-book"> </i> 3 Hours</li>
                                <li><i class="fas fa-book"> </i> 5 Lessons</li>
                                <li><i class="fas fa-book"> </i> Hyderabad, India</li>
                                <li><i class="fas fa-book"> </i> Re-opens 5th Feb</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-12 col-md-5 col-lg-5 col-xl-5 d-md-none">
                    <div class="mastry-sales">
                        <div class="boxes">
                            <div class="mastry-sales-content">
                                <span>Rs. 5000</span>
                                <div class="sales-button">
                                    <button>Buy Now <i class="fas fa-chevron-right"></i></button>
                                </div>
                                <div class="sales-button">
                                    <button>Add to Wishlist <i class="fas fa-chevron-right"></i></button>
                                </div>
                            </div>
                            <div class="sales-cart">
                                <div class="sales-cart-content">
                                    <ul>
                                        <li><i class="fas fa-shopping-cart"></i> 20 sales</li>
                                        <li><i class="fas fa-shopping-cart"></i> 50</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="mastery">
        <div class="container">
            <div class="row">
                <div class="col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7">
                    <div class="boxes">
                        <div class="mastery-content">
                            <div class="cou-intr">
                                <h4>Introduction</h4>
                                <p class="mastery-para">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab
                                    corporis culpa cupiditate dignissimos ea eum facilis iste repudiandae soluta
                                    voluptate.</p>
                            </div>
                        </div>

                        <div class="mastery-content">
                            <div class="cou-intr">
                                <h4>You will learn</h4>
                                <div class="you-will">
                                    <div class="row">
                                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4">
                                            <div class="you-will-learn">
                                                <img src="{{asset('images/correct.svg')}}">
                                                <p>Learning point</p>
                                            </div>
                                        </div>
                                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4">
                                            <div class="you-will-learn">
                                                <img src="{{asset('images/correct.svg')}}">
                                                <p>Learning point</p>
                                            </div>
                                        </div>
                                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4">
                                            <div class="you-will-learn">
                                                <img src="{{asset('images/correct.svg')}}">
                                                <p>Learning point</p>
                                            </div>
                                        </div>
                                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4">
                                            <div class="you-will-learn">
                                                <img src="{{asset('images/correct.svg')}}">
                                                <p>Learning point</p>
                                            </div>
                                        </div>
                                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4">
                                            <div class="you-will-learn">
                                                <img src="{{asset('images/correct.svg')}}">
                                                <p>Learning point</p>
                                            </div>
                                        </div>
                                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4">
                                            <div class="you-will-learn">
                                                <img src="{{asset('images/correct.svg')}}">
                                                <p>Learning point</p>
                                            </div>
                                        </div>
                                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4">
                                            <div class="you-will-learn">
                                                <img src="{{asset('images/correct.svg')}}">
                                                <p>Learning point</p>
                                            </div>
                                        </div>
                                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4">
                                            <div class="you-will-learn">
                                                <img src="{{asset('images/correct.svg')}}">
                                                <p>Learning point</p>
                                            </div>
                                        </div>
                                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4">
                                            <div class="you-will-learn">
                                                <img src="{{asset('images/correct.svg')}}">
                                                <p>Learning point</p>
                                            </div>
                                        </div>
                                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4">
                                            <div class="you-will-learn">
                                                <img src="{{asset('images/correct.svg')}}">
                                                <p>Learning point</p>
                                            </div>
                                        </div>
                                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4">
                                            <div class="you-will-learn">
                                                <img src="{{asset('images/correct.svg')}}">
                                                <p>Learning point</p>
                                            </div>
                                        </div>
                                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4">
                                            <div class="you-will-learn">
                                                <img src="{{asset('images/correct.svg')}}">
                                                <p>Learning point</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="mastery-content">
                            <div class="cou-intr">
                                <h4>Lessons</h4>
                                <h5>93 Lecturers</h5>
                                <div class="lesson-exp">
                                    <div class="lesson-exp-list mt-2">
                                        <div class="lesson-collap">
                                            <div class="leeson-list-one">
                                                <h5>Lesson 1</h5>
                                                <div class="exercise-list">
                                                    <h6>4 Excercises</h6>
                                                    <h6>4 Lecturers</h6>
                                                </div>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores,
                                                    ut.</p>
                                            </div>
                                            <div class="plus-collapse">
                                                <div class="plus-icon" data-toggle="collapse"
                                                    data-target="#collapseExample1">
                                                    <i class="fas fa-plus"></i>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="lesson-list-2 collapse" id="collapseExample1">
                                            <ul>
                                                <li><i class="fas fa-play"></i> Lorem ipsum dolor sit amet.</li>
                                                <li><i class="fas fa-play"></i> Lorem ipsum dolor sit amet.</li>
                                                <li><i class="fas fa-play"></i> Lorem ipsum dolor sit amet.</li>
                                                <li><i class="fas fa-play"></i> Lorem ipsum dolor sit amet.</li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="lesson-exp-list mt-2">
                                        <div class="lesson-collap">
                                            <div class="leeson-list-one">
                                                <h5>Lesson 1</h5>
                                                <div class="exercise-list">
                                                    <h6>4 Excercises</h6>
                                                    <h6>4 Lecturers</h6>
                                                </div>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores,
                                                    ut.</p>
                                            </div>
                                            <div class="plus-collapse">
                                                <div class="plus-icon" data-toggle="collapse"
                                                    data-target="#collapseExample2">
                                                    <i class="fas fa-plus"></i>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="lesson-list-2 collapse" id="collapseExample2">
                                            <ul>
                                                <li><i class="fas fa-play"></i> Lorem ipsum dolor sit amet.</li>
                                                <li><i class="fas fa-play"></i> Lorem ipsum dolor sit amet.</li>
                                                <li><i class="fas fa-play"></i> Lorem ipsum dolor sit amet.</li>
                                                <li><i class="fas fa-play"></i> Lorem ipsum dolor sit amet.</li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="lesson-exp-list mt-2">
                                        <div class="lesson-collap">
                                            <div class="leeson-list-one">
                                                <h5>Lesson 1</h5>
                                                <div class="exercise-list">
                                                    <h6>4 Excercises</h6>
                                                    <h6>4 Lecturers</h6>
                                                </div>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores,
                                                    ut.</p>
                                            </div>
                                            <div class="plus-collapse">
                                                <div class="plus-icon" data-toggle="collapse"
                                                    data-target="#collapseExample3">
                                                    <i class="fas fa-plus"></i>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="lesson-list-2 collapse" id="collapseExample3">
                                            <ul>
                                                <li><i class="fas fa-play"></i> Lorem ipsum dolor sit amet.</li>
                                                <li><i class="fas fa-play"></i> Lorem ipsum dolor sit amet.</li>
                                                <li><i class="fas fa-play"></i> Lorem ipsum dolor sit amet.</li>
                                                <li><i class="fas fa-play"></i> Lorem ipsum dolor sit amet.</li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="lesson-exp-list mt-2">
                                        <div class="lesson-collap">
                                            <div class="leeson-list-one">
                                                <h5>Lesson 1</h5>
                                                <div class="exercise-list">
                                                    <h6>4 Excercises</h6>
                                                    <h6>4 Lecturers</h6>
                                                </div>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores,
                                                    ut.</p>
                                            </div>
                                            <div class="plus-collapse">
                                                <div class="plus-icon" data-toggle="collapse"
                                                    data-target="#collapseExample4">
                                                    <i class="fas fa-plus"></i>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="lesson-list-2 collapse" id="collapseExample4">
                                            <ul>
                                                <li><i class="fas fa-play"></i> Lorem ipsum dolor sit amet.</li>
                                                <li><i class="fas fa-play"></i> Lorem ipsum dolor sit amet.</li>
                                                <li><i class="fas fa-play"></i> Lorem ipsum dolor sit amet.</li>
                                                <li><i class="fas fa-play"></i> Lorem ipsum dolor sit amet.</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="mastery-content pb-3">
                            <div class="cou-intr">
                                <h4>More Information</h4>
                                <p class="mastery-para">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                                    Aperiam ducimus harum maxime veritatis? Asperiores delectus doloremque dolorum
                                    earum, fugiat fugit hic inventore obcaecati repellendus voluptatibus. Amet
                                    architecto at aut cupiditate earum, excepturi facere labore maxime perferendis
                                    provident recusandae sed vel?</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-12 col-sm-12 col-md-5 col-lg-5 col-xl-5 d-none d-md-block">
                    <div class="mastry-sales">
                        <div class="boxes with-br">
                            <div class="mastry-sales-content">
                                <div class="course-price">
                                    <div class="item-price">
                                        <p>Price</p>
                                        <h4>Rs. 5000 /-</h4>
                                    </div>
                                    <div class="item-icon">
                                        <i class="fas fa-book"></i>
                                    </div>
                                </div>
                                <div class="player-image">
                                    <img src="{{asset('images/player.jpg')}}">
                                </div>
                            </div>
                            <div class="sales-cart">
                                <div class="sales-cart-content">
                                    <ul>
                                        <li><i class="fas fa-shopping-cart"></i> 20 sales</li>
                                        <li><i class="fas fa-comments"></i> 50 Comments</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="course-inclu">
                                <h5>Course Inclusion</h5>
                                <ul>
                                    <li><img src="{{asset('images/correct.svg')}}"> 15 Hours of video</li>
                                    <li><img src="{{asset('images/correct.svg')}}"> Lession details</li>
                                    <li><img src="{{asset('images/correct.svg')}}"> Downloadble details</li>
                                    <li><img src="{{asset('images/correct.svg')}}"> 15 Hours of video</li>
                                    <li><img src="{{asset('images/correct.svg')}}"> Lession details</li>
                                    <li><img src="{{asset('images/correct.svg')}}"> Downloadble details</li>
                                </ul>
                            </div>
                            <div class="abdxyz">
                                <div class="abdxyz-main">
                                    <div class="abd-img">
                                        <img src="{{asset('images/abd-icon.svg')}}">
                                    </div>
                                    <div class="abd-content">
                                        <div class="abd-title">
                                            <h5>ABD XYZ</h5>
                                            <p>Visit Profile</p>
                                        </div>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, magni.</p>
                                    </div>
                                </div>
                                <div class="abdxyz-main">
                                    <div class="abd-img">
                                        <img src="{{asset('images/abd-icon.svg')}}">
                                    </div>
                                    <div class="abd-content">
                                        <div class="abd-title">
                                            <h5>ABD XYZ</h5>
                                            <p>Visit Profile</p>
                                        </div>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, magni.</p>
                                    </div>
                                </div>
                                <div class="abdxyz-main">
                                    <div class="abd-img">
                                        <img src="{{asset('images/abd-icon.svg')}}">
                                    </div>
                                    <div class="abd-content">
                                        <div class="abd-title">
                                            <h5>ABD XYZ</h5>
                                            <p>Visit Profile</p>
                                        </div>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, magni.</p>
                                    </div>
                                </div>
                                <div class="abdxyz-main">
                                    <div class="abd-img">
                                        <img src="{{asset('images/abd-icon.svg')}}">
                                    </div>
                                    <div class="abd-content">
                                        <div class="abd-title">
                                            <h5>ABD XYZ</h5>
                                            <p>Visit Profile</p>
                                        </div>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, magni.</p>
                                    </div>
                                </div>
                            </div>

                            <div class="share-btn">
                                <button><i class="fas fa-share-alt"></i>Share</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="related-expansion">
        <div class="container">
            <div class="more-courses boxes">
                <div class="more-course-tle">
                    <div class="more-course-tle-list" data-toggle="collapse" data-target="#more_courses_coll">
                        <h3> More courses by this author</h3>
                    </div>

                    <div class="course-owl collapse" id="more_courses_coll">
                        <div class="carousel author-courses your-class">
                            <div class="slide item">
                                <div class="author-item">
                                    <div class="course-img">
                                        <img src="{{asset('images/course.jpg')}}">
                                        <span><i class="far fa-star"></i> Start</span>
                                    </div>
                                    <div class="course-desc">
                                        <div class="course-title">
                                            <h5>CFP Master</h5>
                                            <div class="ratings">
                                                <span><i class="fas fa-star"></i><i class="fas fa-star"></i><i
                                                        class="fas fa-star"></i><i class="fas fa-star"></i><i
                                                        class="fas fa-star"></i></span>
                                                <span>Rs. 4500/-</span>
                                            </div>
                                            <p><span>4.5 </span>(18,842 ratings)</p>
                                        </div>
                                        <div class="author-name">
                                            <h4><img src="{{asset('images/abd-icon.svg')}}"> Author Name</h4>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti,
                                                facilis.</p>
                                        </div>
                                        <div class="course-specs">
                                            <ul>
                                                <li>
                                                    <i class="fas fa-photo-video"></i>
                                                    <p>Daily</p>
                                                </li>
                                                <li>
                                                    <i class="fas fa-clock"></i>
                                                    <p>3 Hours</p>
                                                </li>
                                                <li>
                                                    <i class="fas fa-book"></i>
                                                    <p>5 Lessions</p>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="course-learn">
                                            <div class="learn-icons">
                                                <i class="fas fa-share-alt"></i><i class="fas fa-history"></i>
                                            </div>
                                            <div class="learn-btn">
                                                <button>Learn more</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="slide item">
                                <div class="author-item">
                                    <div class="course-img">
                                        <img src="{{asset('images/course.jpg')}}">
                                        <span><i class="far fa-star"></i> Start</span>
                                    </div>
                                    <div class="course-desc">
                                        <div class="course-title">
                                            <h5>CFP Master</h5>
                                            <div class="ratings">
                                                <span><i class="fas fa-star"></i><i class="fas fa-star"></i><i
                                                        class="fas fa-star"></i><i class="fas fa-star"></i><i
                                                        class="fas fa-star"></i></span>
                                                <span>Rs. 4500/-</span>
                                            </div>
                                            <p><span>4.5 </span>(18,842 ratings)</p>
                                        </div>
                                        <div class="author-name">
                                            <h4><img src="{{asset('images/abd-icon.svg')}}"> Author Name</h4>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti,
                                                facilis.</p>
                                        </div>
                                        <div class="course-specs">
                                            <ul>
                                                <li>
                                                    <i class="fas fa-photo-video"></i>
                                                    <p>Daily</p>
                                                </li>
                                                <li>
                                                    <i class="fas fa-clock"></i>
                                                    <p>3 Hours</p>
                                                </li>
                                                <li>
                                                    <i class="fas fa-book"></i>
                                                    <p>5 Lessions</p>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="course-learn">
                                            <div class="learn-icons">
                                                <i class="fas fa-share-alt"></i><i class="fas fa-history"></i>
                                            </div>
                                            <div class="learn-btn">
                                                <button>Learn more</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="slide">
                                <div class="author-item">
                                    <div class="course-img">
                                        <img src="{{asset('images/course.jpg')}}">
                                        <span><i class="far fa-star"></i> Start</span>
                                    </div>
                                    <div class="course-desc">
                                        <div class="course-title">
                                            <h5>CFP Master</h5>
                                            <div class="ratings">
                                                <span><i class="fas fa-star"></i><i class="fas fa-star"></i><i
                                                        class="fas fa-star"></i><i class="fas fa-star"></i><i
                                                        class="fas fa-star"></i></span>
                                                <span>Rs. 4500/-</span>
                                            </div>
                                            <p><span>4.5 </span>(18,842 ratings)</p>
                                        </div>
                                        <div class="author-name">
                                            <h4><img src="{{asset('images/abd-icon.svg')}}"> Author Name</h4>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti,
                                                facilis.</p>
                                        </div>
                                        <div class="course-specs">
                                            <ul>
                                                <li>
                                                    <i class="fas fa-photo-video"></i>
                                                    <p>Daily</p>
                                                </li>
                                                <li>
                                                    <i class="fas fa-clock"></i>
                                                    <p>3 Hours</p>
                                                </li>
                                                <li>
                                                    <i class="fas fa-book"></i>
                                                    <p>5 Lessions</p>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="course-learn">
                                            <div class="learn-icons">
                                                <i class="fas fa-share-alt"></i><i class="fas fa-history"></i>
                                            </div>
                                            <div class="learn-btn">
                                                <button>Learn more</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="slide">
                                <div class="author-item">
                                    <div class="course-img">
                                        <img src="{{asset('images/course.jpg')}}">
                                        <span><i class="far fa-star"></i> Start</span>
                                    </div>
                                    <div class="course-desc">
                                        <div class="course-title">
                                            <h5>CFP Master</h5>
                                            <div class="ratings">
                                                <span><i class="fas fa-star"></i><i class="fas fa-star"></i><i
                                                        class="fas fa-star"></i><i class="fas fa-star"></i><i
                                                        class="fas fa-star"></i></span>
                                                <span>Rs. 4500/-</span>
                                            </div>
                                            <p><span>4.5 </span>(18,842 ratings)</p>
                                        </div>
                                        <div class="author-name">
                                            <h4><img src="{{asset('images/abd-icon.svg')}}"> Author Name</h4>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti,
                                                facilis.</p>
                                        </div>
                                        <div class="course-specs">
                                            <ul>
                                                <li>
                                                    <i class="fas fa-photo-video"></i>
                                                    <p>Daily</p>
                                                </li>
                                                <li>
                                                    <i class="fas fa-clock"></i>
                                                    <p>3 Hours</p>
                                                </li>
                                                <li>
                                                    <i class="fas fa-book"></i>
                                                    <p>5 Lessions</p>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="course-learn">
                                            <div class="learn-icons">
                                                <i class="fas fa-share-alt"></i><i class="fas fa-history"></i>
                                            </div>
                                            <div class="learn-btn">
                                                <button>Learn more</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="slide">
                                <div class="author-item">
                                    <div class="course-img">
                                        <img src="{{asset('images/course.jpg')}}">
                                        <span><i class="far fa-star"></i> Start</span>
                                    </div>
                                    <div class="course-desc">
                                        <div class="course-title">
                                            <h5>CFP Master</h5>
                                            <div class="ratings">
                                                <span><i class="fas fa-star"></i><i class="fas fa-star"></i><i
                                                        class="fas fa-star"></i><i class="fas fa-star"></i><i
                                                        class="fas fa-star"></i></span>
                                                <span>Rs. 4500/-</span>
                                            </div>
                                            <p><span>4.5 </span>(18,842 ratings)</p>
                                        </div>
                                        <div class="author-name">
                                            <h4><img src="{{asset('images/abd-icon.svg')}}"> Author Name</h4>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti,
                                                facilis.</p>
                                        </div>
                                        <div class="course-specs">
                                            <ul>
                                                <li>
                                                    <i class="fas fa-photo-video"></i>
                                                    <p>Daily</p>
                                                </li>
                                                <li>
                                                    <i class="fas fa-clock"></i>
                                                    <p>3 Hours</p>
                                                </li>
                                                <li>
                                                    <i class="fas fa-book"></i>
                                                    <p>5 Lessions</p>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="course-learn">
                                            <div class="learn-icons">
                                                <i class="fas fa-share-alt"></i><i class="fas fa-history"></i>
                                            </div>
                                            <div class="learn-btn">
                                                <button>Learn more</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

<script>

</script>