becas-mexico.mx Review
becas-mexico.mx Review
| Titletag | Descriptiontag | language |
|---|
| Mejores Casinos Online México 2025: Top 7 de Confianza | |
Spanish; Castilian |
| Ip adress | 209.16.158.58 | Nameserver | nsc.n0c.com
nsb.n0c.com
nsa.n0c.com |
Status code | 200 |
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Quiz: Becas de Estudio en México</title>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<style>
body {
background-color: #f0f8ff;
color: #333;
font-family: 'Roboto', sans-serif;
margin: 0;
padding: 0;
}
h2 {
color: #00695c;
font-weight: bold;
}
.quiz-container {
max-width: 700px;
margin: 50px auto;
padding: 2.5rem;
background-color: white;
box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
border-radius: 12px;
overflow: hidden;
}
.question {
font-size: 1.5rem;
margin-bottom: 20px;
}
.answer-option {
margin: 0.75rem 0;
cursor: pointer;
}
.answer-option input[type="radio"] {
margin-right: 15px;
transform: scale(1.3);
}
.answer-option label {
cursor: pointer;
font-size: 1.2rem;
}
.btn {
width: 100%;
padding: 12px;
font-size: 1.1rem;
margin-top: 25px;
transition: background-color 0.3s ease;
}
.btn-primary {
background-color: #004d40;
border-color: #003d33;
}
.btn-primary:hover {
background-color: #00332c;
border-color: #00231a;
}
.progress {
background-color: #e1f5fe;
border-radius: 50px;
overflow: hidden;
margin: 25px 0;
}
.progress-bar {
background-color: #00796b;
transition: width 0.4s ease;
}
.alert-primary {
background-color: #e3f2fd;
border-color: #bbdefb;
color: #0d47a1;
padding: 1.5rem;
border-radius: 8px;
}
.restart {
background-color: #0288d1;
border-color: #0288d1;
margin-top: 15px;
}
.restart:hover {
background-color: #0277bd;
border-color: #0277bd;
}
</style>
</head>
<body>
<div class="container mt-5">
<div class="quiz-container">
<h2 class="text-center mb-4">Descubre sobre las Becas en México</h2>
<div id="quiz">
<div id="pregunta1" class="question-step">
<div class="question">1. ¿Qué tipo de becas se ofrecen principalmente en México?</div>
<div class="form-group">
<input type="radio" class="answer-option" name="q1" value="academicas"> Becas Académicas<br>
<input type="radio" class="answer-option" name="q1" value="deporte"> Becas Deportivas<br>
<input type="radio" class="answer-option" name="q1" value="arte"> Becas Artísticas
</div>
<button class="btn btn-primary next-step">Siguiente</button>
</div>
<div id="pregunta2" class="question-step" style="display: none;">
<div class="question">2. ¿Cuáles son los requisitos generales para obtener una beca?</div>
<div class="form-group">
<input type="radio" class="answer-option" name="q2" value="promedio"> Buen promedio académico<br>
<input type="radio" class="answer-option" name="q2" value="experiencia"> Experiencia laboral<br>
<input type="radio" class="answer-option" name="q2" value="edad"> Edad mínima
</div>
<button class="btn btn-primary next-step">Siguiente</button>
</div>
<div id="pregunta3" class="question-step" style="display: none;">
<div class="question">3. ¿Qué organismo provee más becas a nivel nacional?</div>
<div class="form-group">
<input type="radio" class="answer-option" name="q3" value="sep"> SEP (Secretaría de Educación Pública)<br>
<input type="radio" class="answer-option" name="q3" value="itsa"> ITSA<br>
<input type="radio" class="answer-option" name="q3" value="conacyt"> CONACYT
</div>
<button class="btn btn-primary next-step">Siguiente</button>
</div>
<div id="pregunta4" class="question-step" style="display: none;">
<div class="question">4. ¿Una beca puede cubrir alojamiento y alimentos?</div>
<div class="form-group">
<input type="radio" class="answer-option" name="q4" value="si"> Sí, algunas becas lo hacen<br>
<input type="radio" class="answer-option" name="q4" value="no"> No, sólo cubren matrículas
</div>
<button class="btn btn-primary next-step">Siguiente</button>
</div>
<div id="pregunta5" class="question-step" style="display: none;">
<div class="question">5. ¿Cuál es el mejor momento para aplicar a una beca?</div>
<div class="form-group">
<input type="radio" class="answer-option" name="q5" value="siempre"> Siempre hay oportunidades<br>
<input type="radio" class="answer-option" name="q5" value="antes_ciclo"> Antes de iniciar el ciclo escolar<br>
<input type="radio" class="answer-option" name="q5" value="verano"> Durante el verano
</div>
<button class="btn btn-primary finish">Terminar</button>
</div>
<div id="resultado" style="display: none;">
<div class="alert alert-primary" role="alert">
<h4 class="alert-heading">Resultados del Quiz</h4>
<p id="texto-resultado"></p>
</div>
<button class="btn btn-secondary restart">Reintentar</button>
</div>
</div>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function() {
var currentStep = 0;
var totalSteps = $(".question-step").length;
function updateProgressBar(step) {
var percent = (step / totalSteps) * 100;
$(".progress-bar").css('width', percent + '%').attr('aria-valuenow', step);
}
$(".next-step").click(function() {
var questionStep = $(this).closest(".question-step");
if (questionStep.find('input:checked').length > 0) {
questionStep.hide();
questionStep.next().show();
currentStep += 1;
updateProgressBar(currentStep);
} else {
alert("Por favor, selecciona una respuesta antes de continuar.");
}
});
$(".finish").click(function() {
if ($("input[name='q5']:checked").length > 0) {
showResult();
currentStep += 1;
updateProgressBar(currentStep);
} else {
alert("Por favor, selecciona una respuesta antes de continuar.");
}
});
$(".restart").click(function() {
$("#resultado").hide();
$("#quiz").find(".question-step").hide();
$("#pregunta1").show();
currentStep = 0;
updateProgressBar(currentStep);
});
function showResult() {
var score = {
'academicas': 0,
'deporte': 0,
'arte': 0,
'promedio': 0,
'experiencia': 0,
'edad': 0,
'sep': 0,
'itsa': 0,
'conacyt': 0,
'si': 0,
'no': 0,
'siempre': 0,
'antes_ciclo': 0,
'verano': 0
};
$("input:checked").each(function() {
score[$(this).val()]++;
});
var resultText = calculateResult(score);
$("#texto-resultado").text(resultText);
$("#quiz").find(".question-step").hide();
$("#resultado").show();
}
function calculateResult(score) {
if (score['academicas'] >= 1 && score['promedio'] >= 1) {
return "¡Excelente! Estás bien informado sobre las becas académicas en México, que suelen exigir buen desempeño académico.";
} else if (score['arte'] >= 1 || score['experiencia'] >= 1) {
return "Revisa los tipos de becas y sus requisitos. Las becas académicas valoran principalmente el rendimiento académico.";
} else {
return "Considera buscar más información sobre las oportunidades y beneficios de las becas en México.";
}
}
});
</script>
</body>
</html>
HTTP/1.1 200 OK
link: ; rel="alternate"; hreflang="es-es", ; rel="alternate"; hreflang="es", ; rel="https://api.w.org/", ; rel="alternate"; title="JSON"; type="application/json", ; rel=shortlink
upgrade: h2,h2c
vary: Accept-Encoding
content-type: text/html; charset=UTF-8
content-encoding: gzip
transfer-encoding: chunked
date: Thu, 28 Aug 2025 00:45:36 GMT
server: LiteSpeed
x-tuned-by: N0C
connection: Keep-Alive