@extends('layouts.master')

@section('content')
<style>
    .wrapper{
  width:100%;
}
@media(max-width:992px){
 .wrapper{
  width:100%;
} 
}
.panel-heading {
  padding: 0;
	border:0;
}
.panel-title>a, .panel-title>a:active{
	display:block;
	padding:15px;
  color:#555;
  font-size:16px;
  font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
  word-spacing:3px;
	text-decoration:none;
}
.panel-heading  a:before {
    content: "\f0ab";
font-family: FontAwesome;
   float: right;
   transition: all 0.5s;
}
.panel-heading.active a:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.panel-title
{
    margin-bottom:0px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}
.panel-group .panel+.panel {
    margin-top: 5px;
}
/* .panel-default {
    border-color: #ddd !important;
} */
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-body {
    padding: 15px;
    border-top: 1px solid #ddd;
}
</style>
<div class="container">
    <div class="white-title mt45">
        <div class="row">
            <div class="col-xl-12">
                <h3>Video Tutorials</h3>
            </div>         
        </div>
    </div>
    <div class="row main-panel main-panel-setting_ extempore_no_margin">
        <div class="col-sm-12 main-panel-content mb-20"> 
            <div class="row mt30">
            <div class="col-md-6">
                <h4 class="m-b-20">1. Walkthrough of Member's Area</h4>
                <div class="video_wrap" style="">
                    <div class="video_container">
                        <iframe width="100%" height="315" src="https://www.youtube.com/embed/qxPmW5qp8XQ?autoplay=0&amp;showinfo=0&amp;controls=1&amp;rel=0" frameborder="0" allowfullscreen=""></iframe>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <h4 class="m-b-20">2. Getting Started</h4>
                <div class="video_wrap" style="">
                    <div class="video_container">
                        <iframe width="100%" height="315" src="https://www.youtube.com/embed/Dgy8WSWWZuQ?autoplay=0&amp;showinfo=0&amp;controls=1&amp;rel=0" frameborder="0" allowfullscreen=""></iframe>
                    </div>
                </div>
            </div>
                        </div>
        </div>            
    </div>
</div>
@section('scripts')
    <script type="text/javascript">
         
    </script>
    @stop

@endsection