
<!DOCTYPE html>
<html>

<head>
	<title>TRIA AMB QUI VOLS PARLAR</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
	<style>
* {
  box-sizing: border-box;
}
.menu {
  float:left;
  width:33%;
  text-align:center;
}
.menu a {
  padding:8px;
  margin-top:7px;
  display:block;
  width:100%;
  color:black;
}
.main {
  float:left;
  width:66%;
  padding:0 20px;
  text-align:left;
  fontSize=35px;
}
.right {
  float:left;
  width:33%;
  padding:15px;
  margin-top:7px;
  text-align:center;
}
img { 
  width: 100%; 
}
.text {
  font-size:1vw;
}

@media only screen and (max-width:620px) {
  /* For mobile phones: */
  .menu, .main, .right {
    width:100%;
  }
}
</style>
	
</head>
<body>

<div style="padding:15px;text-align:left;">
  <h1>MAIN MENU</h1>
</div>

<div style="overflow:auto">
  <div class="menu">
	<img src="{{C:/Users/Miquel/Documents/Informatica/TFG/PracticaWeb/forkilla/templates/forkilla/images/averia.jpg"/> 
  </div>

  <div class="main">
	
	<h1> Último paso: La firma </h1>
	
	<br>
	<br>
	
	<h3> 1.  Es esencial que firmen los dos conductores señalando que están de acuerdo con la información descrita en el parte.  </h3>
	
	<br>
	
	<h3> 2. CADA CONDUCTOR SE DEBE QUEDAR CON UNA COPIA. </h3>

	<br>
	
	<h3> 3. Tendrás que contactar con su compañía de seguros en un plazo de una semana </h3>
	
	
	
	<form action="{% url 'parte'%}" method="get">
		<button type="submit" name="parte" > MÁS INFORMACIÓN</button>
	</form>
	
	<br>
	
	<form action="{% url 'parte3'%}" method="get">
		<button type="submit" name="parte3" > SIGUIENTE</button>
	</form>
	
	
  </div>


 
  </div>
</div>


  <!--<div class="right">
    <img src="navigation.png" alt="AVERIA">
  </div>-->
</div>

<div style="text-align:center;padding:10px;margin-top:7px;">© copyright w3schools.com</div>

</body>
</html>