@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>Courses</li>
                            <li>/</li>
                            <li class="active">Master Accountact</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="master-acc-main">
        <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-con">
                            <ul>
                                <li>
                                    <h1>Master Accountant</h1>
                                </li>
                                <li>
                                    <p>Progress</p>
                                </li>
                                <li>Progress bar <span class="mat-perc">40%</span></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="fas fa-book"> </i> 3 Hours</li>
                                <li><i class="fas fa-book"> </i> 5 Lessons</li>
                            </ul>
                            <ul class="add-towish">
                                <li><button><i class="far 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">
                    <div class="mastry-sales1">
                        <div class="boxes with-br">
                            <div class="mastry-sales-content1">
                                <div class="course-price1">
                                    <div class="item-price1">
                                        <p>Price</p>
                                        <h4>Rs. 5000 /-</h4>
                                    </div>
                                    <div class="item-icon">
                                        <i class="fas fa-book"></i>
                                    </div>
                                </div>
                                <div class="player-image1">
                                    <img src="{{asset('images/player.jpg')}}">
                                </div>
                            </div>
                            <div class="sales-cart1">
                                <div class="sales-cart-content1">
                                    <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>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="program-step mt-3">
        <div class="container">
            <div class="program-step-1 boxes">
                <div class="pro-tilt">
                    <div class="pro-tilt-list" data-toggle="collapse" data-target="#program_step">
                        <h3>
                            Program step 1 - GST Mastery
                        </h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias, id!</p>
                    </div>
                    <div class="float-left w-100 collapse" id="program_step">
                        <div class="main-step">
                            <div class="boxes">
                                <div class="main-program">
                                    <div class="completed">
                                        <p>Completed</p>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 col-sm-12 col-md-6 col-xl-6 col-lg-6">
                                            <div class="course-info">
                                                <h4>GST Course</h4>
                                                <div class="rating-stars">
                                                    <span class="rating-star"><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
                                                        class="rating">4.5</span><span class="rating-count">(18,148
                                                        ratings)</span>
                                                </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="save-share">
                                                    <ul>
                                                        <li><button class="save-btn"><i
                                                                    class="fas fa-star"></i>Save</button></li>
                                                        <li><button class="share-btn"><i
                                                                    class="fas fa-share-alt"></i>Share</button></li>
                                                        <li><button class="learn-more">Learn more</button></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 col-sm-12 col-md-6 col-xl-6 col-lg-6">
                                            <div class="course-cost">
                                                <h4>Rs. 4000/-</h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="main-step">
                            <div class="boxes">
                                <div class="main-program">
                                    <div class="completed">
                                        <p>Completed</p>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 col-sm-12 col-md-6 col-xl-6 col-lg-6">
                                            <div class="course-info">
                                                <h4>GST Course</h4>
                                                <div class="rating-stars">
                                                    <span class="rating-star"><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
                                                        class="rating">4.5</span><span class="rating-count">(18,148
                                                        ratings)</span>
                                                </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="save-share">
                                                    <ul>
                                                        <li><button class="save-btn"><i
                                                                    class="fas fa-star"></i>Save</button></li>
                                                        <li><button class="share-btn"><i
                                                                    class="fas fa-share-alt"></i>Share</button></li>
                                                        <li><button class="learn-more">Learn more</button></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 col-sm-12 col-md-6 col-xl-6 col-lg-6">
                                            <div class="course-cost">
                                                <h4>Rs. 4000/-</h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="main-step">
                            <div class="boxes">
                                <div class="main-program">
                                    <div class="completed">
                                        <p>Completed</p>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 col-sm-12 col-md-6 col-xl-6 col-lg-6">
                                            <div class="course-info">
                                                <h4>GST Course</h4>
                                                <div class="rating-stars">
                                                    <span class="rating-star"><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
                                                        class="rating">4.5</span><span class="rating-count">(18,148
                                                        ratings)</span>
                                                </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="save-share">
                                                    <ul>
                                                        <li><button class="save-btn"><i
                                                                    class="fas fa-star"></i>Save</button></li>
                                                        <li><button class="share-btn"><i
                                                                    class="fas fa-share-alt"></i>Share</button></li>
                                                        <li><button class="learn-more">Learn more</button></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 col-sm-12 col-md-6 col-xl-6 col-lg-6">
                                            <div class="course-cost">
                                                <h4>Rs. 4000/-</h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="main-step">
                            <div class="boxes">
                                <div class="main-program">
                                    <div class="completed">
                                        <p>Completed</p>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 col-sm-12 col-md-6 col-xl-6 col-lg-6">
                                            <div class="course-info">
                                                <h4>GST Course</h4>
                                                <div class="rating-stars">
                                                    <span class="rating-star"><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
                                                        class="rating">4.5</span><span class="rating-count">(18,148
                                                        ratings)</span>
                                                </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="save-share">
                                                    <ul>
                                                        <li><button class="save-btn"><i
                                                                    class="fas fa-star"></i>Save</button></li>
                                                        <li><button class="share-btn"><i
                                                                    class="fas fa-share-alt"></i>Share</button></li>
                                                        <li><button class="learn-more">Learn more</button></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 col-sm-12 col-md-6 col-xl-6 col-lg-6">
                                            <div class="course-cost">
                                                <h4>Rs. 4000/-</h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="program-step mt-3">
        <div class="container">
            <div class="program-step-1 boxes">
                <div class="pro-tilt">
                    <div class="pro-tilt-list" data-toggle="collapse" data-target="#program_step2">
                        <h3>
                            Program step 2 - TAX Mastery
                        </h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias, id!</p>
                    </div>
                    <div class="float-left w-100 collapse" id="program_step2">

                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="program-step mt-3">
        <div class="container">
            <div class="program-step-1 boxes">
                <div class="pro-tilt">
                    <div class="pro-tilt-list" data-toggle="collapse" data-target="#program_step3">
                        <h3>
                            Reviews
                        </h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias, id!</p>
                    </div>
                    <div class="float-left w-100 collapse" id="program_step3">

                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection