@extends('frontend.layout')
@section('content')
<div class="graciasNew" style="background-image:url(../../images/bggracias.jpg);">
    <div class="container">
        <div class="row">
            <div class="col-xl-12 m-auto">
                <div class="graciasNew__card">
                    <div class="graciasNew__card__logo text-center">
                        <a href="https://www.acerosarequipa.com/">
                            <img src="https://academiacastrol.com/images/logocastrollogin.png" alt="">
                        </a>
                        <br>
                        <br>
                        <br>
                        <img src="https://academiacastrol.com/images/check.png" alt="">
                        <h1 class="mt-3">Registro realizado exitosamente</h1>
                        <h4>Atento a nuestras próximas novedades</h4>
                        <ul>
                            <li>
                                <a href="#">Regresar</a>
                            </li>
                            <li>
                                <a href="#">Volver al listado</a>
                            </li>
                        </ul>
                    </div>
                    <hr>
                    <div class="graciasNew__card__bottom">
                        <img src="https://academiacastrol.com/images/logoface.png" alt="">

                        <h5>Únete a la Academia Castrol</h5>
                        <a href="#">Ir al grupo</a>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
.graciasNew__card__logo ul li{
    margin: 10px 20px;
}
.graciasNew__card__logo ul {
    display:flex;
        justify-content: center;
}
    .graciasNew__card__logo ul li a{
        color: var(--blanco, #FFF);
        text-align: center;
        /* font-family: Castrol Sans; */
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: uppercase;
        text-decoration: none;
        border: 1px solid #fff;
        padding: 12px 24px;
    }
    .graciasNew__card__logo h1{
        color: var(--blanco, #FFF);
        text-align: center;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        font-size: 64px;
        font-style: italic;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;

    }
    .graciasNew__card__logo h4{
        margin-bottom: 25px;
        color: var(--blanco, #FFF);
        text-align: center;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;

    }
    hr{
        opacity: 0.3;
        background: #FFF;

    }
</style>
@endsection
@section('scripts')
@endsection