@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">Course</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="fullpage">
    <div class="container">
      <div class="row">

        <div class="col-12 col-sm-12 col-md-9 col-lg-9 col-xl-9">
          <div class="overview-section">
            <div class="video-play">
              <iframe title="vimeo-player" src="https://player.vimeo.com/video/76979871" width="100%" height="100%"
                frameborder="0" allowfullscreen></iframe>
            </div>
          </div>
          <div class="videoscroll">
            <div class="boxes">
              <div class="video-owl">
                <div class="video-scroll-content">
                  <div class="Head"> <span class="Arrows"></span> </div>
                  <!-- Carousel video-scroll-content -->
                  <div class="SlickCarousel">
                    <!-- Item -->
                    <div class="ProductBlock">
                      <div class="Content">
                        <div class="img-fill">
                          <iframe title="vimeo-player" src="https://player.vimeo.com/video/76979871" width="100%"
                            height="100%" frameborder="0" allowfullscreen></iframe>
                        </div>

                      </div>
                    </div>
                    <!-- Item -->
                    <!-- Item -->
                    <div class="ProductBlock">
                      <div class="Content">
                        <div class="img-fill">
                          <iframe title="vimeo-player" src="https://player.vimeo.com/video/76979871" width="100%"
                            height="100%" frameborder="0" allowfullscreen></iframe>
                        </div>

                      </div>
                    </div>
                    <!-- Item -->
                    <!-- Item -->
                    <div class="ProductBlock">
                      <div class="Content">
                        <div class="img-fill">
                          <iframe title="vimeo-player" src="https://player.vimeo.com/video/76979871" width="100%"
                            height="100%" frameborder="0" allowfullscreen></iframe>
                        </div>

                      </div>
                    </div>
                    <!-- Item -->
                    <!-- Item -->
                    <div class="ProductBlock">
                      <div class="Content">
                        <div class="img-fill">
                          <iframe title="vimeo-player" src="https://player.vimeo.com/video/76979871" width="100%"
                            height="100%" frameborder="0" allowfullscreen></iframe>
                        </div>

                      </div>
                    </div>
                    <!-- Item -->
                    <!-- Item -->
                    <div class="ProductBlock">
                      <div class="Content">
                        <div class="img-fill">
                          <iframe title="vimeo-player" src="https://player.vimeo.com/video/76979871" width="100%"
                            height="100%" frameborder="0" allowfullscreen></iframe>
                        </div>

                      </div>
                    </div>
                    <!-- Item -->
                  </div>
                  <!-- Carousel video-scroll-content -->
                </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="video-content">
                          <iframe title="vimeo-player" src="https://player.vimeo.com/video/76979871" width="100%"
                            height="100%" frameborder="0" allowfullscreen></iframe>
                        </div>
                      </div>
                      <div class="author-item">
                        <div class="video-content">
                          <iframe title="vimeo-player" src="https://player.vimeo.com/video/76979871" width="100%"
                            height="100%" frameborder="0" allowfullscreen></iframe>
                        </div>
                      </div>
                      <div class="author-item">
                        <div class="video-content">
                          <iframe title="vimeo-player" src="https://player.vimeo.com/video/76979871" width="100%"
                            height="100%" frameborder="0" allowfullscreen></iframe>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

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




          <div class="jobs-list">
            <div class="boxes">
              <div class="jobslist">
                <ul class="nav nav-tabs" role="tablist">
                  <li>
                    <a class="active" data-toggle="tab" href="#tabs-1" role="tab">Lessons Overview</a>
                  </li>
                  <li>
                    <a data-toggle="tab" href="#tabs-2" role="tab">Reading material</a>
                  </li>
                  <li>
                    <a data-toggle="tab" href="#tabs-3" role="tab">Exerices</a>
                  </li>
                  <li>
                    <a data-toggle="tab" href="#tabs-4" role="tab">Forum </a>
                  </li>
                  <li>
                    <a data-toggle="tab" href="#tabs-5" role="tab">My Notes</a>
                  </li>
                </ul>


              </div>

            </div>



          </div>

          <div class="jobs-tabs">
            <div class="boxes">
              <div class="tab-content">
                <div class="tab-pane active" id="tabs-1" role="tabpanel">
                  <div class="lesson-content">
                    <div class="lesson-text">
                      <h4>Introduction</h4>
                      <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 class="lesson-text">
                      <h4>Video Script</h4>
                      <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="lesson-content">
                    <div class="lesson-text">
                      <h4>Reading Material</h4>
                      <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 id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                      <div class="carousel-inner">
                        <div class="carousel-item active">
                          <div class="material-text">

                            <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 class="carousel-item">
                          <div class="material-text">

                            <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="owl-nav">
                        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button"
                          data-slide="prev">

                          <span class="">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button"
                          data-slide="next">

                          <span class="">Next</span>
                        </a>
                      </div>
                    </div>
                    <div class="save-btn">
                      <button class="no-effect" type="button">
                        <span><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14">
                            <path
                              d="M6.99995943,1.2818238 L5.37654457,5.11366994 L1.22123217,5.47053758 L4.373806,8.20349111 L3.42890548,12.2674988 L7.00000931,10.113091 L10.5708651,12.2675045 L9.6262462,8.20347769 L12.7787679,5.47054455 L8.62308819,5.11366994 L6.99995943,1.2818238 Z" />
                          </svg> Save</span>
                      </button>
                    </div>
                  </div>
                </div>
                <div class="tab-pane" id="tabs-3" role="tabpanel">
                  <div class="lesson-content">
                    <div class="lesson-text">
                      <h4>Exercises</h4>
                      <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 class="exercise-text">
                      <h4>Exercise 1</h4>
                      <p>Lorem Ipsum is simply dummy text of the printing</p>
                      <span> <a href="#" class="no-effect"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                            xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="14px" height="16px"
                            viewBox="0 0 512 512" style="overflow:visible;enable-background:new 0 0 512 512;"
                            xml:space="preserve">
                            <defs>
                            </defs>
                            <g>
                              <g>
                                <path d="M256,0C114.84,0,0,114.84,0,256s114.84,256,256,256s256-114.84,256-256S397.16,0,256,0z M402.21,182.63L217.75,367.08
                   c-4.17,4.17-9.63,6.25-15.08,6.25s-10.92-2.08-15.08-6.25l-99.12-99.13c-4.17-4.17-4.17-10.92,0-15.09l15.08-15.08
                   c4.17-4.16,10.92-4.16,15.09,0l84.04,84.04l169.37-169.38c4.17-4.16,10.92-4.16,15.09,0l15.08,15.08
                   C406.37,171.71,406.37,178.46,402.21,182.63z" />
                              </g>
                            </g>
                          </svg>
                          Completed </a> </span>
                    </div>
                    <div class="exercise-text">
                      <h4>Exercise 1</h4>
                      <p>Lorem Ipsum is simply dummy text of the printing</p>
                      <span class="completenow"><a href="#" class="no-effect">
                          Complete Now </a> </span>
                    </div>
                  </div>

                </div>
                <div class="tab-pane" id="tabs-4" role="tabpanel">
                  <div class="forum-content">

                    <div class="searchbar">
                      <div class="lesson-text">
                        <h4>Forum</h4>
                      </div>
                      <form>
                        <div class="form-inline search-form">
                          <div class="search_select1 t-0">
                            <select placeholder="Filter by">
                              <option value="1">Relavent</option>
                              <option value="2">Date</option>
                              <option value="3">Location</option>
                            </select>
                          </div>
                          <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
                          <div class="search-button">
                            <button type="submit">
                              <img src="{{asset('images/search.png')}}" class="search-one">
                            </button>
                          </div>
                        </div>
                      </form>
                    </div>
                    <div class="forum-box-content">
                      <div class="forum-box">
                        <div class="row">
                          <div class="col-12 col-sm-12 col-md-3 col-lg-2 col-xl-2">
                            <div class="forum-image">
                              <img src="{{asset('images/profile.png')}}" class="search-one">
                            </div>
                          </div>
                          <div class="col-12 col-sm-12 col-md-9 col-lg-10 col-xl-10">
                            <div class="forum-text">
                              <div class="forum-text-content">
                                <h4>RaviKumar <span><img src="{{asset('images/history.svg')}}"> 20 minutes ago</span>
                                </h4>
                                <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.
                                </p>
                              </div>
                            </div>
                          </div>
                          <div class="col-12 col-sm-12 col-md-3 col-lg-2 col-xl-2">

                          </div>
                          <div class="col-12 col-sm-12 col-md-9 col-lg-10 col-xl-10">
                            <div class="forum-text">
                              <div class="forum-text-content">
                                <h4>Trainer Response <span><img src="{{asset('images/history.svg')}}"> 20 minutes
                                    ago</span></h4>
                                <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.
                                </p>
                              </div>
                            </div>
                            <button class="no-effect" type="button">
                              <span><i class="fa fa-plus"></i> Open all responses</span>
                            </button>
                          </div>
                        </div>

                      </div>
                      <div class="forum-box">
                        <div class="row">
                          <div class="col-12 col-sm-12 col-md-3 col-lg-2 col-xl-2">
                            <div class="forum-image">
                              <img src="{{asset('images/profile.png')}}" class="search-one">
                            </div>
                          </div>
                          <div class="col-12 col-sm-12 col-md-9 col-lg-10 col-xl-10">
                            <div class="forum-text">
                              <div class="forum-text-content">
                                <h4>RaviKumar <span><img src="{{asset('images/history.svg')}}"> 20 minutes ago</span>
                                </h4>
                                <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.
                                </p>
                              </div>
                            </div>
                          </div>
                          <div class="col-12 col-sm-12 col-md-3 col-lg-2 col-xl-2">

                          </div>
                          <div class="col-12 col-sm-12 col-md-9 col-lg-10 col-xl-10">
                            <div class="forum-text">
                              <div class="forum-text-content">
                                <h4>Trainer Response <span><img src="{{asset('images/history.svg')}}"> 20 minutes
                                    ago</span></h4>
                                <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.
                                </p>
                              </div>
                            </div>
                            <button class="no-effect" type="button">
                              <span><i class="fa fa-plus"></i> Open all responses</span>
                            </button>
                          </div>
                        </div>

                      </div>
                    </div>
                  </div>
                </div>
                <div class="tab-pane " id="tabs-5" role="tabpanel">
                  <div class="my-notes-section">
                    <div class="lesson-text">
                      <h4>Your Notes</h4>
                      <p class="viewall">View all notes in all lessons</p>
                    </div>
                    <div class="forum-box">
                      <div class="forum-text">
                        <div class="forum-text-content">
                          <h4>RaviKumar <span><img src="{{asset('images/history.svg')}}"> Last Edited 2:00pm, Feb
                              10</span></h4>
                          <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.</p>
                        </div>
                        <div class="buttons">
                          <ul>
                            <li> <button class="no-effect" type="button"> <span><i class="fa fa-edit"></i>Edit</span>
                              </button></li>
                            <li> <button class="no-effect" type="button"> <svg xmlns="http://www.w3.org/2000/svg"
                                  width="14" height="16" viewBox="0 0 14 16">
                                  <g>
                                    <path
                                      d="M11.5971243 4.76595745C10.2836935 4.76595745 9.2141456 3.69710773 9.2141456 2.38297872 9.2141456 1.06884972 10.2836935 0 11.5971243 0 12.9106716 0 13.9801031 1.06884972 13.9801031 2.38297872 13.9801031 3.69710773 12.9106716 4.76595745 11.5971243 4.76595745zM11.5971243.953191489C10.8091589.953191489 10.1673371 1.59431517 10.1673371 2.38297872 10.1673371 3.17164227 10.8091589 3.81276596 11.5971243 3.81276596 12.3850898 3.81276596 13.0269116 3.17164227 13.0269116 2.38297872 13.0269116 1.59431517 12.3850898.953191489 11.5971243.953191489zM11.5971243 15.2510638C10.2836935 15.2510638 9.2141456 14.1822141 9.2141456 12.8680851 9.2141456 11.5539561 10.2836935 10.4851064 11.5971243 10.4851064 12.9106716 10.4851064 13.9801031 11.5539561 13.9801031 12.8680851 13.9801031 14.1822141 12.9106716 15.2510638 11.5971243 15.2510638zM11.5971243 11.4382979C10.8091589 11.4382979 10.1673371 12.0794216 10.1673371 12.8680851 10.1673371 13.6567487 10.8091589 14.2978723 11.5971243 14.2978723 12.3850898 14.2978723 13.0269116 13.6567487 13.0269116 12.8680851 13.0269116 12.0794216 12.3850898 11.4382979 11.5971243 11.4382979zM2.38297872 10.0085106C1.06943152 10.0085106 0 8.93966092 0 7.62553191 0 6.31140291 1.06943152 5.24255319 2.38297872 5.24255319 3.69652592 5.24255319 4.76595745 6.31140291 4.76595745 7.62553191 4.76595745 8.93966092 3.69652592 10.0085106 2.38297872 10.0085106zM2.38297872 6.19574468C1.5950133 6.19574468.953191489 6.83686837.953191489 7.62553191.953191489 8.41419546 1.5950133 9.05531915 2.38297872 9.05531915 3.17094415 9.05531915 3.81276596 8.41419546 3.81276596 7.62553191 3.81276596 6.83686837 3.17094415 6.19574468 2.38297872 6.19574468z" />
                                    <path
                                      d="M4.04222074 7.16161901C3.87629653 7.16161901 3.71491025 7.07516624 3.62787567 6.92145943 3.49755652 6.6927028 3.57702794 6.40157911 3.80578457 6.27137631L9.70226064 2.90972408C9.93031915 2.77824135 10.2220246 2.85829454 10.3516456 3.08774933 10.4819648 3.31650599 10.4024933 3.6075133 10.1737367 3.73783245L4.27726064 7.09936837C4.2029089 7.14125666 4.12227394 7.16161901 4.04222074 7.16161901L4.04222074 7.16161901zM9.93799866 12.4041722C9.85794546 12.4041722 9.77719415 12.3838099 9.70284241 12.3413398L3.80636635 8.97968751C3.57760971 8.84948471 3.49825465 8.55836103 3.62845745 8.3296044 3.75807844 8.10026596 4.04920213 8.02079454 4.27795879 8.15169546L10.1743185 11.5132314C10.4030751 11.6435505 10.4825465 11.9345578 10.3523438 12.1633145 10.264611 12.3177194 10.1032247 12.4041722 9.93799866 12.4041722z" />
                                  </g>
                                </svg>Share </button></li>

                            <li><button class="no-effect" type="button">
                                <i class="fa fa-trash"></i>
                                Delete </button></li>
                          </ul>
                        </div>
                      </div>
                    </div>
                    <div class="forum-box">
                      <div class="forum-text">
                        <div class="forum-text-content">
                          <h4>RaviKumar <span><img src="{{asset('images/history.svg')}}"> Last Edited 2:00pm, Feb
                              10</span></h4>
                          <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.</p>
                        </div>
                        <div class="buttons">
                          <ul>
                            <li> <button class="no-effect" type="button"> <span><i class="fa fa-edit"></i>Edit</span>
                              </button></li>
                            <li> <button class="no-effect" type="button"> <svg xmlns="http://www.w3.org/2000/svg"
                                  width="14" height="16" viewBox="0 0 14 16">
                                  <g>
                                    <path
                                      d="M11.5971243 4.76595745C10.2836935 4.76595745 9.2141456 3.69710773 9.2141456 2.38297872 9.2141456 1.06884972 10.2836935 0 11.5971243 0 12.9106716 0 13.9801031 1.06884972 13.9801031 2.38297872 13.9801031 3.69710773 12.9106716 4.76595745 11.5971243 4.76595745zM11.5971243.953191489C10.8091589.953191489 10.1673371 1.59431517 10.1673371 2.38297872 10.1673371 3.17164227 10.8091589 3.81276596 11.5971243 3.81276596 12.3850898 3.81276596 13.0269116 3.17164227 13.0269116 2.38297872 13.0269116 1.59431517 12.3850898.953191489 11.5971243.953191489zM11.5971243 15.2510638C10.2836935 15.2510638 9.2141456 14.1822141 9.2141456 12.8680851 9.2141456 11.5539561 10.2836935 10.4851064 11.5971243 10.4851064 12.9106716 10.4851064 13.9801031 11.5539561 13.9801031 12.8680851 13.9801031 14.1822141 12.9106716 15.2510638 11.5971243 15.2510638zM11.5971243 11.4382979C10.8091589 11.4382979 10.1673371 12.0794216 10.1673371 12.8680851 10.1673371 13.6567487 10.8091589 14.2978723 11.5971243 14.2978723 12.3850898 14.2978723 13.0269116 13.6567487 13.0269116 12.8680851 13.0269116 12.0794216 12.3850898 11.4382979 11.5971243 11.4382979zM2.38297872 10.0085106C1.06943152 10.0085106 0 8.93966092 0 7.62553191 0 6.31140291 1.06943152 5.24255319 2.38297872 5.24255319 3.69652592 5.24255319 4.76595745 6.31140291 4.76595745 7.62553191 4.76595745 8.93966092 3.69652592 10.0085106 2.38297872 10.0085106zM2.38297872 6.19574468C1.5950133 6.19574468.953191489 6.83686837.953191489 7.62553191.953191489 8.41419546 1.5950133 9.05531915 2.38297872 9.05531915 3.17094415 9.05531915 3.81276596 8.41419546 3.81276596 7.62553191 3.81276596 6.83686837 3.17094415 6.19574468 2.38297872 6.19574468z" />
                                    <path
                                      d="M4.04222074 7.16161901C3.87629653 7.16161901 3.71491025 7.07516624 3.62787567 6.92145943 3.49755652 6.6927028 3.57702794 6.40157911 3.80578457 6.27137631L9.70226064 2.90972408C9.93031915 2.77824135 10.2220246 2.85829454 10.3516456 3.08774933 10.4819648 3.31650599 10.4024933 3.6075133 10.1737367 3.73783245L4.27726064 7.09936837C4.2029089 7.14125666 4.12227394 7.16161901 4.04222074 7.16161901L4.04222074 7.16161901zM9.93799866 12.4041722C9.85794546 12.4041722 9.77719415 12.3838099 9.70284241 12.3413398L3.80636635 8.97968751C3.57760971 8.84948471 3.49825465 8.55836103 3.62845745 8.3296044 3.75807844 8.10026596 4.04920213 8.02079454 4.27795879 8.15169546L10.1743185 11.5132314C10.4030751 11.6435505 10.4825465 11.9345578 10.3523438 12.1633145 10.264611 12.3177194 10.1032247 12.4041722 9.93799866 12.4041722z" />
                                  </g>
                                </svg>Share </button></li>

                            <li><button class="no-effect" type="button">
                                <i class="fa fa-trash"></i>
                                Delete </button></li>
                          </ul>
                        </div>
                      </div>
                    </div>
                    <div class="forum-box">
                      <div class="forum-text">
                        <div class="forum-text-content">
                          <h4>RaviKumar <span><img src="{{asset('images/history.svg')}}"> Last Edited 2:00pm, Feb
                              10</span></h4>
                          <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.</p>
                        </div>
                        <div class="buttons">
                          <ul>
                            <li><span><i class="fa fa-edit"></i>Edit</span></li>
                            <li><svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16">
                                <g>
                                  <path
                                    d="M11.5971243 4.76595745C10.2836935 4.76595745 9.2141456 3.69710773 9.2141456 2.38297872 9.2141456 1.06884972 10.2836935 0 11.5971243 0 12.9106716 0 13.9801031 1.06884972 13.9801031 2.38297872 13.9801031 3.69710773 12.9106716 4.76595745 11.5971243 4.76595745zM11.5971243.953191489C10.8091589.953191489 10.1673371 1.59431517 10.1673371 2.38297872 10.1673371 3.17164227 10.8091589 3.81276596 11.5971243 3.81276596 12.3850898 3.81276596 13.0269116 3.17164227 13.0269116 2.38297872 13.0269116 1.59431517 12.3850898.953191489 11.5971243.953191489zM11.5971243 15.2510638C10.2836935 15.2510638 9.2141456 14.1822141 9.2141456 12.8680851 9.2141456 11.5539561 10.2836935 10.4851064 11.5971243 10.4851064 12.9106716 10.4851064 13.9801031 11.5539561 13.9801031 12.8680851 13.9801031 14.1822141 12.9106716 15.2510638 11.5971243 15.2510638zM11.5971243 11.4382979C10.8091589 11.4382979 10.1673371 12.0794216 10.1673371 12.8680851 10.1673371 13.6567487 10.8091589 14.2978723 11.5971243 14.2978723 12.3850898 14.2978723 13.0269116 13.6567487 13.0269116 12.8680851 13.0269116 12.0794216 12.3850898 11.4382979 11.5971243 11.4382979zM2.38297872 10.0085106C1.06943152 10.0085106 0 8.93966092 0 7.62553191 0 6.31140291 1.06943152 5.24255319 2.38297872 5.24255319 3.69652592 5.24255319 4.76595745 6.31140291 4.76595745 7.62553191 4.76595745 8.93966092 3.69652592 10.0085106 2.38297872 10.0085106zM2.38297872 6.19574468C1.5950133 6.19574468.953191489 6.83686837.953191489 7.62553191.953191489 8.41419546 1.5950133 9.05531915 2.38297872 9.05531915 3.17094415 9.05531915 3.81276596 8.41419546 3.81276596 7.62553191 3.81276596 6.83686837 3.17094415 6.19574468 2.38297872 6.19574468z" />
                                  <path
                                    d="M4.04222074 7.16161901C3.87629653 7.16161901 3.71491025 7.07516624 3.62787567 6.92145943 3.49755652 6.6927028 3.57702794 6.40157911 3.80578457 6.27137631L9.70226064 2.90972408C9.93031915 2.77824135 10.2220246 2.85829454 10.3516456 3.08774933 10.4819648 3.31650599 10.4024933 3.6075133 10.1737367 3.73783245L4.27726064 7.09936837C4.2029089 7.14125666 4.12227394 7.16161901 4.04222074 7.16161901L4.04222074 7.16161901zM9.93799866 12.4041722C9.85794546 12.4041722 9.77719415 12.3838099 9.70284241 12.3413398L3.80636635 8.97968751C3.57760971 8.84948471 3.49825465 8.55836103 3.62845745 8.3296044 3.75807844 8.10026596 4.04920213 8.02079454 4.27795879 8.15169546L10.1743185 11.5132314C10.4030751 11.6435505 10.4825465 11.9345578 10.3523438 12.1633145 10.264611 12.3177194 10.1032247 12.4041722 9.93799866 12.4041722z" />
                                </g>
                              </svg>Share</li>

                            <li>
                              <i class="fa fa-trash"></i>
                              Delete</li>
                          </ul>
                        </div>
                      </div>
                    </div>
                    <div class="forum-box">
                      <div class="forum-text">
                        <div class="forum-text-content">
                          <h4>RaviKumar <span><img src="{{asset('images/history.svg')}}"> Last Edited 2:00pm, Feb
                              10</span></h4>
                          <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.</p>
                        </div>
                        <div class="buttons">
                          <ul>
                            <li> <button class="no-effect" type="button"> <span><i class="fa fa-edit"></i>Edit</span>
                              </button></li>
                            <li> <button class="no-effect" type="button"> <svg xmlns="http://www.w3.org/2000/svg"
                                  width="14" height="16" viewBox="0 0 14 16">
                                  <g>
                                    <path
                                      d="M11.5971243 4.76595745C10.2836935 4.76595745 9.2141456 3.69710773 9.2141456 2.38297872 9.2141456 1.06884972 10.2836935 0 11.5971243 0 12.9106716 0 13.9801031 1.06884972 13.9801031 2.38297872 13.9801031 3.69710773 12.9106716 4.76595745 11.5971243 4.76595745zM11.5971243.953191489C10.8091589.953191489 10.1673371 1.59431517 10.1673371 2.38297872 10.1673371 3.17164227 10.8091589 3.81276596 11.5971243 3.81276596 12.3850898 3.81276596 13.0269116 3.17164227 13.0269116 2.38297872 13.0269116 1.59431517 12.3850898.953191489 11.5971243.953191489zM11.5971243 15.2510638C10.2836935 15.2510638 9.2141456 14.1822141 9.2141456 12.8680851 9.2141456 11.5539561 10.2836935 10.4851064 11.5971243 10.4851064 12.9106716 10.4851064 13.9801031 11.5539561 13.9801031 12.8680851 13.9801031 14.1822141 12.9106716 15.2510638 11.5971243 15.2510638zM11.5971243 11.4382979C10.8091589 11.4382979 10.1673371 12.0794216 10.1673371 12.8680851 10.1673371 13.6567487 10.8091589 14.2978723 11.5971243 14.2978723 12.3850898 14.2978723 13.0269116 13.6567487 13.0269116 12.8680851 13.0269116 12.0794216 12.3850898 11.4382979 11.5971243 11.4382979zM2.38297872 10.0085106C1.06943152 10.0085106 0 8.93966092 0 7.62553191 0 6.31140291 1.06943152 5.24255319 2.38297872 5.24255319 3.69652592 5.24255319 4.76595745 6.31140291 4.76595745 7.62553191 4.76595745 8.93966092 3.69652592 10.0085106 2.38297872 10.0085106zM2.38297872 6.19574468C1.5950133 6.19574468.953191489 6.83686837.953191489 7.62553191.953191489 8.41419546 1.5950133 9.05531915 2.38297872 9.05531915 3.17094415 9.05531915 3.81276596 8.41419546 3.81276596 7.62553191 3.81276596 6.83686837 3.17094415 6.19574468 2.38297872 6.19574468z" />
                                    <path
                                      d="M4.04222074 7.16161901C3.87629653 7.16161901 3.71491025 7.07516624 3.62787567 6.92145943 3.49755652 6.6927028 3.57702794 6.40157911 3.80578457 6.27137631L9.70226064 2.90972408C9.93031915 2.77824135 10.2220246 2.85829454 10.3516456 3.08774933 10.4819648 3.31650599 10.4024933 3.6075133 10.1737367 3.73783245L4.27726064 7.09936837C4.2029089 7.14125666 4.12227394 7.16161901 4.04222074 7.16161901L4.04222074 7.16161901zM9.93799866 12.4041722C9.85794546 12.4041722 9.77719415 12.3838099 9.70284241 12.3413398L3.80636635 8.97968751C3.57760971 8.84948471 3.49825465 8.55836103 3.62845745 8.3296044 3.75807844 8.10026596 4.04920213 8.02079454 4.27795879 8.15169546L10.1743185 11.5132314C10.4030751 11.6435505 10.4825465 11.9345578 10.3523438 12.1633145 10.264611 12.3177194 10.1032247 12.4041722 9.93799866 12.4041722z" />
                                  </g>
                                </svg>Share </button></li>

                            <li><button class="no-effect" type="button">
                                <i class="fa fa-trash"></i>
                                Delete </button></li>
                          </ul>
                        </div>
                      </div>
                    </div>
                    <div class="forum-box">
                      <div class="forum-text">
                        <div class="forum-text-content">
                          <h4>RaviKumar <span><img src="{{asset('images/history.svg')}}"> Last Edited 2:00pm, Feb
                              10</span></h4>
                          <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.</p>
                        </div>
                        <div class="buttons">
                          <ul>
                            <li><span><i class="fa fa-edit"></i>Edit</span></li>
                            <li><svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16">
                                <g>
                                  <path
                                    d="M11.5971243 4.76595745C10.2836935 4.76595745 9.2141456 3.69710773 9.2141456 2.38297872 9.2141456 1.06884972 10.2836935 0 11.5971243 0 12.9106716 0 13.9801031 1.06884972 13.9801031 2.38297872 13.9801031 3.69710773 12.9106716 4.76595745 11.5971243 4.76595745zM11.5971243.953191489C10.8091589.953191489 10.1673371 1.59431517 10.1673371 2.38297872 10.1673371 3.17164227 10.8091589 3.81276596 11.5971243 3.81276596 12.3850898 3.81276596 13.0269116 3.17164227 13.0269116 2.38297872 13.0269116 1.59431517 12.3850898.953191489 11.5971243.953191489zM11.5971243 15.2510638C10.2836935 15.2510638 9.2141456 14.1822141 9.2141456 12.8680851 9.2141456 11.5539561 10.2836935 10.4851064 11.5971243 10.4851064 12.9106716 10.4851064 13.9801031 11.5539561 13.9801031 12.8680851 13.9801031 14.1822141 12.9106716 15.2510638 11.5971243 15.2510638zM11.5971243 11.4382979C10.8091589 11.4382979 10.1673371 12.0794216 10.1673371 12.8680851 10.1673371 13.6567487 10.8091589 14.2978723 11.5971243 14.2978723 12.3850898 14.2978723 13.0269116 13.6567487 13.0269116 12.8680851 13.0269116 12.0794216 12.3850898 11.4382979 11.5971243 11.4382979zM2.38297872 10.0085106C1.06943152 10.0085106 0 8.93966092 0 7.62553191 0 6.31140291 1.06943152 5.24255319 2.38297872 5.24255319 3.69652592 5.24255319 4.76595745 6.31140291 4.76595745 7.62553191 4.76595745 8.93966092 3.69652592 10.0085106 2.38297872 10.0085106zM2.38297872 6.19574468C1.5950133 6.19574468.953191489 6.83686837.953191489 7.62553191.953191489 8.41419546 1.5950133 9.05531915 2.38297872 9.05531915 3.17094415 9.05531915 3.81276596 8.41419546 3.81276596 7.62553191 3.81276596 6.83686837 3.17094415 6.19574468 2.38297872 6.19574468z" />
                                  <path
                                    d="M4.04222074 7.16161901C3.87629653 7.16161901 3.71491025 7.07516624 3.62787567 6.92145943 3.49755652 6.6927028 3.57702794 6.40157911 3.80578457 6.27137631L9.70226064 2.90972408C9.93031915 2.77824135 10.2220246 2.85829454 10.3516456 3.08774933 10.4819648 3.31650599 10.4024933 3.6075133 10.1737367 3.73783245L4.27726064 7.09936837C4.2029089 7.14125666 4.12227394 7.16161901 4.04222074 7.16161901L4.04222074 7.16161901zM9.93799866 12.4041722C9.85794546 12.4041722 9.77719415 12.3838099 9.70284241 12.3413398L3.80636635 8.97968751C3.57760971 8.84948471 3.49825465 8.55836103 3.62845745 8.3296044 3.75807844 8.10026596 4.04920213 8.02079454 4.27795879 8.15169546L10.1743185 11.5132314C10.4030751 11.6435505 10.4825465 11.9345578 10.3523438 12.1633145 10.264611 12.3177194 10.1032247 12.4041722 9.93799866 12.4041722z" />
                                </g>
                              </svg>Share</li>

                            <li>
                              <i class="fa fa-trash"></i>
                              Delete</li>
                          </ul>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-sm-12 col-md-3 col-lg-3 col-xl-3">
          <div class="boxes">
            <div class="stu-dash">
              <div class="jobs-filtersection">
                <div class="overview-ex-nav">
                  <h4>GST Courses </h4>
                  <p>Lorem Ipsum is simply dummy text </p>
                  <div class="overview-ex-lesson">
                    <div class="overview-nav-les">
                      <div class="nav-ex-content">
                        <div class="les-nav-collap">
                          <div class="lesson-overview-one">
                            <h5>Section 1</h5>
                            <p><i class="fa fa-comments"></i> 6 Exercises<span>3 Lectures</span></p>
                          </div>
                          <div class="plus-collapse">
                            <div class="plus-icon" data-toggle="collapse" data-target="#section1">
                              <i class="fas fa-plus"></i>
                            </div>
                          </div>
                        </div>
                        <div class="lesson-overview-two collapse show" id="section1">
                          <a href="#"><i class="fas fa-play"></i> Lesson 1 <span>2 mins</span></a>
                          <a href="#"><i class="fas fa-play"></i> Lesson 2 <span>2 mins</span></a>
                          <a href="#"><i class="fas fa-play"></i> Lesson 3 <span>2 mins</span></a>
                          <a href="#"><i class="fas fa-play"></i> Lesson 4 <span>2 mins</span></a>
                        </div>
                      </div>
                      <div class="nav-ex-content">
                        <div class="les-nav-collap">
                          <div class="lesson-overview-one">
                            <h5>Section 2</h5>
                            <p><i class="fa fa-comments"></i> 6 Exercises<span>3 Lectures</span></p>
                          </div>
                          <div class="plus-collapse">
                            <div class="plus-icon" data-toggle="collapse" data-target="#section2">
                              <i class="fas fa-plus"></i>
                            </div>
                          </div>
                        </div>
                        <div class="lesson-overview-two collapse" id="section2">
                          <a href="#"><i class="fas fa-play"></i> Lesson 1 <span>2 mins</span></a>
                          <a href="#"><i class="fas fa-play"></i> Lesson 2 <span>2 mins</span></a>
                          <a href="#"><i class="fas fa-play"></i> Lesson 3 <span>2 mins</span></a>
                          <a href="#"><i class="fas fa-play"></i> Lesson 4 <span>2 mins</span></a>
                        </div>
                      </div>
                      <div class="nav-ex-content">
                        <div class="les-nav-collap">
                          <div class="lesson-overview-one">
                            <h5>Section 3</h5>
                            <p><i class="fa fa-comments"></i> 6 Exercises<span>3 Lectures</span></p>
                          </div>
                          <div class="plus-collapse">
                            <div class="plus-icon" data-toggle="collapse" data-target="#section3">
                              <i class="fas fa-plus"></i>
                            </div>
                          </div>
                        </div>
                        <div class="lesson-overview-two collapse" id="section3">
                          <a href="#"><i class="fas fa-play"></i> Lesson 1 <span>2 mins</span></a>
                          <a href="#"><i class="fas fa-play"></i> Lesson 2 <span>2 mins</span></a>
                          <a href="#"><i class="fas fa-play"></i> Lesson 3 <span>2 mins</span></a>
                          <a href="#"><i class="fas fa-play"></i> Lesson 4 <span>2 mins</span></a>
                        </div>
                      </div>
                      <div class="nav-ex-content">
                        <div class="les-nav-collap">
                          <div class="lesson-overview-one">
                            <h5>Section 4</h5>
                            <p><i class="fa fa-comments"></i> 6 Exercises<span>3 Lectures</span></p>
                          </div>
                          <div class="plus-collapse">
                            <div class="plus-icon" data-toggle="collapse" data-target="#section4">
                              <i class="fas fa-plus"></i>
                            </div>
                          </div>
                        </div>
                        <div class="lesson-overview-two collapse" id="section4">
                          <a href="#"><i class="fas fa-play"></i> Lesson 1 <span>2 mins</span></a>
                          <a href="#"><i class="fas fa-play"></i> Lesson 2 <span>2 mins</span></a>
                          <a href="#"><i class="fas fa-play"></i> Lesson 3 <span>2 mins</span></a>
                          <a href="#"><i class="fas fa-play"></i> Lesson 4 <span>2 mins</span></a>
                        </div>
                      </div>
                      <div class="nav-ex-content">
                        <div class="les-nav-collap">
                          <div class="lesson-overview-one">
                            <h5>Section 5</h5>
                            <p><i class="fa fa-comments"></i> 6 Exercises<span>3 Lectures</span></p>
                          </div>
                          <div class="plus-collapse">
                            <div class="plus-icon" data-toggle="collapse" data-target="#section5">
                              <i class="fas fa-plus"></i>
                            </div>
                          </div>
                        </div>
                        <div class="lesson-overview-two collapse" id="section5">
                          <a href="#"><i class="fas fa-play"></i> Lesson 1 <span>2 mins</span></a>
                          <a href="#"><i class="fas fa-play"></i> Lesson 2 <span>2 mins</span></a>
                          <a href="#"><i class="fas fa-play"></i> Lesson 3 <span>2 mins</span></a>
                          <a href="#"><i class="fas fa-play"></i> Lesson 4 <span>2 mins</span></a>
                        </div>
                      </div>
                      <div class="nav-ex-content">
                        <div class="les-nav-collap">
                          <div class="lesson-overview-one">
                            <h5>Section 6</h5>
                            <p><i class="fa fa-comments"></i> 6 Exercises<span>3 Lectures</span></p>
                          </div>
                          <div class="plus-collapse">
                            <div class="plus-icon" data-toggle="collapse" data-target="#section6">
                              <i class="fas fa-plus"></i>
                            </div>
                          </div>
                        </div>
                        <div class="lesson-overview-two collapse" id="section6">
                          <a href="#"><i class="fas fa-play"></i> Lesson 1 <span>2 mins</span></a>
                          <a href="#"><i class="fas fa-play"></i> Lesson 2 <span>2 mins</span></a>
                          <a href="#"><i class="fas fa-play"></i> Lesson 3 <span>2 mins</span></a>
                          <a href="#"><i class="fas fa-play"></i> Lesson 4 <span>2 mins</span></a>
                        </div>
                      </div>
                      <div class="nav-ex-content">
                        <div class="les-nav-collap">
                          <div class="lesson-overview-one">
                            <h5>Section 7</h5>
                            <p><i class="fa fa-comments"></i> 6 Exercises<span>3 Lectures</span></p>
                          </div>
                          <div class="plus-collapse">
                            <div class="plus-icon" data-toggle="collapse" data-target="#section7">
                              <i class="fas fa-plus"></i>
                            </div>
                          </div>
                        </div>
                        <div class="lesson-overview-two collapse" id="section7">
                          <a href="#"><i class="fas fa-play"></i> Lesson 1 <span>2 mins</span></a>
                          <a href="#"><i class="fas fa-play"></i> Lesson 2 <span>2 mins</span></a>
                          <a href="#"><i class="fas fa-play"></i> Lesson 3 <span>2 mins</span></a>
                          <a href="#"><i class="fas fa-play"></i> Lesson 4 <span>2 mins</span></a>
                        </div>
                      </div>
                      <div class="nav-ex-content">
                        <div class="les-nav-collap">
                          <div class="lesson-overview-one">
                            <h5>Section 8</h5>
                            <p><i class="fa fa-comments"></i> 6 Exercises<span>3 Lectures</span></p>
                          </div>
                          <div class="plus-collapse">
                            <div class="plus-icon" data-toggle="collapse" data-target="#section8">
                              <i class="fas fa-plus"></i>
                            </div>
                          </div>
                        </div>
                        <div class="lesson-overview-two collapse" id="section8">
                          <a href="#"><i class="fas fa-play"></i> Lesson 1 <span>2 mins</span></a>
                          <a href="#"><i class="fas fa-play"></i> Lesson 2 <span>2 mins</span></a>
                          <a href="#"><i class="fas fa-play"></i> Lesson 3 <span>2 mins</span></a>
                          <a href="#"><i class="fas fa-play"></i> Lesson 4 <span>2 mins</span></a>
                        </div>
                      </div>

                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
</section>
<script>
  $(document).ready(function(){
		  $(".SlickCarousel").slick({
			rtl:false, // If RTL Make it true & .slick-slide{float:right;}
			autoplay:true, 
			autoplaySpeed:5000, //  Slide Delay
			speed:800, // Transition Speed
			slidesToShow:4, // Number Of Carousel
			slidesToScroll:1, // Slide To Move 
			pauseOnHover:false,
			appendArrows:$(".video-scroll-content .Head .Arrows"), // Class For Arrows Buttons
			prevArrow:'<span class="Slick-Prev"></span>',
			nextArrow:'<span class="Slick-Next"></span>',
			easing:"linear",
			responsive:[
			  {breakpoint:801,settings:{
				slidesToShow:3,
			  }},
			  {breakpoint:641,settings:{
				slidesToShow:3,
			  }},
			  {breakpoint:481,settings:{
				slidesToShow:1,
			  }},
			],
		  })
		})
</script>

@endsection