<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="../css/bootstrap-4.3.1-dist/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../css/custom.css">
<script type="text/javascript" src="../js/custom.js"></script>
</head>
<body>
<!--MENU-->
<div class="nav-bar">
<div id="myNav" class="overlay">
<div>
<span style="font-size:30px;cursor:pointer" onclick="closeNav()">☰</span>
</div>
<div class="overlay-content">
<a href="index.html">Start</a>
<a href="vdomestica_en.html">Domestic Violence</a>
<a href="vsexual_en.html">Sexual Violence</a>
<a href="leyes_en.html">Laws</a>
<a href="campanas_en.html">Campaings</a>
<a href="test_en.html">Test </a>
<a href="servicios_en.html">Find Help</a>
<a href="cerca_en.html">Near Me</a>
<a href="contacto_en.html">Contacts</a>
<a href="../index.html">App in Spanish</a>
</div>
</div>
<p id="demo"></p>
</div>
<div id="menubtn">
<span style="font-size:30px;cursor:pointer" onclick="openNav()">☰</span>
</div>
</div>
<!--CONTENT-->
<div class="top-div">
<div class="top-quiz-title">Autoevaluate your relationship</div>
</div>
<div class="app">
<div id="container">
<div class="container">
<div class="inicio" id="start"> Do you have a healthy relationship?</div>
<div id = "quiz" style="display: none">
<div class="pregunta" id="pregunta"></div>
<div id="opciones">
<div class="opcion" id="1"></div>
<div class="opcion" id="2"></div>
<div class="opcion" id="3"></div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="../js/quiz_preg_en.js"></script>
</body>
</html>