-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontacts.html
157 lines (143 loc) · 8.02 KB
/
contacts.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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<HTMl lang='es'>
<head>
<meta charset="utf-8" />
<meta name="description" content="Empresa Samudio Cabral" />
<meta name="author" content="Alopez" />
<meta name="keywords" content="empresa, samudio, cabral, samudio cabral,Empresa Samudio Cabral">
<title>Empresa Samudio Cabral</title>
<link rel="stylesheet" href="css/StyleContacts.css">
</head>
<body>
<div class="content">
<header class="header">
<a href="index.html"><img src="images/Logo.png" alt="Logo_Emp"></a>
<nav>
<ul>
<li><a href="nosotros.html">NOSOTROS</a></li>
<li><a href="servicios.html">SERVICIOS</a></li>
<li><a href="pregfec.html">PREGUNTAS</a></li>
<li><a href="contacts.html">CONTACTOS</a></li>
<li class="search"><input type="search" name="search" id="search" placeholder="Buscar" size="24"></li>
</ul>
</nav>
</header>
<section>
<p>Escríbenos!</p>
<br />
<form method="post" action="tratamiento.php">
<p>
<label for="nombre">Su Nombre:</label>
<input type="text" name="nombre" id="nombre" placeholder="Mi Nombre" autofocus/>
<br />
<br />
<label for="pass">Contraseña:</label>
<input type="password" name="pass" id="pass"/>
<br />
<br />
<label for="mejora">Cómo podriamos mejorar nuestra página?</label><br />
<textarea name="mejora" id="mejora">¡¿Mejorar tu página web?!</textarea>
</p>
<br /><br />
<p>
Marca las comidas que te gustan:<br />
<input type="checkbox" name="patatas fritas" id="patatas fritas" /> <label for="patatas fritas">Patatas fritas</label><br />
<input type="checkbox" name="hamburguesa" id="hamburguesa" /> <label for="hamburguesa">Hamburguesa</label><br />
<input type="checkbox" name="espinacas" id="espinacas" /> <label for="espinacas">Espinacas</label><br />
<input type="checkbox" name="ostras" id="ostras" /> <label for="ostras">Ostras</label>
</p>
<br /><br />
<p>
Indica el grupo de edad al que perteneces:<br />
<input type="radio" name="edad" value="menos15" id="menos15" /> <label for="menos15">Menos de 15 años</label><br />
<input type="radio" name="edad" value="entre15-25" id="entre15-25" /> <label for="entre15-25">Entre 15 y 25 años</label><br />
<input type="radio" name="edad" value="entre25-40" id="entre25-40" /> <label for="entre25-40">Entre 25 y 40 años</label><br />
<input type="radio" name="edad" value="mas40" id="mas40" /> <label for="mas40">Incluso mayor que eso?</label>
</p>
<br /><br />
<p>
¿En qué continente vives?<br />
<input type="radio" name="continente" value="europa" id="europa" /> <label for="europa">Europa</label><br />
<input type="radio" name="continente" value="africa" id="africa" /> <label for="africa">África</label><br />
<input type="radio" name="continente" value="asia" id="asia" /> <label for="asia">Asia</label><br />
<input type="radio" name="continente" value="america" id="america" /> <label for="america">América</label><br />
<input type="radio" name="continente" value="australia" id="australia" /> <label for="australia">Australia</label>
</p>
<br /><br />
<p>
<label for="pais">¿En qué país vives?</label><br />
<select name="pais" id="pais">
<optgroup label="Europa">
<option value="reinounido">Reino Unido</option>
<option value="francia">Francia</option>
<option value="espana">España</option>
<option value="italia">Italia</option>
</optgroup>
<optgroup label="América">
<option value="estadosunidos">Estados Unidos</option>
<option value="canada">Canadá</option>
</optgroup>
<optgroup label="Asia">
<option value="china">China</option>
<option value="japon">Japón</option>
</optgroup>
</select>
</p>
<br /> <br />
<fieldset>
<legend>Tus datos de contacto</legend> <!-- Título del conjunto de campos -->
<label for="apellidos">¿Cuáles son tus apellidos?</label></br>
<input type="text" name="apellido" id="apellido" /></br>
<label for="nombre">¿Cuál es tu nombre?</label></br>
<input type="text" name="nombre" id="nombre" /></br>
<label for="email">¿Cuál es tu dirección de correo electrónico?</label></br>
<input type="email" name="email" id="email" /></br>
</fieldset>
<fieldset>
<legend>Tu deseo</legend> <!-- Título del conjunto de campos -->
<p>
Pide un deseo que quieres que se haga realidad:</br>
<input type="radio" name="deseo" value="rico" id="rico" /> <label for="rico">Ser rico</label></br>
<input type="radio" name="deseo" value="famoso" id="famoso" /> <label for="famoso">Ser famoso</label></br>
<input type="radio" name="deseo" value="inteligente" id="inteligente" /> <label for="inteligente">Ser <strong>aún más</strong> inteligente</label></br>
<input type="radio" name="deseo" value="otro" id="otro" /> <label for="otro">Otro...</label></br>
</p>
<p>
<label for="specs">Si has elegido «Otro», especifica cuál:</label></br>
<textarea name="specs" id="specs" cols="40" rows="4"></textarea>
</p>
</fieldset>
<br> <br />
<input type="submit" value="Enviar" />
</form>
<br />
<p>Texto después del formulario</p>
</section>
</div>
<footer class="piepag">
<div class="div">
<div class="a">
<p>Visite nuestras Redes Sociales</p>
</div>
<ul class="imgfoot">
<li>
<a href="https://www.facebook.com/" target="_blank"><img src="images/facebook.png"
alt="Logo_faceb"></a>
</li>
<li>
<a href="https://www.instagram.com/?hl=es-la" target="_blank"><img src="images/instagram.png"
alt="Logo_insta"></a>
</li>
<li>
<a href="https://twitter.com/explore" target="_blank"><img src="images/twitter.png"
alt="logo_twitt"></a>
</li>
<li>
<a href="https://web.whatsapp.com/" target="_blank"><img src="images/whatsapp.png"
alt="logo_whatsapp"></a>
</li>
</ul>
</div>
</footer>
</body>
</HTMl>