-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path04_contacto.html
143 lines (123 loc) · 6.11 KB
/
04_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
140
141
142
143
<!DOCTYPE html>
<html lang="es">
<head>
<title>"STEELMASTER CHILE || Soluciones industriales para fabricar su galpón"</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name:"description" content="Ingeniería y Construcción SteelMaster® Ltda. Representantes oficiales de
SteelMaster® Buildings LLC para países de la costa Pacífico de Sudamérica.">
<meta name:"keywords" content="CONSTRUCCION, GALPONES, INDUSTRIA, FABRICA, BODEGAS.">
<!-- ICONO DE PESTAÑA -->
<link rel="icon" href="./icons/LOGO STEEL MASTER.png">
<!-- ENLACE A CSS -->
<link rel="stylesheet" type="text/css" href="./css/estilo.css">
<!-- ENLACE A CSS DE Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
</head>
<body>
<!-- MENU DE NAVEGACION -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="./index.html"><img src="./icons/LOGO STEEL MASTER.png" width="70px"
height="50px"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="./index.html">Inicio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./02_quienes_somos.html">Quienes Somos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./03_proyectos.html">Proyectos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./04_contacto.html">Contacto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./05_servicios.html">Servicios</a>
</li>
</ul>
</div>
</div>
</nav>
<div>
<!-- Slogan de la empresa-->
<nav class="nav">
<p class="slogan">¡Líderes en Construcción de instalaciones industriales!</p>
</nav>
</div>
<fieldset class="titulo">
<h1>CONTACTOS</h1>
</fieldset>
<nav class="text_intro">
<ul>
<li>Facebook: MISBODEGAS.CL</li>
<li>Instagram: @MISBODEGAS.CL</li>
<li>Twitter: @MISBODEGAS.CL</li>
<li>Telefonos: +56 9 4329 8754</li>
</ul>
</nav>
<section class="text_intro bordeado">
<article>
<form action="#">
<fieldset>
<label for="name"><strong>Escriba su Nombre:</strong></label>
<input type="text" id=name placeholder="NOMBRE Y APELLIDO" name="name">
</label>
<br>
<label for="email"><strong>Email:</strong></label>
<input type="email" id=email placeholder="[email protected]" name="email">
<br><br>
<label for="Observaciones"><strong>Observaciones:</strong></label>
<br>
<textarea type="text" id="Observaciones" placeholder="Escriba aqui sus Observaciones"
name="Observaciones"></textarea>
</label> <br>
<input type="number" id="numero" placeholder="EDAD" min="0" max="120"><br>
<div>
<p><strong>Figura Juridica:</strong></p>
<div>Empresa<input type="radio" value="Empresa"></div>
<div>Persona Natural<input type="radio" value="Persona Natural"></div>
</div>
</fieldset>
<p>Para Que proyecto desea informacion</p>
<select name="letra" id="letra">
<option value="Proyecto Lama">Pascua Lama</option>
<option value="A">Minera A</option>
<option value="B">Minera B</option>
</select>
<div>Suscribete a buestros Newsletters
<input type="checkbox" name="acepta" value="1">
</div>
<input type="submit" value="Solicitar">
<input type="reset" value="Borrar">
</form>
</article>
</section>
<h1 class="text_intro">Estamos aquí</h1>
<section class="text_intro">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d13325.172952100758!2d-70.73703726072996!3d-33.389513097042105!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x9662c103660dd177%3A0x176615f7a300d14d!2sCerro%20Colorado!5e0!3m2!1ses-419!2scl!4v1662353054818!5m2!1ses-419!2scl"
width="300" height="300" style="border:1mm;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</section>
<br>
<footer>
<div class="logo_back">
<a href="./index.html"><img src="./icons/LOGO STEEL MASTER.jpg" alt="volver" width="100px" height="100px">
</a>
</div>
</footer>
<!-- enlace a Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">
</script>
</body>
</html>