Skip to content

F
Formulario de paz
Commit b84d8b9a authored by Ulises Morales Ramírez's avatar Ulises Morales Ramírez
Browse files
Options

modificaciones: 

responsivo
no permita ingresar escuelas inexistentes
parent 7ec0504e
Show whitespace changes
Inline Side-by-side
Showing with 313 additions and 177 deletions
.idea/PEACE.iml 0 → 100644
View file @ b84d8b9a
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$" />
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>
\ No newline at end of file
.idea/modules.xml
View file @ b84d8b9a
......@@ -2,7 +2,7 @@
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/untitled.iml" filepath="$PROJECT_DIR$/.idea/untitled.iml" />
<module fileurl="file://$PROJECT_DIR$/.idea/PEACE.iml" filepath="$PROJECT_DIR$/.idea/PEACE.iml" />
</modules>
</component>
</project>
\ No newline at end of file
conexion2.php 0 → 100644
View file @ b84d8b9a
<?php
$servername = "localhost";
$username = "sec_user";
$password = "5Qn6g2je6WkF7FX6CcBhAzUf";
$dbname = "Escuelas";
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
?>
encuesta.php
View file @ b84d8b9a
......@@ -8,17 +8,29 @@ session_start();
<!DOCTYPE html>
<html>
<head>
<title>Sin titulo</title>
<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">
<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>
<!--Coded with love by Mutiullah Samim-->
<body>
<!--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>
......@@ -26,22 +38,24 @@ session_start();
<div class="circle mediun shade4"></div>
<div class="circle small shade5"></div>
</div>
<div class="container">
<!--div class="text-center" style="z-index: -1"><img src="images/header.png" width="800px"></div-->
<div class="d-flex justify-content-center h-100">
<div class="container col-md-12">
<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="brand_logo" alt="Logo">
<img src="images/logo_geo.png" class=" visible-md brand_logo img-fluid" alt="Logo">
</div>
<div class="brand_logo_container1">
<img src="images/g980.png" class="brand_logo1" alt="Logo">
<img src="images/g980.png" class=" hidden visible-xs visible-sm img-fluid" alt="Logo">
</div>
<div class="brand_logo_container2">
<img src="images/g1010.png" class="brand_logo1" alt="Logo">
<img src="images/g1010.png" class="visible-md img-fluid" alt="Logo">
</div>
</div>
<div class="d-flex justify-content-center form_container">
<div class=" justify-content-center container form_container">
<form action="insertar.php" method="post">
<input type="hidden" name="escuela" value="<?= $_SESSION["escuela"] ?>">
<input type="hidden" name="idioma" value="<?= $_POST['idioma']; ?>">
......@@ -55,7 +69,7 @@ session_start();
echo "Tuláakal a k'aaba'";
}
else{
echo "Nombre ";
echo "Nombre de pila";
}
?>" required>
</div>
......@@ -74,7 +88,7 @@ session_start();
?>" required>
</div>
<div class="mt-4">
<div class=" text-center links sombras">
<div class=" text-center links" style="color: white;">
<b>
<?php
if ($_POST['idioma']=='Maya')
......@@ -82,25 +96,25 @@ session_start();
echo "<h1><b>¿Ti' teeche' ba'ax le jets' óolalo'?</b></h1>";
}
else{
echo "<h1><b>¿COMO CONTRIBUYES CON LA PAZ?</b></h1>";
echo "<h1><b>¿CÓMO CONTRIBUYES CON LA PAZ?</b></h1>";
}
?>
</div>
</div>
<div class="form-group">
<div class="form-group" style="color: white;">
<textarea required class="form-control" rows="8" cols="50" name="comentario" style="resize: none" maxlength="200" onKeyDown="valida_longitud()" onKeyUp="valida_longitud()"></textarea>
<?php
if ($_POST['idioma']=='Maya')
{
echo "Cantidad u caracteres:.";
echo "Cantidad u caracteres: ";
}
else{
echo "Cantidad de caracteres: ";
}
?>
<input type="text" value="0" name=caracteres size=4 style="background: transparent; border: none;">
<input type="text" value="0" name=caracteres size=4 style="background: transparent; border: none; color: white">
</div>
<div class="d-flex justify-content-center mt-3 login_container">
......@@ -123,15 +137,14 @@ session_start();
</div>
<footer>
<div class="text-center fixed-bottom" style="margin-bottom: 20px">
<div class="text-center" style="margin:40px;">
<img src="images/Logo-Horizontal-V2-blanco.png" width="300px"><br>
<div>
<div class="text-center" style="margin-bottom: 10px">
<div class="text-center" style="margin:40px;">
<img src="images/g122.png" width="400px">
</div>
</footer>
</div>
<script>
......@@ -150,7 +163,7 @@ session_start();
if (num_caracteres >= num_caracteres_permitidos){
document.forms[0].caracteres.style.color="#ff0000";
}else{
document.forms[0].caracteres.style.color="#000000";
document.forms[0].caracteres.style.color="#ffffff";
}
cuenta()
......
index.php
View file @ b84d8b9a
......@@ -29,11 +29,16 @@ $conn->close();*/
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Sin titulo</title>
<link rel="shortcut icon" href="images/cgeo.ico">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lato" />
<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">
<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>
......@@ -41,9 +46,6 @@ $conn->close();*/
integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="ownStyle.css" media="screen"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
......@@ -59,19 +61,19 @@ $conn->close();*/
</div>
<div class="container">
<div class="container col-md-12">
<div class="d-flex justify-content-center h-100">
<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="brand_logo" alt="Logo">
<img src="images/logo_geo.png" class=" visible-md brand_logo img-fluid" alt="Logo">
</div>
<div class="brand_logo_container1">
<img src="images/g980.png" class="brand_logo1" alt="Logo">
<img src="images/g980.png" class=" hidden visible-xs visible-sm img-fluid" alt="Logo">
</div>
<div class="brand_logo_container2">
<img src="images/g1010.png" class="brand_logo1" alt="Logo">
<img src="images/g1010.png" class="visible-md img-fluid" alt="Logo">
</div>
</div>
<div class=" justify-content-center container form_container">
......@@ -91,26 +93,26 @@ $conn->close();*/
<datalist id="Escuelas">
<?php
while ($row = $result1->fetch_assoc()) {
echo '<option value="' . utf8_encode($row["CV_CCT"]) . '">' . utf8_encode($row["NOMBRECT"]) . ' <br>de ' . utf8_encode($row["C_NOM_LOC"]) . '</option>';
echo '<option value="' . utf8_encode($row["CV_CCT"]) . '">' . utf8_encode($row["NOMBRECT"]) . ' <br>(' . utf8_encode($row["C_NOM_LOC"]) . ')</option>';
//echo '<option value="'.utf8_encode($row["NOMBRECT"]).'">de '.utf8_encode($row["C_NOM_LOC"]).' <br>clave: '.utf8_encode($row["CV_CCT"]).'</option>';
}
while ($row = $result2->fetch_assoc()) {
echo '<option value="' . utf8_encode($row["CV_CCT"]) . '">' . utf8_encode($row["NOMBRECT"]) . ' <br>de ' . utf8_encode($row["C_NOM_LOC"]) . '</option>';
echo '<option value="' . utf8_encode($row["CV_CCT"]) . '">' . utf8_encode($row["NOMBRECT"]) . ' <br>(' . utf8_encode($row["C_NOM_LOC"]) . ')</option>';
}
while ($row = $result3->fetch_assoc()) {
echo '<option value="' . utf8_encode($row["CV_CCT"]) . '">' . utf8_encode($row["NOMBRECT"]) . ' <br>de ' . utf8_encode($row["C_NOM_LOC"]) . '</option>';
echo '<option value="' . utf8_encode($row["CV_CCT"]) . '">' . utf8_encode($row["NOMBRECT"]) . ' <br>(' . utf8_encode($row["C_NOM_LOC"]) . ')</option>';
}
while ($row = $result4->fetch_assoc()) {
echo '<option value="' . utf8_encode($row["CV_CCT"]) . '">' . utf8_encode($row["NOMBRECT"]) . ' <br>de ' . utf8_encode($row["LOCALIDAD"]) . '</option>';
echo '<option value="' . utf8_encode($row["CV_CCT"]) . '">' . utf8_encode($row["NOMBRECT"]) . ' <br>(' . utf8_encode($row["LOCALIDAD"]) . ')</option>';
}
while ($row = $result5->fetch_assoc()) {
//echo '<option value="'.utf8_encode($row["CV_CCT"]).'">'.utf8_encode($row["NOMBRECT"]).'</option>';
echo '<option value="' . utf8_encode($row["CV_CCT"]) . '">' . utf8_encode($row["NOMBRECT"]) . ' <br>de ' . utf8_encode($row["LOCALIDAD"]) . '</option>';
echo '<option value="' . utf8_encode($row["CV_CCT"]) . '">' . utf8_encode($row["NOMBRECT"]) . ' <br>(' . utf8_encode($row["LOCALIDAD"]) . ')</option>';
}
?>
</datalist>
<div class="sombras">
<div class="" style="color: white;">
<div class="mt-4">
<div class="d-flex text-center justify-content-center links" id="titulo1">
</div>
......@@ -135,25 +137,27 @@ $conn->close();*/
<button type="submit" id="next" class="btn login_btn" disabled>Siguiente</button>
</div>
</form>
<?php
if (isset($_GET['err'])) {
echo "<div class=\"alert alert-danger alert-dismissible \">
<a href=\"#\" class=\"close\" data-dismiss=\"alert\" aria-label=\"close\">&times;</a>
<strong>Danger!</strong> This alert box could indicate a dangerous or potentially negative action.
</div>";
}
?>
</div>
</div>
</div>
<footer>
<div class="text-center fixed-bottom" style="margin-bottom: 20px">
<img src="images/Logo-Horizontal-V2-blanco.png" width="300px"><br>
<div class="text-center" style="margin:40px;">
<img class="img-fluid" src="images/Logo-Horizontal-V2-blanco.png" width="300px"><br>
<div>
<div class="text-center" style="margin-bottom: 10px">
<img src="images/g122.png" width="400px">
<div class="text-center" style="margin:40px;">
<img class="img-fluid" src="images/g122.png" width="400px">
</div>
</footer>
</div>
<script>
</div>
<script>
$("#input_escuela").bind('input', function () {
var dato = $('#input_escuela').val();
$('#clave_escuela').val($('#input_escuela').val());
......@@ -165,9 +169,11 @@ $conn->close();*/
$('#clave').empty();
$('#titulo1').empty();
$('#titulo2').empty();
var porciones = valor.split('de ');
valor = valor.replace(')', '');
var porciones = valor.split(' (');
document.getElementById('input_escuela').value = porciones[0];
$('#nombre_escuela').append(''+porciones[0]);
$('#nombre_escuela').append('' + porciones[0]);
$('#titulo1').append('<h1><b>Escuela: </b></h1>');
$('#titulo2').append('<h3><b>Localidad:</b></h3>');
$('#clave').append(porciones[1]);
......@@ -199,7 +205,8 @@ $conn->close();*/
return flag;
}
</script>
</script>
</body>
</html>
lenguaje.php
View file @ b84d8b9a
......@@ -4,30 +4,79 @@
<?php
session_start();
include "conexion.php";
if (isset($_POST['escuela'])) {
$arr = explode("de ", $_POST['escuela']);
$control = 0;
$arr = explode(" de ", $_POST['escuela']);
$_SESSION["escuela"] = $arr[0];
$_SESSION["localidad"]=$arr[1];
$_SESSION["clave_escuela"] = $_POST['clave_escuela'];
}
$sql = 'SELECT * FROM Preescolar WHERE CV_CCT LIKE "'.$_SESSION["clave_escuela"].'" AND NOMBRECT LIKE "'.$_SESSION["escuela"].'"';
$result = $conn->query($sql);
if ($result->num_rows > 0) {
} else {
$sql = 'SELECT * FROM Primaria WHERE CV_CCT LIKE "'.$_SESSION["clave_escuela"].'" AND NOMBRECT LIKE "'.$_SESSION["escuela"].'"';
$result = $conn->query($sql);
if ($result->num_rows > 0) {
} else {
$sql = 'SELECT * FROM Secundaria WHERE CV_CCT LIKE "'.$_SESSION["clave_escuela"].'" AND NOMBRECT LIKE "'.$_SESSION["escuela"].'"';
$result = $conn->query($sql);
if ($result->num_rows > 0) {
} else {
$sql = 'SELECT * FROM Media WHERE CV_CCT LIKE "'.$_SESSION["clave_escuela"].'" AND NOMBRECT LIKE "'.$_SESSION["escuela"].'"';
$result = $conn->query($sql);
if ($result->num_rows > 0) {
} else {
$sql = 'SELECT * FROM Superior WHERE CV_CCT LIKE "'.$_SESSION["clave_escuela"].'" AND NOMBRECT LIKE "'.$_SESSION["escuela"].'"';
$result = $conn->query($sql);
if ($result->num_rows > 0) {
// $porciones = explode("de ", $_POST['escuela']);
// var_dump($porciones);
} else {
header("location: index.php?err=1");
mysql_close();
}
}
}
}
}
?>
<!DOCTYPE html>
<html>
<head>
<title>Sin titulo</title>
<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">
<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>
<!--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>
......@@ -36,33 +85,32 @@ if (isset($_POST['escuela'])) {
<div class="circle small shade5"></div>
</div>
<div class="container">
<!--div class="text-center" style="z-index: -1"><img src="images/header.png" width="800px"></div-->
<div class="d-flex justify-content-center h-100">
<div class="container col-md-12">
<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="brand_logo" alt="Logo">
<img src="images/logo_geo.png" class=" visible-md brand_logo img-fluid" alt="Logo">
</div>
<div class="brand_logo_container1">
<img src="images/g980.png" class="brand_logo1" alt="Logo">
<img src="images/g980.png" class=" hidden visible-xs visible-sm img-fluid" alt="Logo">
</div>
<div class="brand_logo_container2">
<img src="images/g1010.png" class="brand_logo1" alt="Logo">
<img src="images/g1010.png" class="visible-md img-fluid" alt="Logo">
</div>
</div>
<div class="d-flex justify-content-center form_container ">
<div class=" justify-content-center container form_container">
<form action="encuesta.php" method="post">
<input type="hidden" name="escuela" value="<?= $_SESSION["escuela"] ?>">
<div class="mt-4 text-center sombras" style="margin-top: -20px!important;" >
<div class="mt-4 text-center" style="margin-top: -20px!important; color: white;" >
<b>
<h1>Escuela:</h1>
<h2><?= $_SESSION["escuela"] ?></h2>
<h4>Clave:</h4>
<h4><?= $_SESSION["clave_escuela"] ?></h4>
<div class="d-flex justify-content-center links" style="margin-top: 100px!important;">
<b>¿EN QUÉ LENGUAJE DESEA CONTESTAR?
<br>
......@@ -85,15 +133,14 @@ if (isset($_POST['escuela'])) {
</div>
<footer>
<div class="text-center fixed-bottom" style="margin-bottom: 20px">
<div class="text-center" style="margin:40px;">
<img src="images/Logo-Horizontal-V2-blanco.png" width="300px"><br>
<div>
<div class="text-center" style="margin-bottom: 10px">
<div class="text-center" style="margin:40px;">
<img src="images/g122.png" width="400px">
</div>
</footer>
</div>
</body>
</html>
......
ownStyle.css
View file @ b84d8b9a
......@@ -46,23 +46,56 @@ pre {
line-height: 18.5714px;
}
/*
body,
html {
/*background-image: url("images/background.jpg");*/
/*background-image: url("images/background.jpg");
height: 100%;
/*background: #6C3721;*/
background-image: url("images/463980.jpg");
/*background-repeat: no-repeat;*/
/*background-repeat: no-repeat;
background-size: 100%, 100%;
overflow: hidden;
/*-webkit-border-image: url("images/background2.png") 40 round; /* Safari 3.1-5 */
/*-o-border-image: url("images/background2.png") 40 round; /* Opera 11-12.1 */
/*border-image: url("images/background2.png") 40 round;*/
/*border-image: url("images/background2.png") 40 round;
}*/
@media only screen and (max-width: 767px) {
body {
/* The file size of this background image is 93% smaller
to improve page load speed on mobile internet connections */
background-image: url("images/463980.jpg");
}
}
body {
/* Location of the image */
background-image: url("images/463980.jpg");
/* Background image is centered vertically and horizontally at all times */
background-position: center center;
/* Background image doesn't tile */
background-repeat: no-repeat;
/* Background image is fixed in the viewport so that it doesn't move when
the content's height is greater than the image's height */
background-attachment: fixed;
/* This is what makes the background image rescale based
on the container's size */
background-size: cover;
/* Set a background color that will be displayed
while the background image is loading */
background-color: #000;
overflow: hidden;
}
.sombras {
text-shadow: 3px 3px 0 white, 3px -3px 0 white, -3px -3px 0 white, -3px 3px 0 white, 3px 2px 0 white, 3px -2px 0 white, -3px -2px 0 white, -3px 2px 0 white, 3px 1px 0 white, 3px -1px 0 white, -3px -1px 0 white, -3px 1px 0 white, 3px 1px 0 white, 3px -1px 0 white, -3px -1px 0 white, -3px 1px 0 white, 3px 0px 0 white, 3px 0px 0 white, -3px 0px 0 white, -3px 0px 0 white, 2px 4px 0 white, 3px -4px 0 white, -3px -4px 0 white, -3px 4px 0 white, 3px 3px 0 white, 3px -3px 0 white, -3px -3px 0 white, -3px 3px 0 white, 3px 2px 0 white, 3px -2px 0 white, -3px -2px 0 white, -3px 2px 0 white, 3px 1px 0 white, 3px -1px 0 white, -3px -1px 0 white, -3px 1px 0 white, 3px 0px 0 white, 3px 0px 0 white, -3px 0px 0 white, -3px 0px 0 white, 2px 4px 0 white, 2px -4px 0 white, -2px -4px 0 white, -2px 4px 0 white, 2px 3px 0 white, 2px -3px 0 white, -2px -3px 0 white, -2px 3px 0 white, 2px 2px 0 white, 2px -2px 0 white, -2px -2px 0 white, -2px 2px 0 white, 2px 1px 0 white, 2px -1px 0 white, -2px -1px 0 white, -2px 1px 0 white, 2px 0px 0 white, 2px 0px 0 white, -2px 0px 0 white, -2px 0px 0 white, 1px 4px 0 white, 1px -4px 0 white, -1px -4px 0 white, -1px 4px 0 white, 1px 3px 0 white, 1px -3px 0 white, -1px -3px 0 white, -1px 3px 0 white, 1px 2px 0 white, 1px -2px 0 white, -1px -2px 0 white, -1px 2px 0 white, 1px 1px 0 white, 1px -1px 0 white, -1px -1px 0 white, -1px 1px 0 white, 1px 0px 0 white, 1px 0px 0 white, -1px 0px 0 white, -1px 0px 0 white, 0px 4px 0 white, 0px -4px 0 white, 0px -4px 0 white, 0px 4px 0 white, 0px 3px 0 white, 0px -3px 0 white, 0px -3px 0 white, 0px 3px 0 white, 0px 2px 0 white, 0px -2px 0 white, 0px -2px 0 white, 0px 2px 0 white, 0px 1px 0 white, 0px -1px 0 white, 0px -1px 0 white, 0px 1px 0 white, 0px 0px 0 white, 0px 0px 0 white, 0px 0px 0 white, 0px 0px 0 white, 0 0 0 white;
}
......@@ -72,7 +105,7 @@ html {
width: 550px;
margin-top: 200px;
margin-bottom: auto;
background: rgba(132, 93, 5, 0.9);
background: rgba(220, 105, 29, 0.3);
position: relative;
display: flex;
justify-content: center;
......@@ -89,9 +122,9 @@ html {
.brand_logo_container {
position: absolute;
height: 150px;
width: 150px;
top: -75px;
height: 120px;
width: 120px;
top: -60px;
border-radius: 50%;
background: #fff;
padding: 10px;
......@@ -100,9 +133,9 @@ html {
.brand_logo_container1 {
position: absolute;
height: 150px;
width: 150px;
top: -75px;
height: 120px;
width: 120px;
top: -60px;
right: 2%;
border-radius: 10%;
background: #fff;
......@@ -112,9 +145,9 @@ html {
.brand_logo_container2 {
position: absolute;
height: 150px;
width: 150px;
top: -75px;
height: 120px;
width: 120px;
top: -60px;
left: 2%;
border-radius: 10%;
background: #fff;
......@@ -122,15 +155,15 @@ html {
}
.brand_logo {
height: 130px;
width: 130px;
height: 100px;
width: 100px;
border-radius: 50%;
border: 2px solid white;
}
.brand_logo1 {
height: 130px;
width: 130px;
height: 100px;
width: 100px;
border-radius: 10%;
border: 2px solid white;
}
......@@ -140,6 +173,7 @@ html {
}
.login_btn {
font-weight: 900;
width: 100%;
background: #c0392b !important;
color: white !important;
......@@ -222,23 +256,23 @@ input[type=number]::-webkit-outer-spin-button {
}
.shade1 {
opacity: 0.3;
opacity: 0.015;
}
.shade2 {
opacity: 0.35;
opacity: 0.10;
}
.shade3 {
opacity: 0.4;
opacity: 0.15;
}
.shade4 {
opacity: 0.45;
opacity: 0.20;
}
.shade5 {
opacity: 0.5;
opacity: 0.25;
}
@keyframes ripple {
......
salida.php
View file @ b84d8b9a
......@@ -5,17 +5,29 @@
<!DOCTYPE html>
<html>
<head>
<title>Sin titulo</title>
<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">
<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();">
<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>
......@@ -24,24 +36,25 @@
<div class="circle small shade5"></div>
</div>
<div class="container">
<!--div class="text-center" style="z-index: -1"><img src="images/header.png" width="800px"></div-->
<div class="d-flex justify-content-center h-100">
<div class="container col-md-12">
<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="brand_logo" alt="Logo">
<img src="images/logo_geo.png" class=" visible-md brand_logo img-fluid" alt="Logo">
</div>
<div class="brand_logo_container1">
<img src="images/g980.png" class="brand_logo1" alt="Logo">
<img src="images/g980.png" class=" hidden visible-xs visible-sm img-fluid" alt="Logo">
</div>
<div class="brand_logo_container2">
<img src="images/g1010.png" class="brand_logo1" alt="Logo">
<img src="images/g1010.png" class="visible-md img-fluid" alt="Logo">
</div>
</div>
<div class="d-flex justify-content-center links sombras" style="margin-top: 100px!important;">
<div class="d-flex justify-content-center links" style="margin-top: 100px!important; color: white;">
<?php
if ($_GET['idioma']=='Maya')
{
......@@ -53,7 +66,7 @@
?>
</div>
<div class="d-flex justify-content-center links" style="margin-top: 100px!important;">
<div class="d-flex justify-content-center links" style="margin-top: 100px!important;color: white;">
<?php
if ($_GET['idioma']=='Maya')
{
......@@ -74,15 +87,15 @@
</div>
<footer>
<div class="text-center fixed-bottom" style="margin-bottom: 20px">
<div class="text-center" style="margin:40px;">
<img src="images/Logo-Horizontal-V2-blanco.png" width="300px"><br>
<div>
<div class="text-center" style="margin-bottom: 10px">
<div class="text-center" style="margin:40px;">
<img src="images/g122.png" width="400px">
</div>
</footer>
</div>
<script>
function redireccion() {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment