@extends('layouts.app')

@section('pagetitle', $page->title)

@section('css')
    <link href="{{ asset('css/page.css') }}" rel="stylesheet">
    <link href="{{ asset('css/contact-form.css') }}" rel="stylesheet">
    <link href="{{ asset('plugins/animate.min.css') }}" rel="stylesheet">
    <style>
        {{$page->css}}
    </style>
@endsection

@section('js')
@endsection

@section('content')
<div class="container-fluid">
    <div class="row page-header" @if($page->cover_img!=null) style="background-image: url('{{asset('/storage/'.$page->cover_img)}}');"@endif>
        <div class='col-12 text-center my-auto white mt-5 mb-5'>
            <h1 class='cover_title'>
                <strong>{{$page->cover_title}}</strong>
            </h1>
            <p class='cover_slogan'>{{$page->cover_slogan}}</p>
        </div>
    </div>
    <div class='row'>
        <div class='col-md-10 offset-md-1 mt-5 pt-5 mb-5 pb-5'>
            {!! $page->content !!}
        </div>
    </div>
</div>

@include('contact-form')
@endsection