@extends('template.general')
@section('metas')
    <meta name="description" content="En 1985 nace la Universidad Kino para complementar la labor educativa y social que Instituciones Kino han desarrollado a lo largo de 50 años ...">
    <meta name="keywords" content="Universidad,Kino,Hermosillo,acerca">
    <title>Universidad Kino - Acerca de Universidad Kino </title>
@endsection
@section('content')

   <div class=" container">
    <div class="col-lg-12 pt-5 d-none d-md-none d-sm-none d-xs-none d-lg-block d-xl-block">
       <h1 class="font-weight-lighter bold text-center pt-5"> Por favor, seleccione la modalidad que desea pagar. </h1>
    </div>
    <div class="col-lg-12 mt-5 mb-5 d-none d-md-none d-sm-none d-xs-none d-lg-block d-xl-block">
        <div class="row">
            <div class="col-lg-6 d-none d-md-none d-sm-none d-xs-none d-lg-block d-xl-block">
                <a href="https://prosepago.unikino.mx" class="btn btn-outline-light btn-block"><img src="/img/logos/logo.png"  ></a>
            </div>
            <div class="col-lg-6 d-none d-md-none d-sm-none d-xs-none d-lg-block d-xl-block">
            <a href="https://pagosvirtual.unikino.mx" target="_blank" class="btn btn-outline-light btn-block"><img src="/img/logos/logo_virtual.png" ></a>
            </div>
        </div>
    </div>

    <!-- movil -->

<div class="col-lg-12 pt-5 d-lg-none d-sm-block">
       <h4 class="font-weight-lighter bold text-center"> Por favor, seleccione la modalidad que desea pagar. </h4>
    </div>
    <div class="col-lg-12 mt-5 mb-5 d-lg-none d-sm-block">
       <div class="row">
            <div class="col-6">
                <a href="https://prosepago.unikino.mx" target="_blank" class="btn btn-outline-light btn-block"><img src="/img/logos/logo.png"  style="width: 100;" ></a>
            </div>
            <div class="col-6">
            <a href="https://pagosvirtual.unikino.mx" target="_blank" class="btn btn-outline-light btn-block"><img src="/img/logos/logo_virtual.png"  style="width: 100;"></a>
            </div>
        </div>
    </div>
   </div>


@endsection