forked from lyordens/Trabajo-Integrador-Grupo-1
-
Notifications
You must be signed in to change notification settings - Fork 0
/
contacto.html
139 lines (119 loc) · 7.96 KB
/
contacto.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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- ===============================================-->
<!-- Titulo del documento-->
<!-- ===============================================-->
<title>Contacto</title>
<!-- ===============================================-->
<!-- Favicons-->
<!-- ===============================================-->
<link rel="apple-touch-icon" sizes="57x57" href="assets/imagenes/favicons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="assets/imagenes/favicons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/imagenes/favicons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/imagenes/favicons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/imagenes/favicons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/imagenes/favicons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/imagenes/favicons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/imagenes/favicons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/imagenes/favicons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/imagenes/favicons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/imagenes/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/imagenes/favicons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/imagenes/favicons/favicon-16x16.png">
<link rel="manifest" href="assets/imagenes/favicons/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!-- ===============================================-->
<!-- Stylesheets-->
<!-- ===============================================-->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<link href="assets/css/theme.min.css" rel="stylesheet" />
<link href="assets/css/style.css" rel="stylesheet" />
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" data-navbar-on-scroll="data-navbar-on-scroll">
<div class="logo">
<img src="Logo.png" alt="Logo jl seguros" width="100" height="60">
</div>
<div class="container"><a class="navbar-brand" href="index.html"><span class="text-primary fs-3 ms-2 fw-bolder"></span><span class="fw-thin text-300 fs-3">Seguros</span></a><button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse pt-4 pt-lg-0" id="navbarSupportedContent">
<p class="mb-0 ms-auto text-light fs-0 fw-normal"><i class="fas fa-phone-alt me-2"></i>LLAME YA <a class="text-light" href="tel:0810-222-2000">0810-222-2000</a></p>
<ul class="navbar-nav ms-auto border-bottom border-lg-bottom-0 pt-2 pt-lg-0">
<li class="nav-item px-2"><a class="nav-link" aria-current="page" href="index.html">Inicio</a></li>
<li class="nav-item px-2"><a class="nav-link" href="productos.html">Productos</a></li>
<li class="nav-item px-2"><a class="nav-link" aria-current="page" href="nosotros.html">Nosotros</a></li>
<li class="nav-item px-2"><a class="nav-link active" aria-current="page" href="#">Contacto</a></li>
</ul>
</div>
</div>
</nav>
<div class="contact_form">
<div class="formulario">
<h1>Formulario de contacto</h1>
<h3>Escríbanos y en breve nos pondremos en contacto con usted</h3>
<form action="submeter-formulario.php" method="post">
<p>
<label for="nombre" class="colocar_nombre">Nombre
<span class="obligatorio">*</span>
</label>
<input type="text" name="introducir_nombre" id="nombre" required="obligatorio" placeholder="Escribe tu nombre">
</p>
<p>
<label for="email" class="colocar_email">Email
<span class="obligatorio">*</span>
</label>
<input type="email" name="introducir_email" id="email" required="obligatorio" placeholder="Escribe tu Email">
</p>
<p>
<label for="telefone" class="colocar_telefono">Teléfono
</label>
<input type="tel" name="introducir_telefono" id="telefono" placeholder="Escribe tu teléfono">
</p>
<p>
<label for="asunto" class="colocar_asunto">Asunto
<span class="obligatorio">*</span>
</label>
<input type="text" name="introducir_asunto" id="assunto" required="obligatorio" placeholder="Escribe un asunto">
</p>
<p>
<label for="mensaje" class="colocar_mensaje">Mensaje
<span class="obligatorio">*</span>
</label>
<textarea name="introducir_mensaje" class="texto_mensaje" id="mensaje" required="obligatorio" placeholder="Deja aquí tu comentario..."></textarea>
</p>
<button onclick="alerta()">Enviar</button>
<p class="aviso">
<span class="obligatorio"> * </span>los campos son obligatorios.
</p>
</form>
</div>
</div>
<!-- ============================================-->
<!-- <section> begin ============================-->
<section class="py-0 bg-black">
<div class="container">
<div class="row justify-content-md-between justify-content-evenly py-4">
<div class="col-12 col-sm-8 col-md-6 col-lg-auto text-center text-md-start">
<p class="fs--1 my-2 fw-light text-200">Todos los derechos Reservados ©<img src="Logo.png" alt="Logo jl seguros" width="20" height="20"> Seguros, 2023</p>
</div>
<div class="col-12 col-sm-8 col-md-6">
<p class="fs--1 fw-light my-2 text-center text-md-end text-200"> Hecho con <svg class="bi bi-suit-heart-fill" xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="#F95C19" viewBox="0 0 16 16">
<path d="M4 1c2.21 0 4 1.755 4 3.92C8 2.755 9.79 1 12 1s4 1.755 4 3.92c0 3.263-3.234 4.414-7.608 9.608a.513.513 0 0 1-.784 0C3.234 9.334 0 8.183 0 4.92 0 2.755 1.79 1 4 1z"></path>
</svg> por <a class="fw-bold text-primary" href="https://github.com/lyordens/Trabajo-Integrador-Grupo-1" target="_blank">Equipo 1</a></p>
</div>
</div>
</div><!-- end of .container-->
</section><!-- <section> close ============================-->
<!-- ============================================-->
</main><!-- ===============================================-->
<!-- End of Main Content-->
<!-- ===============================================-->
</body>
<script src="script.js"></script>
</html>