-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
178 lines (159 loc) · 7.41 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
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
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
<!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>
<!-- cierre de fila logo + nav -->
<!-- Titulo de la pagina -->
<fieldset>
<div class="titulo">
<h1>Ingeniería y Construcción SteelMaster® Ltda.</h1>
</div>
</fieldset>
<!-- GALERIA EN CARRUSEL -->
<div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="./images/Galpon_auto_negro.webp" class="d-block w-100" alt="IMAGEN 1">
</div>
<div class="carousel-item">
<img src="./images/galpon_tractor.webp" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="./images/galponstm.webp" class="d-block w-100" alt="...">
</div>
</div>
</div>
<div class="steel-logo">
<img src="./images/Logo_SM.webp" alt="Imagen referencial">
</div>
<div class="text_intro">
<p>
Las estructuras SteelMaster®, marcan una diferencia a la hora de desarrollar un
proyecto, ofrecemos diseños innovadores, materiales importados de primera,
desarrollamos nuestra propia ingeniería estructural y Geotecnia.
</p>
</div>
<div class="text_intro">
<p>
<h3>La Diferencia SteelMaster</h3>
Las edificaciones SteelMaster son una solución ideal para todo tipo de industria. Nuestros kits de construcción de acero
tienen usos ilimitados y hoy en día son utilizados como bodegas agrícolas, pequeños depósitos, talleres, naves
industriales, plantas de manufactura, hangares, parques industriales; al igual que usos residenciales de viviendas,
garajes, y hasta Iglesias.
</p>
</div>
<div class="text_intro">
<p>
Todas las edificaciones que vendemos están respaldadas por 40 años de experiencia y la calidad del acero
Galvalume Plus que juntas ofrecen:
</p>
</div>
<section class="list">
<lu>
<li>Reducción de temperatura interna.</li>
<li>Mayor resistencia a la corrosión.</li>
<li>Libre de mantenimiento.</li>
<li>Facilidad y rapidez de instalación.</li>
<li>Resistencia a vientos huracanados.</li>
<li>Planos de ingeniería diseñados de acuerdo a su ubicación.</li>
</lu>
</section>
<div class="text_intro">
<p>¡Comuníquese hoy con nosotros para comenzar su proyecto!</p>
<p>En Ingeniería y Construcción SteelMaster® Ltda. ofrecemos calidad, durabilidad y versatilidad con un diseño en arco haciendo de estas las estructuras más fuertes en la tierra. Nuestra pasión por nuestras edificaciones es compartida por miles de clientes satisfechos en todo el mundo.
</p>
</div>
</section>
<div class="suscribete">
<h3>Recibe Novedades</h3>
<h4>Suscribete al newsletter de novedades</h4>
<input type="text" name="correo" placeholder="Ingresa email"/>
<input type="submit" value="Enviar"/>
<input type="reset" value="Limpiar"/>
</div>
<br>
<footer class= "footer"
<fieldset>
<div class="logo_back">
<a href="index.html"><img src="./icons/LOGO STEEL MASTER.png" alt="volver" width="70px" height="50px">
</a>
</div>
<section class="flex_container">
<div class="foot1">
<ul class="footer">
<li>Ayuda</li>
<li>Envíos</li>
<li>Opciones de Pag
Contacto</li>
</ul>
</div>
<div class="foot2">
<ul class="footer2">
<li>Acerca de:</li>
<li>Noticias</li>
<li>Empleos</li>
<li>Inversionistas</li>
</ul>
</div>
</section>
<h3>RRSS</h3>
<h3><a href="./04_contacto.html">CONTACTO</a></h3>
</fieldset>
</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>