@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">Exercises</li>
                            <li>/</li>
                            <li class="active">Exercise</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>GST Exercise</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="fa fa-star"></i> <i class="fa fa-star"></i> <i
                                            class="fa fa-star"></i> <i class="fa fa-star"></i> <i
                                            class="fa fa-star"></i> </span>
                                    <p> 5.0 (18,120 ratings)</p>
                                </li>
                            </ul>
                            <ul class="info">
                                <li><i class="fa fa-clock"> </i> 3 Hours</li>
                                <li><i class="fa fa-book"> </i>60 Questions</li>

                            </ul>
                            <ul class="add-towish">
                                <li><button><i class="fa fa-star"></i> Add to wishlist</button></li>
                                <li><button>Buy now</button></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 pb-83">
                            <div class="cou-intr">
                                <h4>Introduction</h4>
                                <p class="mastery-para">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, when an unknown printer took a galley of type and scrambled it to make a type
                                    specimen book. It has survived not only five centuries, but also the leap into
                                    electronic typesetting, remaining essentially unchanged. It was popularised in the
                                    1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more
                                    recently with desktop publishing software like Aldus PageMaker including versions of
                                    Lorem Ipsum.</p>
                                <p class="mastery-para">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, when an unknown printer took a galley of type and scrambled it to make a type
                                    specimen book. It has survived not only five centuries, but also the leap into
                                    electronic typesetting, remaining essentially unchanged. It was popularised in the
                                    1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more
                                    recently with desktop publishing software like Aldus PageMaker including versions of
                                    Lorem Ipsum.</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 t-set">
                        <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>Exercise Inclusion</h5>
                                <ul>
                                    <li class="font-awe"><i class="fa fa-check-circle"></i>30 Questions</li>
                                    <li class="font-awe"><i class="fa fa-check-circle"></i> Detailed answers</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>
                                            <a href="">
                                                <p>View Author Profile</p>
                                            </a>
                                        </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>
                                            <a href="">
                                                <p>View Author Profile</p>
                                            </a>
                                        </div>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, magni.</p>
                                    </div>
                                </div>
                            </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 Exercises 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><button class="no-effect" type="button" href="#"> <i
                                                    class="fa fa-star"></i> Save </button></span>
                                    </div>
                                    <div class="course-desc">
                                        <div class="course-title">
                                            <h5>GST Exercise</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="far fa-clock"></i>
                                                    <p>20 mins</p>
                                                </li>
                                                <li>
                                                    <i class="fa fa-question-circle"></i>
                                                    <p>60 Questions</p>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="course-learn">
                                            <div class="learn-icons">
                                                <i class="fa fa-share-alt"></i><i class="fa 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><button class="no-effect" type="button" href="#"> <i
                                                    class="fa fa-star"></i> Save </button></span>
                                    </div>
                                    <div class="course-desc">
                                        <div class="course-title">
                                            <h5>GST Exercise</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="far fa-clock"></i>
                                                    <p>20 mins</p>
                                                </li>
                                                <li>
                                                    <i class="fa fa-question-circle"></i>
                                                    <p>60 Questions</p>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="course-learn">
                                            <div class="learn-icons">
                                                <i class="fa fa-share-alt"></i><i class="fa fa-history"></i>
                                            </div>
                                            <div class="learn-btn">
                                                <button>Learn more</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="more-courses boxes mt-20">
                <div class="more-course-tle">
                    <div class="more-course-tle-list" data-toggle="collapse" data-target="#more_course">
                        <h3><i class="fa fa-comment"></i> Reviews</h3>
                    </div>
                    <div class="collapse" id="more_course">
                        dweoichwsoiduchwsodiuch
                    </div>
                </div>
            </div>
            <div class="more-courses boxes mt-20">
                <div class="more-course-tle">
                    <div class="more-course-tle-list" data-toggle="collapse" data-target="#relevaant-exercises">
                        <h3>Other Relevant Exercises</h3>
                    </div>
                    <div class="collapse" id="more_course">
                        dweoichwsoiduchwsodiuch
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

<script>

</script>