-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
142 lines (141 loc) · 9.27 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="description" content="Biointek: Venta de equipos biomédicos, mantenimiento correctivo y preventivo." />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link type="image/x-icon" href="public/image/codeico.png" rel="icon" />
<title>Biointek S.A.S</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
<link rel="stylesheet" href="public/css/style.css" />
</head>
<body>
<nav class="menu">
<div class="nav-wrapper">
<a href="#" class="menu__content-image right">
<img src="./public/image/biointek.png" alt="BiointekSAS" class="menu__image" />
</a>
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
<ul class="left hide-on-med-and-down">
<a class="menu__list__link-item" href="#header">
<li class="menu__list__item">INICIO</li>
</a>
<a class="menu__list__link-item" href="#biointek">
<li class="menu__list__item">QUIENES SOMOS</li>
</a>
<a class="menu__list__link-item" href="#services">
<li class="menu__list__item">SERVICIOS</li>
</a>
<a class="menu__list__link-item" href="#contact">
<li class="menu__list__item">CONTACTO</li>
</a>
</ul>
<ul class="side-nav" id="mobile-demo">
<a class="menu__list__link-item" href="#header">
<li class="menu__list__item">INICIO</li>
</a>
<a class="menu__list__link-item" href="#biointek">
<li class="menu__list__item">QUIENES SOMOS</li>
</a>
<a class="menu__list__link-item" href="#services">
<li class="menu__list__item">SERVICIOS</li>
</a>
<a class="menu__list__link-item" href="#contact">
<li class="menu__list__item">CONTACTO</li>
</a>
</ul>
</div>
</nav>
<header id="header" class="header z-depth-1">
<div class="header__blanket"></div>
<figure class="header__container-logo">
<img src="./public/image/biointek.png" alt="biointek" class="header__container-logo__logo" />
</figure>
<h3 class="header__text">SOMOS SOLUCIÓN <span class="text__bio">BIO</span>MÉDICA</h2>
<h3 class="header__text">SOMOS <span class="text__bio">BIO</span>INTEK</h2>
</header>
<section class="mission row">
<img src="./public/image/mission.png" alt="mission" class="mission__icon col l2 offset-l2 m4 offset-m1 s6 offset-s3" />
<div class="mission__content-description col s12 l6 m6">
<h4 class="mission__title"><span class="text__bio">BIO</span>INTEK: INGENIERÍA <span class="text__bio">BIO</span>MÉDICA</h3>
<p class="mission__description"><strong>Nuestra misión es</strong> mejorar la calidad del servicio y disminuir los costos en las instituciones del sector salud a través del adecuado mantenimiento de los equipos biomédicos, brindándoles acompañamiento integral en la adquisición de equipos, repuestos y accesorios biomédicos.</p>
</div>
</section>
<section id="biointek" class="biointek z-depth-1 row">
<p class="biointek__vission col l6 offset-l3 m8 offset-m2 s10 offset-s1"><strong>BIOINTEK S.A.S</strong> se proyecta en los próximos años como la empresa líder en mantenimiento de equipos biomédicos en la región caribe, caracterizados por brindar soluciones efectivas y eficientes a todas las instituciones del sector salud.</p>
<h4 class="biointek__title col s10 offset-s1">OBJETIVOS DE CALIDAD</h4>
<ul class="biointek__goals-list col s10 offset-s1">
<li class="biointek__goals col m6 s12"><i class="material-icons biointek__icon">done</i>Garantizar la satisfacción de las partes interesadas.</li>
<li class="biointek__goals col m6 s12"><i class="material-icons biointek__icon">done</i>Cumplir con los requisitos del sistema de gestión de la calidad.</li>
<li class="biointek__goals col m6 s12"><i class="material-icons biointek__icon">done</i>Aumentar la rentabilidad de la empresa.</li>
<li class="biointek__goals col m6 s12"><i class="material-icons biointek__icon">done</i>Garantizar la mejora de los procesos institucionales.</li>
<li class="biointek__goals col m6 s12"><i class="material-icons biointek__icon">done</i>Aumentar la demanda de nuestros servicios.</li>
<li class="biointek__goals col m6 s12"><i class="material-icons biointek__icon">done</i>Mejorar las competencias del personal de la organización.</li>
<li class="biointek__goals col m6 s12"><i class="material-icons biointek__icon">done</i>Reducir el número de peticiones, quejas y reclamos.</li>
</ul>
<div class="biointek__content-policies col l8 offset-l2 m10 offset-m1 s10 offset-s1">
<img src="./public/image/policies.png" alt="policies" class="biointek__policies__image col m3 s6 offset-s3">
<div class="biointek__policies col m9 s12">
<h6 class="biointek__policies__title">POLÍTICAS DE CALIDAD</h6>
<p class="biointek__policies__description">La alta gerencia de <strong>BIOINTEK S.A.S</strong> se compromete a designar los recursos necesarios para el adecuado cumplimiento de los requisitos del sistema de gestión de la calidad teniendo como objetivo satisfacer las necesidades de los diferentes grupos de interés y lograr un mejoramiento contínuo en todos los procesos institucionales.</p>
</div>
</div>
</section>
<section id="services" class="services row">
<h4 class="services__title-main col m8 offset-m2 s10 offset-s1">NUESTROS SERVICIOS</h4>
<P class="services__description-main col m8 offset-m2 s10 offset-s1">El principal objetivo de nuestra empresa es prestar un adecuado mantenimiento preventivo y correctivo en las instituciones de salud; realizando un acompañamiento proactivo para disminuir los costos de mantenimiento. Estos son nuestros servicios:</P>
<div class="container col l8 offset-l2 m10 offset-m1 s10 offset-s1">
<article class="services__container col m4 s12">
<i class="material-icons services__icon large">build</i>
<h5 class="services__title">Mantenimiento Correctivo</h5>
<p class="services__description">Nuestros ingenieros están en la capacidad de evaluar las condiciones de cualquier inconveniente presentado en los equipos biomédicos, diagnosticar la falla y encontrar la solución idónea, optimizando costos, tiempo y recursos.</p>
</article>
<article class="services__container col m4 s12">
<i class="material-icons services__icon large">find_replace</i>
<h5 class="services__title">Mantenimiento Preventivo</h5>
<p class="services__description">Prestamos un servicio de mantenimientos preventivos eficientes a los equipos biomédicos, además contamos con todas las herramientas necesarias para verificar las variables críticas en cada equipo biomédico.</p>
</article>
<article class="services__container col m4 s12">
<i class="material-icons services__icon large">shopping_cart</i>
<h5 class="services__title">Venta de Equipos Biomédicos</h5>
<p class="services__description">Ofrecemos gran variedad de equipos y accesorios biomédicos, los cuales cumplen con todas las exigencias del INVIMA, cuentan con precios altamente competitivos en el mercado y alta calidad.</p>
</article>
</div>
</section>
<section id="contact" class="contact row">
<h4 class="contact__title col m8 offset-m2 s10 offset-s1">CONTACTO</h4>
<p class="contact__description col m8 offset-m2 s10 offset-s1">En <strong>BIOINTEK</strong> nuestro deseo es que nuestros clientes reciban la mejor atención posible, para ello es bueno mantener contacto. Si quieres saber que hacemos y como trabajamos, no dudes en comunicarte con nosotros. <i class="material-icons">sentiment_very_satisfied</i></p>
<div class="contact__content col s10 offset-s1">
<div class="contact__map col l6 s12" id="map">
<!-- Aquí va el mapa de google -->
</div>
<div class="contact__data col l6 s12">
<p><strong>Dirección:</strong> Cra 12 #24-54</p>
<p><strong>Teléfonos:</strong> 300 215 6450</p>
<p><strong>E-mail Biointek:</strong> <a href="mailto:[email protected]" target="_blank">[email protected]</a></p>
<p><strong>E-mail Mantenimiento:</strong> <a href="mailto:[email protected]" target="_blank">[email protected]</a></p>
<p>Montería - Córdoba</p>
</div>
</div>
</section>
<footer class="footer">
<p class="footer__created">Created by <a target="_blank" href="http://jfbaquerocelis.github.io/Portafolio/">jfbaquerocelis</a></p>
<div>Icons made by <a target="_blank" href="http://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> from <a target="_blank" href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a target="_blank" href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div>
</footer>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script>
<script>
function initMap() {
var mapDiv = document.getElementById('map');
var map = new google.maps.Map(mapDiv, {
center: {lat: 8.7489739, lng: -75.8825816},
zoom: 5
});
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCbuw1latEHHh969xAXu-pQBXQYFEROPmQ&callback=initMap">
</script>
<script src="public/js/biointek.js"></script>
</body>
</html>