@extends('user.layouts.dasboard')

<link href="{{ asset('css/freelivesession.css')}}" rel="stylesheet">

@section('dashboard')
    <section>
        <div class="innerPageBlank">
            <div class="">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="pageTitle">

                        </div>
                        <div class="InnerContent">
                            <div class="catagoriesArea bgProfile">
                                <h2>Categories</h2>
                                <ul class="list-inline">
                                    <li>
                                        <a href="">
                                            <div class="catagoresBox">
                                                <div class="catagoryIcon">
                                                    <i class="flaticon-yoga"></i>
                                                </div>
                                                <div class="catagoryText">
                                                    Yoga
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <div class="catagoresBox">
                                                <div class="catagoryIcon">
                                                    <i class="flaticon-step"></i>
                                                </div>
                                                <div class="catagoryText">
                                                    Aerobic
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <div class="catagoresBox">
                                                <div class="catagoryIcon">
                                                    <i class="flaticon-bycicle"></i>
                                                </div>
                                                <div class="catagoryText">
                                                    Cycling
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <div class="catagoresBox">
                                                <div class="catagoryIcon">
                                                    <i class="flaticon-cardio"></i>
                                                </div>
                                                <div class="catagoryText">
                                                    Cardio
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <div class="catagoresBox">
                                                <div class="catagoryIcon">
                                                    <i class="flaticon-sneakers"></i>
                                                </div>
                                                <div class="catagoryText">
                                                    Running
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <div class="catagoresBox">
                                                <div class="catagoryIcon">
                                                    <i class="flaticon-pilates"></i>
                                                </div>
                                                <div class="catagoryText">
                                                    Pilates
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <div class="catagoresBox">
                                                <div class="catagoryIcon">
                                                    <i class="flaticon-running"></i>
                                                </div>
                                                <div class="catagoryText">
                                                    Zumba
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <div class="catagoresBox">
                                                <div class="catagoryIcon">
                                                    <i class="flaticon-jump-rope"></i>
                                                </div>
                                                <div class="catagoryText">
                                                    Jumping
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="bgProfile liveSessions">
                                <div class="btnArea">
                                    <a href="" class="btn btn-primary btnSession">Current Live Session</a>
                                    <a href="" class="btn btn-primary btnSession">Open Interest</a>
                                </div>
                                <ul class="list-inline">
                                    <li>
                                        <div class="liveSessionBox">
                                            <div class="liveSessionsImg">
                                                <img src="{{ asset('images/livesession-02.jpg')}}" class="img-responsive">
                                            </div>
                                            <div class="liveSessionsText">
                                                <h6>Yoga Group Class 1</h6>
                                                <p>Anim pariatur cliche reprehenderit</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="liveSessionBox">
                                            <div class="liveSessionsImg">
                                                <img src="{{ asset('images/livesession-02.jpg')}}" class="img-responsive">
                                            </div>
                                            <div class="liveSessionsText">
                                                <h6>Yoga Group Class 1</h6>
                                                <p>Anim pariatur cliche reprehenderit</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="liveSessionBox">
                                            <div class="liveSessionsImg">
                                                <img src="{{ asset('images/livesession-02.jpg')}}" class="img-responsive">
                                            </div>
                                            <div class="liveSessionsText">
                                                <h6>Yoga Group Class 1</h6>
                                                <p>Anim pariatur cliche reprehenderit</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="liveSessionBox">
                                            <div class="liveSessionsImg">
                                                <img src="{{ asset('images/livesession-02.jpg')}}" class="img-responsive">
                                            </div>
                                            <div class="liveSessionsText">
                                                <h6>Yoga Group Class 1</h6>
                                                <p>Anim pariatur cliche reprehenderit</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="liveSessionBox">
                                            <div class="liveSessionsImg">
                                                <img src="{{ asset('images/livesession-02.jpg')}}" class="img-responsive">
                                            </div>
                                            <div class="liveSessionsText">
                                                <h6>Yoga Group Class 1</h6>
                                                <p>Anim pariatur cliche reprehenderit</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="liveSessionBox">
                                            <div class="liveSessionsImg">
                                                <img src="{{ asset('images/livesession-02.jpg')}}" class="img-responsive">
                                            </div>
                                            <div class="liveSessionsText">
                                                <h6>Yoga Group Class 1</h6>
                                                <p>Anim pariatur cliche reprehenderit</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="liveSessionBox">
                                            <div class="liveSessionsImg">
                                                <img src="{{ asset('images/livesession-02.jpg')}}" class="img-responsive">
                                            </div>
                                            <div class="liveSessionsText">
                                                <h6>Yoga Group Class 1</h6>
                                                <p>Anim pariatur cliche reprehenderit</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="liveSessionBox">
                                            <div class="liveSessionsImg">
                                                <img src="{{ asset('images/livesession-02.jpg')}}" class="img-responsive">
                                            </div>
                                            <div class="liveSessionsText">
                                                <h6>Yoga Group Class 1</h6>
                                                <p>Anim pariatur cliche reprehenderit</p>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection