-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathabout.html
135 lines (111 loc) · 6.08 KB
/
about.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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="images/Favicon.ico">
<title>Home</title>
<!--<link rel="stylesheet" href="style\style.css"> -->
<script src="https://kit.fontawesome.com/221d33e826.js" crossorigin="anonymous"></script>
<!-- bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<!-- CSS -->
<link rel="stylesheet" href="CSS/estilos.css">
</head>
<body>
<main id="main-content">
<header class="header">
<div class="logo">El Ferretongo</div>
<!-- acá va la lista del navbar -->
<nav class="navbar">
<ul class="list-navbar">
<li><a href="index.html"><i class="fa-solid fa-house"></i></a></li>
<li><a href="cerrajeria.html">Cerrajería</a></li>
<li><a href="herramientas.html">Herramientas</a></li>
<li><a href="Buloneria.html">Bulonería</a></li>
</ul>
</nav>
</header>
</main>
<section class="top">
<!-- <img src="images/about.png"" width="100%"> -->
<div class="nosotros">
<div class="nosotros_flex">
<h2>La calidad que hace la diferencia.</h2>
<p>Nosotros ofrecemos siempre soluciones adecuadas a las demandas más
exigentes de los usuarios, realizando importantes inversiones en I + D
para ayudar a generar ideas innovadoras destinadas a revolucionar los
procesos abrasivos.
Este fuerte compromiso con la innovación garantiza que sus productos
se comercialicen siempre ofreciendo beneficios y mejoras a todos los clientes.</p>
<hr>
<img src="https://img.freepik.com/foto-gratis/creacion-bicicletas-taller_23-2148866654.jpg?w=1380&t=st=1697644317~exp=1697644917~hmac=f4f491ca42934cfc9562c5147f8b44d65e8ef2b7d9f9c16f388c053a3a718ea9" width="100%">
<h2>Haciendo historia...</h2>
<p>En el año 2023 la empresa pisó con una fuerte presencia en todos los
continentes a través de fábricas en 27 países y empleando a
aproximadamente 11.000 personas. Es el único fabricante
internacional de productos abrasivos que proporciona tres
ipos principales de abrasivos (resinoides, productos vitrificados
y productos diamantados).
Todo esto gracias a su tecnología, líneas de productos completas
e innovadoras, la reputación y credibilidad con sus empleados y clientes.</p>
<hr>
<img src="https://adevinta.com/app/uploads/sites/2/2022/02/innovacio%CC%81n-abierta_web-2048x1152.jpg" width="100%">
<h2>Proporcionando soluciones especiales en innovación</h2>
<p>“La innovación abierta presupone que las empresas pueden y
deben utilizar por igual ideas y caminos internos y externos
al mercado a medida que perciban avances en su innovación. Los
procesos de innovación
abierta combinan ideas internas y externas dentro de plataformas,
arquitecturas y sistemas. Los procesos de innovación abierta hacen
uso de modelos de negocio para definir los requerimientos de estas
arquitecturas y sistemas. Dichos modelos de negocio acceden a ideas
internas y externas para crear valor, al tiempo que definen mecanismos
internos para retener parte de ese valor”</p>
<p>El Ferretongo adopta un enfoque innovador en las operaciones
comerciales, y está comprometida con la mejora continua de los
procesos y servicios, crear, evaluar y explorar nuevas ideas
para ayudar de forma continua el valor adicional en relación
con sus clientes.</p>
<!-- personas aleatorias -->
<section class="about">
<h2>Nuestra gente</h2>
<div class="random">
<img class="rand" id="foto" src="" alt="imagen">
<p>Me llamo: <span id="nombre" ></span>
<span id="apellido"></span>
</p>
<div class="datos">
<p>Correo: <span id="correo"></span></p>
<p>Celular: <span id="telefono"></span></p>
</div>
</div>
<div class="boton">
<button id="boton">Conoce al resto del equipo</button>
</div>
<script src="JS/app.js"></script>
</section>
</div>
</section>
<footer style="background-color: rgb(13, 126, 101);text-align: center; ">
<div class="redes">
<a href="https://twitter.com/?lang=en" target="_blank"> <i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="https://www.facebook.com/" target="_blank"> <i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="https://www.instagram.com" target="blank"> <i class="fa fa-instagram" aria-hidden="true"></i></a>
</div>
<div>
<ul class="list-footer">
<li><a href="about.html">Nosotros</a></li>
<li><a href="contact.html">Contacto</a></li>
<li><a href="location.html">Sucursales</a></li>
</ul>
</div>
<p>Derechos reservados @2023</p>
</footer>
<!-- Bootstrap JS-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"></script>
</body>
</html>