<?php
/*
Template Name: Bio
*/

get_header(); ?>

<div class="detalle-page">
    <?php if ( have_posts() ) :
        while( have_posts() ) : the_post(); ?>
        <div class="hero-alexV hero-detalle" style="background-image: url('<?php echo get_template_directory_uri(); ?>/img/bio.jpg');">
            <div class="overlay-hero"></div>
            <div class="info-detalle-hero">
                <h1 class="titulo-secundario"><?php the_title(); ?></h1>
            </div>
        </div>
        <div class="cuerpo-detalle pd-70">
            <div class="container">
                <div class="row">
                    <div class="col-md-8 col-sm-8 contenido-detalle">
                        <?php the_content(); ?>
                    </div>
                    <div class="col-md-4 col-sm-4 hidden-xs">
                        <ul class="menu-opciones-detalle">
                            <li><a href="<?php echo get_template_directory_uri(); ?>/AV-Press-Kit-Sitio.pdf" target="_blank"><img src="<?php echo get_template_directory_uri(); ?>/img/iocono-descarga.svg" alt="icono-descarga">Descargar press kit</a></li>
                            <li>
                                <a href="<?php echo home_url('contacto'); ?>">
                                    <img src="<?php echo get_template_directory_uri(); ?>/img/icono-teclado.svg" alt="icono teclado">
                                    Solicitar más informacion
                                </a>
                            </li>
                        </ul>

                        <!-- <div class="contenedor-newsletter">
                            <div class="icono-news-letter"></div>
                            <div class="contenedor-info-newsletter">
                                <div class="info-newsletter">
                                    <h1>Newsletter</h1>
                                    <p>Suscríbete por email y recibe actualizaciones</p>
                                </div>
                            </div>
                            <form class="formulario-newsletter-alexV form-inline">
                                <div class="form-group">
                                    <input id="input-correo" name="s" type="text" class="form-control" placeholder="Correo electrónico" required>
                                </div>
                                <button type="submit" class="btn-enviar-correo">Suscíbeme</button>
                            </form>
                        </div> -->
                        <ul class="menu-opciones-detalle">
                            <li><span>Sígueme por redes sociales</span></li>
                            <li>
                                <div class="a2a_kit a2a_kit_size_32 a2a_default_style">
                                    <a href="https://www.facebook.com/OdiseaConsultores" class="icono-social icono-facebook" target="_blank"></a>
                                    <a href="https://twitter.com/villarrealalex" class="icono-social icono-twitter" target="_blank"></a>
                                    <a href="https://www.linkedin.com/in/alexvillarreal" class="icono-social icono-linkedin" target="_blank"></a>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-12 col-sm-12 text-center contenedor-btn">
                        <a href="<?php echo home_url('contacto'); ?>" class="btn-gradiante">Contactar a alex villareal</a>
                    </div>
                    <div class="col-md-4 col-sm-4 visible-xs">
                        <ul class="menu-opciones-detalle">
                            <li><a href="<?php echo get_template_directory_uri(); ?>/AV-Press-Kit-Sitio.pdf" target="_blank"><img src="<?php echo get_template_directory_uri(); ?>/img/iocono-descarga.svg" alt="icono-descarga">Descargar press kit</a></li>
                            <li><a href="contacto.html"><img src="<?php echo get_template_directory_uri(); ?>/img/icono-teclado.svg" alt="icono teclado">Solicitar más informacion</a></li>
                        </ul>
                        <!-- <div class="contenedor-newsletter">
                            <div class="icono-news-letter"></div>
                            <div class="contenedor-info-newsletter">
                                <div class="info-newsletter">
                                    <h1>Newsletter</h1>
                                    <p>Suscríbete por email y recibe actualizaciones</p>
                                </div>
                            </div>
                            <form class="formulario-newsletter-alexV form-inline">
                                <div class="form-group">
                                    <input id="input-correo" name="s" type="text" class="form-control" placeholder="Correo electrónico" required>
                                </div>
                                <button type="submit" class="btn-enviar-correo">Suscíbeme</button>
                            </form>
                        </div> -->
                        <ul class="menu-opciones-detalle">
                            <li><span>Sígueme por redes sociales</span></li>
                            <li>
                                <div class="a2a_kit a2a_kit_size_32 a2a_default_style">
                                    <a href="https://www.facebook.com/OdiseaConsultores" class="icono-social icono-facebook" target="_blank"></a>
                                    <a href="https://twitter.com/villarrealalex" class="icono-social icono-twitter" target="_blank"></a>
                                    <a href="https://www.linkedin.com/in/alexvillarreal" class="icono-social icono-linkedin" target="_blank"></a>
                                </div>
                            </li>
                        </ul>

                    </div>
                </div>
            </div>
        </div>
        <?php endwhile;
    endif; ?>

</div>
<a href="#0" class="btn-top"></a>
<div class="contenedor-frase-footer">
    <div class="texto-footer">
        <div class="container">
            <div class="col-md-12 col-sm-12 text-center">
                <img class="icono-frase-footer" src="<?php echo get_template_directory_uri(); ?>/img/icono-mochila.svg" alt="">
                <p class="frase-texto-part-1">"La batalla más importante</p>
                <p class="frase-texto-part-2">Se libra dentro</p>
                <p class="frase-texto-part-1">de nosotros mismos".</p>
                <span class="autor-alexV">Alex Villarreal</span>
            </div>
        </div>
    </div>
</div>

<?php get_footer(); ?>