@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">Course</li>
                            <li>/</li>
                            <li class="active">Course Preview</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="master-acc-section-main bg_set_black">
        <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 new-mt-set">
                                <li><i class="fa fa-clock"> </i> 3 Hours</li>
                                <li><i class="fa fa-book"> </i>60 Questions</li>
								<li><i class="fas fa-shopping-cart"></i> 0 sales</li>
								<li><i class="fas fa-comments"></i> 0 Comments</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">
                    <div class="cpreview-right">
                        <div class="cpreview-right-con">
                            <img src="{{asset('images/player.jpg')}}">
							<div class="cpreview-price">
                                <div class="cpreview-item-price">
                                    <h4>Rs. 5000 /-</h4>
                                </div>
                                <div class="cpreview-item-share">
                                    <button  type="button"><i class="fas fa-share-alt"></i> Share</button> 
                                </div>
                            </div>  
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
	<div class="cpreview-tabs">
		<div class="container">
			<div class="user-education">
				<ul class="nav nav-tabs" role="tablist">
                            <li>
                                <a class="active" data-toggle="tab" href="#tabs-1" role="tab">Introduction</a>
                            </li>

                            <li>
                                <a data-toggle="tab" href="#tabs2" role="tab">You Will Learn</a>
                            </li>
							<li>
                                <a data-toggle="tab" href="#tabs-3" role="tab">Course Content</a>
                            </li>
							<li>
                                <a data-toggle="tab" href="#tabs-4" role="tab">More Information</a>
                            </li>
							<li>
                                <a data-toggle="tab" href="#tabs-5" role="tab">Authors</a>
                            </li>
                </ul>
			</div>
			<div class="cpreview-tah-output">
				<div class="tab-content">
					<div class="tab-pane active" id="tabs-1" role="tabpanel">
                        <div class="tabs_content">
							<div class="cpreview-intro">
							<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>
							<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, 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>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 class="tab-pane" id="tabs-2" role="tabpanel">
                        <div class="tabs_content">
							<div class="cpreview-intro">
							<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>
							<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, 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 class="tab-pane" id="tabs-3" role="tabpanel">
                        <div class="tabs_content">
							<div class="cpreview-abtc">
								<div class="cpreview-abtc-coll" data-toggle="collapse" data-target="#course1">
									<div class="cpreview-abtc-con">
											<h6>Introduction to Business Analysis</h6>
											<p>4 Lectures</p>
									</div>
									<div class="cpreview-abtc-right">
										<i class="fas fa-chevron-down"></i>
									</div>
								</div>
								<div class="collapse" id="course1">
									<div class="cpreview-colp-inner">
										<div class="cpreview-colp-other">
											<div class="cpreview-abtc-coll" data-toggle="collapse" data-target="#coursein1">
												<div class="cpreview-abtc-con">
													<div class="colp-other-left-ic">
														<i class="far fa-file"></i> 
													</div>
													<div class="colp-other-con">
														<h5>Lorem Ipsum is simply dummy text of the printing</h5>
														<ul>
															<li>1 Exercise</li>
															<li>0 Assignments</li>
															<li>2 <i class="far fa-file"></i></li>
														</ul>
													</div>
												</div>
												<div class="cpreview-abtc-right">
													<i class="fas fa-chevron-down"></i>
												</div>
											</div>
											<div class="collapse" id="coursein1">
												<div class="cpreview-c-inner-con">
													<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>
												</div>
											</div>
										</div>
										<div class="cpreview-colp-other">
											<div class="cpreview-abtc-coll" data-toggle="collapse" data-target="#coursein2">
												<div class="cpreview-abtc-con">
													<div class="colp-other-left-ic">
														<i class="far fa-file"></i> 
													</div>
													<div class="colp-other-con">
														<h5>Lorem Ipsum is simply dummy text of the printing</h5>
														<ul>
															<li>1 Exercise</li>
															<li>0 Assignments</li>
															<li>2 <i class="far fa-file"></i></li>
														</ul>
													</div>
												</div>
												<div class="cpreview-abtc-right">
													<i class="fas fa-chevron-down"></i>
												</div>
											</div>
											<div class="collapse" id="coursein2">
												<div class="cpreview-c-inner-con">
													<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>
												</div>
											</div>
										</div>
										
									</div>
								</div>
							</div>
							<div class="cpreview-abtc">
								<div class="cpreview-abtc-coll" data-toggle="collapse" data-target="#course2">
									<div class="cpreview-abtc-con">
											<h6>Introduction to Business Analysis</h6>
											<p>4 Lectures</p>
									</div>
									<div class="cpreview-abtc-right">
										<i class="fas fa-chevron-down"></i>
									</div>
								</div>
								<div class="collapse" id="course2">
									<div class="cpreview-colp-inner">
										<div class="cpreview-colp-other">
											<div class="cpreview-abtc-coll" data-toggle="collapse" data-target="#courseot1">
												<div class="cpreview-abtc-con">
													<div class="colp-other-left-ic">
														<i class="far fa-file"></i> 
													</div>
													<div class="colp-other-con">
														<h5>Lorem Ipsum is simply dummy text of the printing</h5>
														<ul>
															<li>1 Exercise</li>
															<li>0 Assignments</li>
															<li>2 <i class="far fa-file"></i></li>
														</ul>
													</div>
												</div>
												<div class="cpreview-abtc-right">
													<i class="fas fa-chevron-down"></i>
												</div>
											</div>
											<div class="collapse" id="courseot1">
												<div class="cpreview-c-inner-con">
													<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>
												</div>
											</div>
										</div>
										<div class="cpreview-colp-other">
											<div class="cpreview-abtc-coll" data-toggle="collapse" data-target="#courseot2">
												<div class="cpreview-abtc-con">
													<div class="colp-other-left-ic">
														<i class="far fa-file"></i> 
													</div>
													<div class="colp-other-con">
														<h5>Lorem Ipsum is simply dummy text of the printing</h5>
														<ul>
															<li>1 Exercise</li>
															<li>0 Assignments</li>
															<li>2 <i class="far fa-file"></i></li>
														</ul>
													</div>
												</div>
												<div class="cpreview-abtc-right">
													<i class="fas fa-chevron-down"></i>
												</div>
											</div>
											<div class="collapse" id="courseot2">
												<div class="cpreview-c-inner-con">
													<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>
												</div>
											</div>
										</div>
										
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="tab-pane" id="tabs-4" role="tabpanel">
                        <div class="tabs_content">
							<div class="cpreview-intro">
							<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>
							<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, 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 class="tab-pane" id="tabs-5" role="tabpanel">
                        <div class="tabs_content">
							<div class="cpreview-author">
								<div class="row">
									<div class="col-12 col-sm-12 col-md-6 col-lg-4 col-lg-4">
										<div class="cpreview-author-con">
											<div class="cpreview-author-icon">
											<i class="fa fa-user"></i>
											</div>
											<div class="cpreview-author-info">
											<h5>Author1</h5>
											<p>about author1</p>
											</div>
										</div>
									</div>
									<div class="col-12 col-sm-12 col-md-6 col-lg-4 col-lg-4">
										<div class="cpreview-author-con">
											<div class="cpreview-author-icon">
											<i class="fa fa-user"></i>
											</div>
											<div class="cpreview-author-info">
											<h5>Author1</h5>
											<p>about author1</p>
											</div>
										</div>
									</div>
									<div class="col-12 col-sm-12 col-md-6 col-lg-4 col-lg-4">
										<div class="cpreview-author-con">
											<div class="cpreview-author-icon">
											<i class="fa fa-user"></i>
											</div>
											<div class="cpreview-author-info">
											<h5>Author1</h5>
											<p>about author1</p>
											</div>
										</div>
									</div>
									<div class="col-12 col-sm-12 col-md-6 col-lg-4 col-lg-4">
										<div class="cpreview-author-con">
											<div class="cpreview-author-icon">
											<i class="fa fa-user"></i>
											</div>
											<div class="cpreview-author-info">
											<h5>Author1</h5>
											<p>about author1</p>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					
				</div>
			</div>
		</div>
	</div>
</section>	
@endsection