@extends('layouts.front.app')

@section('content')

<section>
  <div class="container">
    
    <nav>
      <ol class="breadcrumb grey lighten-3 my-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 fosco-text"></i>
          </a>  
        </li>
        <li class="breadcrumb-item ">
          <a class="font-weight-bolder black-text">
            <i class="far fa-file-alt mr-1"></i> Páginas
            <i class="fas fa-angle-double-right mx-1"></i>
          </a>
        </li>
        <li class="font-weight-bolder black-text"> {{ $pagina->nome }}</li>
      </ol>
    </nav>
  </div>
</section>

<section> 
  
  <div class="container">
    
    <div class="mt-4">      
      <h2 class="font-weight-bolder h2-responsive font-montserrat text-center">{!! ($pagina->nome) !!}</h2>
      
      <div>{!! $pagina->conteudo !!}</div>   
         
    </div>
    
  </div>    
  
</section>

@endsection