<!--
/* Coded by Ing. Ulises Morales Ramirez */
-->

<!DOCTYPE html>
<html>


<head>


    <title>Mi Huella por la Paz - Yucatán</title>

    <!-- Favicon -->
    <link rel="shortcut icon" href="favicon.ico?v2">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=0">
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lato"/>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
          integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css"
          integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="ownStyle.css" media="screen"/>


</head>

<body onload="redireccion()">

<!--div class="text-center" style="z-index: -1"><img src="images/header.png" width="800px"></div-->
<div class="ripple-background">
    <div class="circle xxlarge shade1"></div>
    <div class="circle xlarge shade2"></div>
    <div class="circle large shade3"></div>
    <div class="circle mediun shade4"></div>
    <div class="circle small shade5"></div>
</div>


<div class="container col-md-12" style="margin-top: 10%">

    <div class="d-flex justify-content-center  col-md-12 col-sm-12 col-xs-12">
        <div class="user_card">
            <div class="d-flex justify-content-center">
                <div class="brand_logo_container">
                    <img src="images/logo_geo.png" class=" visible-md brand_logo " alt="Logo">
                </div>
                <div class="brand_logo_container1">
                    <img src="images/g980.png" class=" hidden visible-xs visible-sm brand_logo1 " alt="Logo">
                </div>
                <div class="brand_logo_container2">
                    <img src="images/g1010.png" class="visible-md brand_logo1 " alt="Logo">
                </div>
            </div>


            <div class="d-flex justify-content-center links" style="margin-top: 100px!important; color: white;">
	            <?php
	            if ($_GET['idioma']=='Maya')
	            {
		            echo "<h2>Yuum bo'otik a núuk t'aan</h2>";
	            }
	            else{
		            echo "<h2>Gracias por contestar</h2>";
	            }
	            ?>
            </div>

            <div class="d-flex justify-content-center links" style="margin-top: 100px!important;color: white;">
	            <?php
	            if ($_GET['idioma']=='Maya')
	            {
		            echo "tun líik'esik respuestas...";
	            }
	            else{
		            echo "guardando respuestas...";
	            }
	            ?>
            </div>

            <div class="d-flex justify-content-center links" style="margin-top: 100px!important;">
                <img src="images/wait.gif" width="40px">
            </div>


        </div>
    </div>


    <div class="text-center" style="margin:40px;">
        <img class="img-fluid img-responsive" src="images/Logo-Horizontal-V2-blanco.png" width="200"><br>

        <div class="text-center" style="margin:40px;">
            <img class="img-fluid img-responsive" src="images/g122.png" width="300">
        </div>

    </div>
        
</div>
<script>
    function redireccion() {
        setTimeout(function () {
            window.location.replace("lenguaje.php");
        }, 2000);
    }
</script>

</body>
</html>