@extends('layouts.app')

@section('contect')

<style type="text/css">
    @media screen and (min-width: 320px) and (max-width: 767px) {
        .main_b {
    padding-top: 0px !important; 
    margin-top: 0px;
    padding: 0px !important;
}
    }
</style>

    <div class="col-md-12 main_b">
        <div class="col-md-12 fu_l">
            <h2 class="h_p">{{ $title }}</h2>
            <div class="col-md-12 vi_do">
                <iframe width="600" height="380" class="i_fram" src="https://www.youtube.com/embed/kcD4QgyTC8o"
                        frameborder="0"
                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                        allowfullscreen></iframe>
            </div>
            <div class="bt_nw">
                <a type="button" class="btn btn-danger bt_s" href="{{ route('home',['steps'=>'step1']) }}">Start Introduction</a>
            </div>
        </div>

    </div>

@endsection

