@extends('layouts.front.app')
@section('css')
<link href="https://fonts.googleapis.com/css?family=ABeeZee" rel="stylesheet">
<style>
  body {
    font-family: "Abeezee" !important;
  }
</style>
@endsection
@section('content')
<!-- Main content -->
<section class="container content">
  <div class="container dark-grey-text">
    <!-- Heading -->
    <nav aria-label="breadcrumb" style="z-index: 100 !important;">
      <ol class="breadcrumb blue-grey lighten-4">
        <li><a href="{{ route('home') }}" class=" opera-text"> <i class="fa fa-home"></i> Home</a><i class="fas fa-angle-double-right mx-2 opera-text"
          aria-hidden="true"></i></li>
          <li class="breadcrumb-item opera-text"><i class="far fa-file-alt"></i> Páginas<i class="fas fa-angle-double-right mx-2"
            aria-hidden="true"></i></li>
            <li class="active"> {{ $pagina->nome }}</li>
          </ol>
        </nav>
        <!-- Grid row -->
        <div class="row">
          <!-- Grid column -->
          <div class="col-lg-12 mb-4">
            <h2 class="h1-responsive font-weight-bold text-center my-5" style='font-family: "Abeezee"'>{{$pagina->nome}}</h2>

            <!-- Grid column -->
            <!-- Grid row -->
            <div class="card">
              <!--Card content-->
              <div class="card-body" style='font-family: "Abeezee"'>

                {!! $pagina->conteudo !!}

                <!-- Container -->

              </div>
            </div>

            <hr class="mb-5 mt-4">
            <!-- Grid column -->

          </div>
          <!-- Grid column -->
        </div>
      </div>
    </section>
    <!-- /.content -->
    @endsection