Skip to content

Commit 5be4c92

Browse files
GastoncorvataGastoncorvata
committed
contacto
1 parent aad90e9 commit 5be4c92

9 files changed

+202
-62
lines changed

‎contacto.html

Lines changed: 36 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,6 @@
1616
</head>
1717
<body>
1818
<div class="lds-ring loader" id="loader"><div></div><div></div><div></div><div></div></div>
19-
<header class="header">
2019
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top" id="customNavbar">
2120
<a class="navbar-brand" href="./index.html"><i class="fas fa-drafting-compass"></i></a>
2221
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
@@ -43,9 +42,40 @@
4342
<a class="navbar-brand" href="./index.html">Metal Stretch</a>
4443
</div>
4544
</nav>
46-
47-
48-
<footer id="footer">
45+
<section class="contactanos">
46+
<h1 class="titulo__contactanos">Contáctanos</h1>
47+
<div class="container">
48+
<div class="contact-form row">
49+
<div class="form-field col-lg-6">
50+
<input type="text" id="name" name="name" class="input-text">
51+
<label for="name" class="label">Nombre</label>
52+
</div>
53+
<div class="form-field col-lg-6">
54+
<input type="email" id="email" name="emeil" class="input-text">
55+
<label for="email" class="label">Email</label>
56+
</div>
57+
<div class="form-field col-lg-6">
58+
<input type="text" id="company" name="company" class="input-text">
59+
<label for="company" class="label">Empresa</label>
60+
</div>
61+
<div class="form-field col-lg-6">
62+
<input type="text" id="phone" name="phone" class="input-text">
63+
<label for="phone" class="label">Telefono</label>
64+
</div>
65+
<div class="form-field col-lg-12">
66+
<input type="text" id="message" name="message" class="input-text">
67+
<label for="message" class="label">Mensaje</label>
68+
</div>
69+
<div class="form-field col-lg-12">
70+
<input type="submit" class="btn btn-outline-secondary" type="submit" name="">
71+
</div>
72+
</div>
73+
</div>
74+
</section>
75+
<section class="mapa-contacto">
76+
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3276.2778796178195!2d-58.46259548517526!3d-34.798950180409285!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x95bcd31a67430a39%3A0x5a6d9132a106db99!2sMETAL%20STRETCH!5e0!3m2!1ses-419!2sar!4v1601793089481!5m2!1ses-419!2sar" width="100%" height="380" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
77+
</section>
78+
<footer id="footer" class="footer-mapa">
4979
<div class="footer-top">
5080
<div class="container">
5181
<div class="row">
@@ -73,7 +103,7 @@ <h4>Mapa del Sitio</h4>
73103
</div>
74104
<div class="col-4 footer-redes">
75105
<h4>Redes Sociales</h4>
76-
<p>Seguinos para obtener informacion de nuestra actividad, novedades, promosciones y noticias. Nos podes encontrar como MetalStretch</p>
106+
<p>Seguinos para obtener informacion de nuestra actividad, novedades, promosciones y noticias. Nos podes encontrar como <span>MetalStretch</span></p>
77107
<div class="social-links">
78108
<a href="https://twitter.com/hashtag/mecanizados" target="_blank" class="icono-footer"><i class="fab fa-twitter-square"></i></i></a>
79109
<a href="https://www.facebook.com/ingmecanizado/about/?ref=page_internal" target="_blank" class="icono-footer"><i class="fab fa-facebook-square"></i></a>
@@ -85,7 +115,7 @@ <h4>Redes Sociales</h4>
85115
</div>
86116
</div>
87117
</div>
88-
<div class="end-footer">&copy; Copyright <strong><span>Metal Stretch</span></strong> todos los derechos reservados. Diseñado por <a href="https://www.github.com/Gastoncorvata/coderhouse"> Gaston Corvalan <i class="fab fa-github"></i></a></div>
118+
<div class="end-footer"><span>&copy;</span> Copyright <strong><span>Metal Stretch</span></strong> todos los derechos reservados. Diseñado por <a href="https://www.github.com/Gastoncorvata/coderhouse"> Gaston Corvalan <i class="fab fa-github"></i></a></div>
89119
</footer>
90120
<script src="./js/main.js"></script>
91121
<script src="https://kit.fontawesome.com/16b42e81f7.js" crossorigin="anonymous"></script>

‎css/styles.css

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎img/bg3-img.jpg

87.1 KB
Loading

‎index.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -81,12 +81,12 @@ <h4>Mapa del Sitio</h4>
8181
<li><a href="./nosotros.html">Nosotros</a></li>
8282
<li><a href="./productos.html">Productos</a></li>
8383
<li><a href="./maquinas.html">Maquinas</a></li>
84-
<li><a href="./contacto.html">contacto</a></li>
84+
<li><a href="./contacto.html">Contacto</a></li>
8585
</ul>
8686
</div>
8787
<div class="col-4 footer-redes">
8888
<h4>Redes Sociales</h4>
89-
<p>Seguinos para obtener informacion de nuestra actividad, novedades, promosciones y noticias. Nos podes encontrar como MetalStretch</p>
89+
<p>Seguinos para obtener informacion de nuestra actividad, novedades, promosciones y noticias. Nos podes encontrar como <span>MetalStretch</span></p>
9090
<div class="social-links">
9191
<a href="https://twitter.com/hashtag/mecanizados" target="_blank" class="icono-footer"><i class="fab fa-twitter-square"></i></i></a>
9292
<a href="https://www.facebook.com/ingmecanizado/about/?ref=page_internal" target="_blank" class="icono-footer"><i class="fab fa-facebook-square"></i></a>
@@ -98,7 +98,7 @@ <h4>Redes Sociales</h4>
9898
</div>
9999
</div>
100100
</div>
101-
<div class="end-footer">&copy; Copyright <strong><span>Metal Stretch</span></strong> todos los derechos reservados. Diseñado por <a href="https://www.github.com/Gastoncorvata/coderhouse"> Gaston Corvalan <i class="fab fa-github"></i></a></div>
101+
<div class="end-footer"><span>&copy;</span> Copyright <strong><span>Metal Stretch</span></strong> todos los derechos reservados. Diseñado por <a href="https://www.github.com/Gastoncorvata/coderhouse"> Gaston Corvalan <i class="fab fa-github"></i></a></div>
102102
</footer>
103103
<script src="./js/main.js"></script>
104104
<script src="https://kit.fontawesome.com/16b42e81f7.js" crossorigin="anonymous"></script>

‎maquinas.html

Lines changed: 42 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -39,10 +39,10 @@
3939
<h2 class="text-h2">Corte por Agua</h2>
4040
</div>
4141
<section class="row">
42-
<div class="col-sm-12 col-md-6 col-lg-6">
43-
<iframe class="video-maquina" width="500" height="300" src="https://www.youtube.com/embed/dBXo5r4UeQs?start=21" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
42+
<div class="col-sm-12 col-md-12 col-lg-6">
43+
<iframe class="video-maquina" width="470" height="300" src="https://www.youtube.com/embed/dBXo5r4UeQs?start=21" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
4444
</div>
45-
<div class="col-sm-12 col-md-6 col-lg-6">
45+
<div class="col-sm-12 col-md-12 col-lg-6">
4646
<h6 class="text-center">Especificaciones <span>Tecnicas</span></h6>
4747
<table class="table">
4848
<thead>
@@ -97,10 +97,10 @@ <h6 class="text-center">Especificaciones <span>Tecnicas</span></h6>
9797
<h2 class="text-h2">Centro de Mecanizado</h2>
9898
</div>
9999
<section class="row">
100-
<div class="col-sm-12 col-md-6 col-lg-6">
101-
<iframe class="video-maquina" width="500" height="300" src="https://www.youtube.com/embed/SmsRdR3e8dg?start=150" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
100+
<div class="col-sm-12 col-md-12 col-lg-6">
101+
<iframe class="video-maquina" width="470" height="300" src="https://www.youtube.com/embed/SmsRdR3e8dg?start=150" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
102102
</div>
103-
<div class="col-sm-12 col-md-6 col-lg-6">
103+
<div class="col-sm-12 col-md-12 col-lg-6">
104104
<h6 class="text-center">Especificaciones <span>Tecnicas</span></h6>
105105
<table class="table">
106106
<thead>
@@ -158,10 +158,10 @@ <h6 class="text-center">Especificaciones <span>Tecnicas</span></h6>
158158
<h2 class="text-h2">Horno de Sinterizado</h2>
159159
</div>
160160
<section class="row">
161-
<div class="col-sm-12 col-md-6 col-lg-6">
162-
<iframe class="video-maquina" width="500" height="300" src="https://www.youtube.com/embed/dbRxknjTMhY?start=235" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
161+
<div class="col-sm-12 col-md-12 col-lg-6">
162+
<iframe class="video-maquina" width="450" height="300" src="https://www.youtube.com/embed/dbRxknjTMhY?start=235" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
163163
</div>
164-
<div class="col-sm-12 col-md-6 col-lg-6">
164+
<div class="col-sm-12 col-md-12 col-lg-6">
165165
<h6 class="text-center">Especificaciones <span>Tecnicas</span></h6>
166166
<table class="table">
167167
<thead>
@@ -200,7 +200,7 @@ <h6 class="text-center">Especificaciones <span>Tecnicas</span></h6>
200200
</tbody>
201201
</table>
202202
</div>
203-
<div>
203+
<div class="ultimo">
204204
<p class="p-maquinas">
205205
El horno de sinterización puede modificarse según sean los requerimientos particulares del
206206
cliente, lo cual significa que existe un horno a la medida exacta de cada aplicación. La
@@ -221,41 +221,41 @@ <h6 class="text-center">Especificaciones <span>Tecnicas</span></h6>
221221
<div class="row">
222222
<div class="col-12 col-sm-4 footer-contact">
223223
<h3>Metal Stretch</h3>
224-
<address>
225-
<ul>
226-
<li><i class="fas fa-drafting-compass"></i></li>
227-
<li><a href="https://goo.gl/maps/tVqaZk6xgYSntmHb6" target="_blank">Dora Catalinas Fleitas 790, Luis Guillon</a></li>
228-
<li><a href="tel:+5401143679078" target="_blank">TELEFONO +54 (011) 4367-9078</a></li>
229-
<li><a href="https://wa.me/54901168500414" target="_blank">WhatsApp +54 (011) 6850-0414</a></li>
230-
<li><a href="mailto:metalst@gmail.com" target="_blank">metalst@gmail.com</a></li>
231-
</ul>
232-
</address>
233-
</div>
234-
<div class="col-4 footer-links">
235-
<h4>Mapa del Sitio</h4>
236-
<ul>
237-
<li><a href="./index.html">Inicio</a></li>
238-
<li><a href="./nosotros.html">Nosotros</a></li>
239-
<li><a href="./productos.html">Productos</a></li>
240-
<li><a href="./maquinas.html">Maquinas</a></li>
241-
<li><a href="./contacto.html">Contacto</a></li>
242-
</ul>
243-
</div>
244-
<div class="col-4 footer-redes">
245-
<h4>Redes Sociales</h4>
246-
<p>Seguinos para obtener informacion de nuestra actividad, novedades, promosciones y noticias. Nos podes encontrar como MetalStretch</p>
247-
<div class="social-links">
248-
<a href="https://twitter.com/hashtag/mecanizados" target="_blank" class="icono-footer"><i class="fab fa-twitter-square"></i></i></a>
249-
<a href="https://www.facebook.com/ingmecanizado/about/?ref=page_internal" target="_blank" class="icono-footer"><i class="fab fa-facebook-square"></i></a>
250-
<a href="https://www.instagram.com/explore/tags/mecanizado/?hl=es" target="_blank" class="icono-footer"><i class="fab fa-instagram-square"></i></a>
251-
<a href="skype:live:corvata_4?call" target="_blank" class="icono-footer"><i class="fab fa-skype"></i></>
252-
<a href="https://www.linkedin.com/company/mecanizados-s-a-/about/" target="_blank" class="icono-footer"><i class="fab fa-linkedin"></i></a>
253-
</div>
254-
</div>
224+
<address>
225+
<ul>
226+
<li><i class="fas fa-drafting-compass"></i></li>
227+
<li><a href="https://goo.gl/maps/tVqaZk6xgYSntmHb6" target="_blank">Dora Catalinas Fleitas 790, Luis Guillon</a></li>
228+
<li><a href="tel:+5401143679078" target="_blank">TELEFONO +54 (011) 4367-9078</a></li>
229+
<li><a href="https://wa.me/54901168500414" target="_blank">WhatsApp +54 (011) 6850-0414</a></li>
230+
<li><a href="mailto:metalst@gmail.com" target="_blank">metalst@gmail.com</a></li>
231+
</ul>
232+
</address>
233+
</div>
234+
<div class="col-4 footer-links">
235+
<h4>Mapa del Sitio</h4>
236+
<ul>
237+
<li><a href="./index.html">Inicio</a></li>
238+
<li><a href="./nosotros.html">Nosotros</a></li>
239+
<li><a href="./productos.html">Productos</a></li>
240+
<li><a href="./maquinas.html">Maquinas</a></li>
241+
<li><a href="./contacto.html">Contacto</a></li>
242+
</ul>
243+
</div>
244+
<div class="col-4 footer-redes">
245+
<h4>Redes Sociales</h4>
246+
<p>Seguinos para obtener informacion de nuestra actividad, novedades, promosciones y noticias. Nos podes encontrar como <span>MetalStretch</span></p>
247+
<div class="social-links">
248+
<a href="https://twitter.com/hashtag/mecanizados" target="_blank" class="icono-footer"><i class="fab fa-twitter-square"></i></i></a>
249+
<a href="https://www.facebook.com/ingmecanizado/about/?ref=page_internal" target="_blank" class="icono-footer"><i class="fab fa-facebook-square"></i></a>
250+
<a href="https://www.instagram.com/explore/tags/mecanizado/?hl=es" target="_blank" class="icono-footer"><i class="fab fa-instagram-square"></i></a>
251+
<a href="skype:live:corvata_4?call" target="_blank" class="icono-footer"><i class="fab fa-skype"></i></>
252+
<a href="https://www.linkedin.com/company/mecanizados-s-a-/about/" target="_blank" class="icono-footer"><i class="fab fa-linkedin"></i></a>
255253
</div>
256254
</div>
257255
</div>
258-
<div class="end-footer">&copy; Copyright <strong><span>Metal Stretch</span></strong> todos los derechos reservados. Diseñado por <a href="https://www.github.com/Gastoncorvata/coderhouse"> Gaston Corvalan <i class="fab fa-github"></i></a></div>
256+
</div>
257+
</div>
258+
<div class="end-footer"><span>&copy;</span> Copyright <strong><span>Metal Stretch</span></strong> todos los derechos reservados. Diseñado por <a href="https://www.github.com/Gastoncorvata/coderhouse"> Gaston Corvalan <i class="fab fa-github"></i></a></div>
259259
</footer>
260260
<script src="./js/main.js"></script>
261261
<script src="https://kit.fontawesome.com/16b42e81f7.js" crossorigin="anonymous"></script>

0 commit comments

Comments
 (0)