-
Notifications
You must be signed in to change notification settings - Fork 0
/
estandar.html
166 lines (159 loc) · 9.9 KB
/
estandar.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
<!DOCTYPE html>
<html lang="en">
<head>
<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="keywords" content="HERRAMIENTAS QUIRURGICAS, FIJACION DE IMPLANTES, PINZAS QUIRURGICAS, PLACAS DE TITANIO, CRANEOTOMIA">
<meta name="description" content="Descubrí nuestra amplia variedad de instrumental quirurgico de alta calidad. Herramientas de titanio e insumos fabricados por impresion 3d">
<title>Linea estandar - Osteoblast</title>
<link rel="shortcut icon" href="images/Logo-solo.jpg" type="image/x-icon">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<link rel="stylesheet" href="css/main.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,300&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;600&display=swap" rel="stylesheet">
</head>
<body>
<div class="mainBodySTD">
<header class="sticky-lg-top bg--light5">
<div class="logo">
<img src="images/osteoblast_logo.png" alt="logo">
</div>
<!--menu de navegacion-->
<nav class="menu">
<ul>
<li class="transicion__scaleUp--nav"><a class="menu__pagina" href="index.html">Inicio</a></li>
<li class="transicion__scaleUp--nav"><a class="menu__pagina" href="productos.html">Productos a medida</a>
<ul id="menuProductos">
<li><a href="productos.html">Simulacion</a></li>
<li><a href="productos.html">Craneoplastias</a></li>
<li><a href="productos.html">Biomodelos</a></li>
<li><a href="productos.html">Guias quirurgicas</a></li>
</ul></li>
<li class="transicion__scaleUp--nav"><a class="menu__pagina--active" href="estandar.html">Linea STD</a>
<ul id="menuEstandar">
<li><a href="estandar.html">Tornillos</a></li>
<li><a href="estandar.html">Placas</a></li>
<li><a href="estandar.html">Cierres</a></li>
<li><a href="estandar.html">Suturas</a></li>
<li><a href="estandar.html">Parches</a></li>
<li><a href="estandar.html">Drenajes</a></li>
</ul></li>
<li class="transicion__scaleUp--nav"><a class="menu__pagina" href="relaciones.html">Relaciones</a>
<li class="transicion__scaleUp--nav"><a class="menu__pagina" href="contacto.html">Contacto</a></li>
</ul>
</nav>
</header>
<section class="introSeccion ">
<h1 class="introSeccion__titulo animate__animated animate__fadeInDown">Catalogo estandar</h2>
<h3 class="introSeccion__subtitulo animate__animated animate__fadeInDown">Tenemos la mejor calidad en metales</h3>
<p class="introSeccion__p animate__animated animate__fadeInDown">Nuestro equipamiento se fabrica en una aleacion de titanio de alta resistencia y con la maxima biocompatibilidad para la implantacion en el cuerpo humano.</p>
<div id="carouselExampleControls" class="animacion__aparecer--3s elCarousel carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="elCarousel__img" src="images/Metal.jpg" class="d-block w-100" alt="corte en metal">
</div>
<div class="carousel-item">
<img class="elCarousel__img" src="https://images.unsplash.com/photo-1529255848089-c4e456d166e0?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=635&q=80" class="d-block w-100" alt="tornillos de titanio">
</div>
<div class="carousel-item">
<img class="elCarousel__img" src="https://images.unsplash.com/photo-1561328635-c1c6ad1753b0?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=957&q=80" class="d-block w-100" alt="herramientas quirurgicas">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</section>
<div class="container-fluid">
<div class="row">
<section class="col-md-8 secGaleriaSTD">
<h4>Elegi entre nuestra amplia linea de productos</h4>
<ul class="container secGaleriaSTD__galeria">
<div class="row justify-content-center">
<li class="col-md secGaleriaSTD__fotoGaleria">
<img class="transicion__rotate--1 border--negro " src="images/placas.jpg" alt="Placas quirurgicas de titanio rectas">
<h5>Placas rectas</h5>
<p>Placas de titanio en varios diametros y largos. Por ejemplo, recta diam 2.0x 8 orificios </p>
</li>
<li class="col-md secGaleriaSTD__fotoGaleria">
<img class="transicion__rotate--1 border--negro" src="images/Star1.jpg" alt="Placas quirurgicas de titanio redondas">
<h5>Placas de craneotomia</h5>
<p>Placas de titanio para craneotomia en varios diametros y tamaños</p>
</li>
<li class="col-md secGaleriaSTD__fotoGaleria">
<img class="transicion__rotate--1 border--negro" src="images/tornillos.jpg" alt="Tornillos de titanio">
<h5>Tornillos</h5>
<p>Tornillos de titanio en diametros 1.5mm y 2.0mm</p>
</li>
</div>
<div class="row justify-content-center">
<li class="col-md secGaleriaSTD__fotoGaleria">
<img class="transicion__rotate--1 border--negro" src="images/cizalla.jpg" alt="Cizalla quirurgica">
<h5>Cizalla</h5>
<p>Cizalla quirurgica chica</p>
</li>
<li class="col-md secGaleriaSTD__fotoGaleria">
<img class="transicion__rotate--1 border--negro" src="images/pinzas.jpg" alt="Pinzas">
<h5>Pinzas</h5>
<p>Pinza de algodon y pinza plana para placas y tornillos</p>
</li>
<li class="col-md secGaleriaSTD__fotoGaleria">
<img class="transicion__rotate--1 border--negro" src="images/mangos.jpg" alt="Mango de atornillador">
<h5>Mangos</h5>
<p>Mango de atornillador fijo y mango movil.</p>
</li>
</div>
<div class="row justify-content-center">
<li class="col-md secGaleriaSTD__fotoGaleria">
<img class="transicion__rotate--1 border--negro" src="images/cfix.jpg" alt="Craneofix">
<h5>Craneofix</h5>
<p>Cierres craneales rapidos en tamaño chico, mediano y grande</p>
</li>
<li class="col-md secGaleriaSTD__fotoGaleria">
<img class="transicion__rotate--1 border--negro" src="images/mallaTitanio.jpg" alt="Malla quirurgica">
<h5>Malla quirurgica</h5>
<p>Malla de titanio para craneoplastia diametro 2.0mm. Tamaño 100x150x0.6mm</p>
</li>
<li class="col-md secGaleriaSTD__fotoGaleria">
<img class="transicion__rotate--1 border--negro" src="images/mallaorbital.jpg" alt="Malla orbital">
<h5>Malla orbital</h5>
<p>Malla orbital para piso en diametro 2.0</p>
</li>
</div>
<div class="row">
<div>
<h5>Todos nuestros productos son de aleacion titanio de maxima calidad</h5>
</div>
</div>
</ul>
</section>
<aside class="banner col-md-4">
<h3>Titanio de maxima calidad</h3>
<p> La tecnologia DMLS brinda la posibilidad de superar la terminacion de nuestros productos a su maxima calidad. </p>
<img src="images/3Dprint.jpg" alt="">
<h3>Somos representanes oficiales</h3>
<p>Con nosotros podes comprar las mejores marcas de LatinoAmerica</p>
<div class="banner__imgMarca">
<img src="images/MARCA1.jpg" alt="Marca1">
<img src="images/MARCA2.jpg" alt="Marca2">
<img src="images/MARCA3.jpg" alt="Marca3">
</div>
</aside>
</div> <!-- Cierra row -->
</div> <!-- Cierra container-fluid -->
<footer>
<p>© 2021 Osteoblast, todos los derechos reservados. <br> Planta SGO <br> Helman 157 <br> Santiago del Estero, Argentina</p>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>