@extends('layouts.front.app')

@section('content')

<section>
  <div class="container">
    <nav class="my-4">
      <ol class="breadcrumb grey lighten-3">
        <li>
          <a href="{{ route('home') }}" class="font-weight-bold fosco-text">
            <i class="fa fa-home"></i> Home
            <i class="fas fa-angle-double-right mx-2"></i>
          </a>
        </li>
        <li class="breadcrumb-item font-weight-bolder black-text">
          <a>
            <i class="far fa-file-alt"></i> Páginas teste
            <i class="fas fa-angle-double-right mx-2"></i>
          </a>
        </li>
        <li class="font-weight-bolder black-text">
          <a> {{ $pagina->nome }} </a>
        </li>
      </ol>
    </nav>
  </div>
</section>

<section>
  <div class="container">
    
    <div class="row">
      
      <div class="col-lg-12 mb-4">
        
        <div class="card p-3">
          
          <div class="card-body">
            
            <h4 class="card-title text-center font-abeezee">{!! strtoupper($pagina->nome) !!}</h4>
            
            <div class="card-text text-justify">
              <h5 class="font-montserrat">{!! $pagina->conteudo !!}</h5>
            </div>
          </div>
          
        </div>
        
      </div>
      
    </div>
  </div>
</section>

@endsection