@extends('frontend.layout')
@section('content')
<div class="globalIntro">
    <div class="globalIntro__logo">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="tex-center">
                        <img src="{{url('').'/images/logointro.png'}}" alt="" class="img-fluid"/>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="globalIntro__contenedor">
        <div class="container-fluid">
            <div class="row">
                <div class="col-xl-5 p-0">
                    <div class="globalIntro__contenedor__left" data-aos="fade-right">
                        <div class="row">
                            <div class="col-xl-6">
                              <div class="globalIntro__contenedor__left__imagen">
                                <img class="img-fluid" src="{{url('').'/images/persona-1.png'}}" />

                              </div>
                            </div>
                            <div class="col-xl-6 pl-0">
                                <div class="globalIntro__contenedor__right__info">
                                    <div class="globalIntro__contenedor__right__info__top">
                                        <ul>
                                            <li>WEBINAR</li>
                                            <li>
                                                SESIÓN ONLINE
                                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <circle cx="10" cy="10" r="10" fill="#FF0000"/>
                                                </svg>
                                            </li>
                                        </ul>
                                        <h4>COLOCACIÓN DE CURADO DEL CONCRETO</h4>
                                    </div>
                                    <div class="globalIntro__contenedor__right__info__bottom">
                                        <ul>
                                            <li>
                                                18<br/>
                                                MAY
                                            </li>
                                            <li>
                                              <h6>
                                                07:00 pm <span>PER-COL</span><br>
                                              </h6>
                                              <h6>
                                                08:00 pm <span>BOL</span>

                                              </h6>
                                            </li>
                                        </ul>
                                        <div class="globalIntro__contenedor__right__info__bottom__expositor">
                                            <h6>EXPOSITOR</h6>
                                            <h5>ING. ROBERTH QUINTERO</h5><br>
                                                <a href="{{route('virtual')}}">INSCRÍBETE AQUÍ</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-2">

                </div>
                <div class="col-xl-5 p-0">
                    <div class="globalIntro__contenedor__left globalIntro__contenedor__right" data-aos="fade-right">
                        <div class="row">
                            <div class="col-xl-7">
                                <div class="globalIntro__contenedor__right__info">
                                    <div class="globalIntro__contenedor__right__info__top">
                                        <ul>
                                            <li>CAPACITACIÓN PRESENCIAL GRATUITA</li>
                                        </ul>
                                        <h4 class="pl-3">CAPACITACIÓN TÉCNICA <br>DEL ACERO</h4>
                                        <h5>TEMA: LOSA ALIGERADA</h5>
                                    </div>
                                    <div class="globalIntro__contenedor__right__info__bottom">
                                        <ul>
                                            <li>
                                                9<br/>
                                                MAY
                                            </li>
                                            <li>
                                                06:30 pm
                                            </li>
                                        </ul>
                                        <ul class="globalIntro__contenedor__right__info__bottom--2">
                                            <li class="parrafoProblematico">
                                                    <h6>SAN JUAN DE MIRAFLORES</h6>
                                                    <span class="spamProblemaitco">LUGAR: <b>SALÓN DE RECEPCIONES GRECIA</b></span> <br/>
                                                    Av. Victoria 240, 11703, Chincha Alta<br/>
                                                    A una cuadra de SEMAPACH / Servicio Municipal de Agua
                                            </li>
                                        </ul><br/>
                                        <div class="globalIntro__contenedor__right__info__bottom__expositor">
                                            <a href="#">INSCRÍBETE AQUÍ</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-5">
                              <div class="globalIntro__contenedor__left__imagen__right">
                                  <img class="img-fluid" src="{{url('').'/images/luis-2.png'}}" />
                              </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- <section class="container-fluid">
        <div class="row">
            <div class="col-md-2"></div>
            <div class="col-md-3">
                <a href="{{route('virtual')}}">
                    <img class="img-fluid" src="{{url('').'/images/educacion-a-distancia.webp'}}" />
                    <p class="title_tevaluacion">Virtualss</p>
                </a>
            </div>
            <div class="col-md-1"></div>
            <div class="col-md-1"></div>
            <div class="col-md-3">
                <a href="#">
                    <img class="img-fluid" src="{{url('').'/images/Aprendizaje_Online_746x419.jpg'}}" />
                    <p class="title_tevaluacion">Presencial</p>
                </a>
            </div>
            <div class="col-md-2"></div>
        </div>
    </section> -->
</div>

@endsection
<style media="screen">

    @font-face {
        font-family: 'Pluto Sans Light';
        src: url('fonts/PlutoSansLight.woff2') format('woff2'),
            url('fonts/PlutoSansLight.woff') format('woff');
        font-weight: 600;
        font-style: normal;
        font-display: swap;
    }

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