-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
84 lines (80 loc) · 3.59 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html>
<html lang="">
<head>
<title>Seguro No Pagamos Cooperativa</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"/>
<link rel="stylesheet" type="text/css" href="styles/estilos.css" media="screen">
<link rel="shortcut icon" href="#"/>
</head>
<body>
<header>
<div id="container_header">
<div id="logo">
<img src="styles/images/logo_shield.png" alt="logo">
</div>
<nav id="keypad">
<ul>
<li><a href="#about_us_section">Sobre Nosotros</a></li>
<li><a href="#contact_section">Contacto</a></li>
</ul>
</nav>
</div>
</header>
<section id="section_start">
<div id="box_title"><h1>Seguro No Pagamos Cooperativa</h1></div>
<img src="styles/images/presentation.jpg" alt="imagen de presentación" id="presentation_image"/>
</section>
<section id="about_us_section">
<div class="title"><h2>Sobre nosotros</h2></div>
<div id="about_us_paragraph"><p>Somos una compañía que nos encontramos en el mercado hace 2 años brindando el
mejor servicio. Sabemos bien cuanto cuesta obtener las cosas hoy en día, por eso nos encargamos de
brindarles el mejor servicio de seguro, para que puedan descansar con tranquilidad sabiendo que estamos para
cuidarlos siempre. </p></div>
</section>
<section id="contact_section">
<div class="title"> <h2>Contacto</h2></div>
<form class="card-form" name="formContact" id="formContactId" >
<div class="input">
<input type="text" name="name" id="nameId" class="input-field" required/>
<label for="nameId" class="input-label" >Nombre</label>
</div>
<div class="input">
<input type="text" name="last_name" id="lastNameId" class="input-field" required/>
<label for="lastNameId" class="input-label" >Apellido</label>
</div>
<div class="input">
<input type="number" name="identification_number" id="identificationNumberId" class="input-field" required/>
<label for="identificationNumberId" class="input-label">DNI</label>
</div>
<div class="input">
<input type="email" name="email" id="emailId" class="input-field" required/>
<label for="emailId" class="input-label" >Correo electrónico</label>
</div>
<div class="input" >
<input type="number" name="phone_number" id="phoneNumberId" class="input-field" required/>
<label for="phoneNumberId" class="input-label">Teléfono</label>
</div>
<div class="input" >
<label class="input-field">Tipo de seguro</label>
<select name="type_of_insurance" id="type_of_insurance_id" class="input-field" onchange="GetTypeOfInsurance()">
<option value="basic" class="type">Básico</option>
<option value="medium" class="type">Intermedio</option>
<option value="premium" class="type">Premium</option>
</select>
<span id="cost_of_insurance"></span>
<div id="InsuranceTypeValue"></div>
</div>
<div id="button-style">
<button type="submit" value="Submit!" id="button-style-submit" onclick="SendForm()">Enviar formulario</button>
</div>
</div>
</form>
</section>
<footer id="footer_container">
<div id=tagline"><h3>Cuidamos lo suyo como lo nuestro.</h3></div>
</footer>
<script src="./script.js"></script>
</body>
</html>