@extends('layout.template')

@section('title', 'Abonnement')
@section('breadcrumb-title', "Abonnement")
@section('breadcrumb-current-page', "Abonnement")

@section('slider') 
<style type="text/css">
    .slider{
        background-image: url("{{ asset('slider_bg/bg1.jpg') }}");
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
    }
</style>
    <div class="slider">
        <div class="container">
            <div class="row" style="padding-top:100px;">
                <p class="ls-l" style="font-family:'Roboto Condensed', sans-serif; font-size:34px; line-height:50px; text-transform:uppercase; font-weight:700; color:#fff; border-bottom: 3px solid;" data-ls="durationin:2000;delayin:2000;skewxin:80;">Amazing Fitness Theme Features</p>
                <div class="col-md-6" style="font-family: Roboto Condensed; font-size:20px; font-weight:300; color: #fff;padding: 20px;" >
                    <span style="width:250px; display:table-cell; vertical-align:middle; height:56px; border-bottom: solid 1px #fff; padding-bottom:20px;">
                        <video controls style="object-fit: cover;width:100%;height: 200px;" controlsList="nodownload">
                          <source src="{{ asset('video/1.mp4') }}" type="video/mp4" >
                        </video>
                        <p style="display:inline-block; width:160px; line-height:26px; vertical-align:middle; margin-bottom:0px;">entrainement 1</p>
                    </span>
                </div>
                <div class="col-md-6" style="font-family: Roboto Condensed; font-size:20px; font-weight:300; color: #fff;padding: 20px;" >
                    <span style="width:250px; display:table-cell; vertical-align:middle; height:56px; border-bottom: solid 1px #fff; padding-bottom:20px;">
                        <video controls style="object-fit: cover;width:100%;height: 200px;" controlsList="nodownload">
                          <source src="{{ asset('video/2.mp4') }}" type="video/mp4">
                        </video>
                        <p style="display:inline-block; width:160px; line-height:26px; vertical-align:middle; margin-bottom:0px;">entrainement 2</p>
                    </span>
                </div>
                <div class="col-md-6" style="font-family: Roboto Condensed; font-size:20px; font-weight:300; color: #fff;padding: 20px;" >
                    <span style="width:250px; display:table-cell; vertical-align:middle; height:56px; border-bottom: solid 1px #fff; padding-bottom:20px;">
                        <video controls style="object-fit: cover;width:100%;height: 200px;" controlsList="nodownload">
                          <source src="{{ asset('video/3.mp4') }}" type="video/mp4">
                        </video>
                        <p style="display:inline-block; width:160px; line-height:26px; vertical-align:middle; margin-bottom:0px;">entrainement 3</p>
                    </span>
                </div>
                <div class="col-md-6" style="font-family: Roboto Condensed; font-size:20px; font-weight:300; color: #fff;padding: 20px;" >
                    <span style="width:250px; display:table-cell; vertical-align:middle; height:56px; border-bottom: solid 1px #fff; padding-bottom:20px;">
                        <video controls style="object-fit: cover;width:100%;height: 200px;" controlsList="nodownload">
                          <source src="{{ asset('video/4.mp4') }}" type="video/mp4">
                        </video>
                        <p style="display:inline-block; width:160px; line-height:26px; vertical-align:middle; margin-bottom:0px;">entrainement 4</p>
                    </span>
                </div>
                <div class="col-md-6" style="font-family: Roboto Condensed; font-size:20px; font-weight:300; color: #fff;padding: 20px;" >
                    <span style="width:250px; display:table-cell; vertical-align:middle; height:56px; border-bottom: solid 1px #fff; padding-bottom:20px;">
                        <video controls style="object-fit: cover;width:100%;height: 200px;" controlsList="nodownload">
                          <source src="{{ asset('video/5.mp4') }}" type="video/mp4">
                        </video>
                        <p style="display:inline-block; width:160px; line-height:26px; vertical-align:middle; margin-bottom:0px;">entrainement 5</p>
                    </span>
                </div>
            </div>
        </div>
    </div>
@endsection