
<!DOCTYPE html>
<html>

<head>
	<title>Main Menu</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" type="text/css" href="/static/forkilla/style6.css">

</head>
<body>

<script type="text/javascript" src="/static/forkilla/voice14.js"></script>

<script>

  window.speechSynthesis.cancel();
  var opciones = ["parte", "avería"];
  voice_start(opciones);
  window.setInterval(function(){
    /// call your function here
    voice_start(opciones);
  }, 5000);
  
</script>



<div style="padding:15px;text-align:center;color: white;">
  <h1>MENÚ PRINCIPAL</h1>
</div>

<div class="row">
  <div class="column">
  <div style="text-align: center;">
  <a href="{% url 'index'%}">
	<img src="/static/forkilla/btn_navegacion.png"  alt="NAVEGACIÓN">
  </a>
  </div>

  <div style="position: relative;float:none;left-margin:100px;text-align: center;">
	  <font style="text-align: justify;color:white;" size="4,5" face="arial"><strong>NAVEGACIÓN</strong></font>

  </div>
  </div>

  <div class="column">
    <div style="text-align: center;">
	<a href="{% url 'index'%}">
		<img src="/static/forkilla/btn_multimedia.png"  alt="MULTIMEDIA">
	  </a>
	</div>

	  <div style="position: relative;float:none;left-margin:100px;text-align: center;">
	  <font style="text-align: center;color:white;" size="4,5" face="arial"><strong>MULTIMEDIA</strong></font>
  </div>
  </div>

  <div class="column">
    <div style="text-align: center;">
	<a href="{% url 'index'%}">
		<img src="/static/forkilla/btn_telfono.png"  alt="TELEFONO" style="margin-right:0.5em">
	  </a>
	 </div>


	  <div style="position: relative;float:none;left-margin:100px;text-align: center;">
	  <font style="text-align: justify;color:white;" size="4,5" face="arial"><strong>TELÉFONO</strong></font>
  </div>
  </div>

</div>

<div class="row">
  <div class="column">
  
    <div style="text-align: center;">
   	  <a href="{% url 'triaAvatar'%}">
		<img src="/static/forkilla/btn_accident.png"  alt="ACCIDENTE PARTE" style="margin-right:0.5em">
	  </a>
	</div>

	  <div style="position: relative;float:none;left-margin:100px;text-align: center;">
	    <font style="text-align: center;color:white;" size="4,5" face="arial"><strong>ACCIDENTE PARTE</strong></font>
      </div>

  </div>

  <div class="column">

    <div style="text-align: center;">
 	  <a href="{% url 'index'%}">
		<img src="/static/forkilla/btn_configuracion.png"  alt="CONFIGURACION" style="margin-right:0.5em">
	  </a>
	</div>

    <div style="position: relative;float:none;left-margin:100px;text-align: center;">
	  <font style="text-align: center;color:white;" size="4,5" face="arial"><strong>CONFIGURACIÓN</strong></font>
	</div>
  </div>
  
  <div class="column">
 
    <div style="text-align: center;">
 	<a href="{% url 'index'%}">
		<img src="/static/forkilla/btn_averia.png"  alt="AVERIA" style="margin-right:0.5em">
	  </a>
	</div>


	  <div style="position: relative;float:none;left-margin:100px;text-align: center;">
	  <font style="text-align: justify;color:white;" size="4,5" face="arial"><strong>AVERIA</strong></font>
    
  </div>

  </div>
</div>

</body>
</html>