@extends('layouts.master')
@section('title')
Bonjour {{ auth()->user()->name }}
@endsection
@section('content')
<div class="row">
    <div class="col-6 p-4">
        <div class="jumbotron ">
            <h1 class="display-3">Bienvenue, <strong>{{auth()->user()->name}} </strong></h1>
            <p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention
                to featured content or information.</p>
            <hr class="my-4">
            <p>It uses utility classes for typography and spacing to space content out within the larger container.</p>

        </div>
    </div>
    <div class="col-lg-6">
        <div class="card">
            <div class="card-header">
                <h5 class="m-0">Featured</h5>
            </div>
            <div class="card-body">
                <h6 class="card-title">Special title treatment</h6>
                <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
                <a href="#" class="btn btn-primary">Go somewhere</a>
            </div>
        </div>
        <div class="card card-primary card-outline">
            <div class="card-header">
                <h5 class="m-0">Featured</h5>
            </div>
            <div class="card-body">
                <h6 class="card-title">Special title treatment</h6>
                <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
                <a href="#" class="btn btn-primary">Go somewhere</a>
            </div>
        </div>
    </div>
    <div class="col-6 p-4">
        <i class="fas fa-video bg-maroon"></i>
        <div class="timeline-item">
            <span class="time"><i class="fas fa-clock"></i> 5 days ago</span>
            <h3 class="timeline-header"><a href="#">Mr. Doe</a> shared a video</h3>
            <div class="timeline-body">
                <div class="embed-responsive embed-responsive-16by9">
                    <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/tMWkeBIohBs"
                        allowfullscreen=""></iframe>
                </div>
            </div>
            <div class="timeline-footer">
                <a href="#" class="btn btn-sm bg-maroon">See comments</a>
            </div>
        </div>
    </div>
</div>
@endsection