-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontacto.html
executable file
·109 lines (86 loc) · 3.03 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
<!doctype html>
<html lang="es">
<head>
<meta charset="UTF-8">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<title>Contacto</title>
<link rel="stylesheet" type="text/css" href="css/inicio.css">
<link rel="stylesheet" type="text/css" href="css/contacto.css">
<link rel="stylesheet" type="text/css" href="css/fuentes.css">
</head>
<body>
<!---------------------------------------- Encabezado ------------------------------------------>
<body>
<div id="menu">
<header id="menu-central">
<a href="index.html"><img src="imagen/Logopri.png" id="logo"></a>
<nav id="menu-principal">
<ul>
<li><a href="index.html">Inicio</a></li>
<li><a href="quienes.somos.html">¿Quienes Somos?</a></li>
<li><a href="servicios.html">Servicios</a></li>
<li><a href="mecanica.html">Mecanica</a></li>
<li><a href="Cobertura.html">Cobertura</a></li>
<li><a href="contacto.html"><b>Contacto</b></a></li>
</ul>
</nav>
</header>
</div>
<!-- ------------------------------------------ Contenido -------------------------------------->
<a href="#ancla"><div id="vasio">
<section id="indice-cent">
<img src="imagen/contactopri.png" alt="Servicios" id="banner">
</section>
</div></a>
<div id="contenedor-principal">
<a name="ancla"></a>
<div id="contenedor-principal-cent">
<section id="text-1">
<div id="ubica-cont">
<img src="imagen/ubica.png" class="pie">
<p><strong>Visitanos</strong> <br> <br>
Priv. Agua Caliente No. 22 <br>
Col. Pantitlán <br>
C.P. 08100 México, D.F.</p>
</div>
<div id="call-cont">
<img src="imagen/tel.png" class="pie">
<p><strong>Telefonos</strong> <br><br>
(01-55) 5763-3997 <br>
(01-55) 5716-4814
</p>
</div>
<div id="e-mail-cont">
<img src="imagen/correo.png" class="pie">
<p><strong>Correo</strong> <br><br>
</p>
</div>
</section>
<section id="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d15052.348427550416!2d-99.07287600000002!3d19.408642!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMTnCsDI0JzMxLjEiTiA5OcKwMDQnMjIuNCJX!5e0!3m2!1ses-419!2smx!4v1402438166155" width="460" height="500" frameborder="0" style="border:0">
</iframe>
</section>
<section id="formulario">
<form action="php/Form.php" method="post">
<input type="text" id="nombre" name="nombre" placeholder="Nombre">
<input type="text" id="asunto" name="asunto" Placeholder="Asunto">
<input type="mail" id="mail" name="mail" Placeholder="Correo">
<textarea name="mensaje" placeholder="Mensaje"></textarea>
<input type="submit" value="Enviar">
</form>
</section>
</div>
</div>
<!-- ------------------------------------ Pie de pagina ---------------------------------------->
<div id="pie-de-pag-cont">
<section id="pie-central-cont">
<div id="copy-cont">
<img src="imagen/copy.cont.png">
<footer><strong>© Lodicer 2014</strong>
</footer>
</div>
</section>
</div>
</body>
</html>