-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (112 loc) · 5.23 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="estilo/estilo.css">
<link rel="stylesheet" href="estilo/mediaqueries.css">
<link rel="stylesheet" href="estilo/animate.css">
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<link rel="shortcut icon" type="image/png" href="Img/Favicon.png">
<title>Inicio | Kromos Laboratorio </title>
</head>
<body class="animated fadeIn" >
<header>
<a href="Home.html"><img class="animated fadeIn" src="Img\Logo.png" alt="LogoKromos"></a>
<div class="wrapper">
<div class="container">
<div class="hamburger_btn">
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
</div>
<nav class="menu">
<button><a href="Home.html" class="selected">Inicio </a></button>
<button><a href="Nosotros.html">Nosotros</a></button>
<button><a href="Estudios.html">Estudios</a></button>
<button><a href="ServiciosATerceros.html">Servicios a terceros</a></button>
<button><a href="Contacto.html">Contacto</a></button>
</nav>
</div>
</div>
</header>
<main>
<div class="slideshow-container">
<div class="mySlides fade">
<img src="Img\carousel1.png" alt="microscopios">
<div class="homediv1 animated fadeInLeft">
<p>45 años de experiencia</p><p>prestando servicios de citogenética</p>
</div>
</div>
<div class="mySlides fade">
<img src="Img\carousel3.png" alt="mic">
<div class="homediv1 animated fadeInLeft">
<p>Calidad y seguridad</p><p>en cada paso del procesamiento y el análisis</p>
</div>
</div>
<div class="mySlides fade">
<img src="Img\carousel2.png" alt="familia">
<div class="homediv1 animated fadeInLeft">
<p>Resultados confiables</p><p>para tu tranquilidad y la de tu familia</p>
</div>
</div>
</div>
<article class='intro'>
<p class='wow fadeIn' data-wow-duration='2s'>Somos una empresa especializada en citogenética,</p>
<p class='wow fadeIn' data-wow-duration='2s'>con más de 50.000 estudios realizados hasta el momento.</p>
</article>
<article class='titulo wow fadeIn'data-wow-offset="10"data-wow-duration='2s'>
<p>En Kromos te ofrecemos:</p>
<br>
</article>
<article class='ofrecemos'>
<div class='ofrecemos2'>
<img class='wow fadeInDown' data-wow-duration='2s' src="Img\ofrecemos1.png" alt="Microscopio">
<p>Excelencia</p><p>técnica</p>
</div>
<div class='ofrecemos2'>
<img class='wow fadeInDown' data-wow-duration='2s' data-wow-delay='0.5s' src="Img\ofrecemos2.png" alt="Probetas">
<p>Altos estándares</p><p>de calidad</p>
</div>
<div class='ofrecemos2'>
<img class='wow fadeInDown' data-wow-duration='2s' data-wow-delay='1s' src="Img\ofrecemos3.png" alt="Precisión">
<p>Precisión en</p><p>los resultados</p>
</div>
<div class='ofrecemos2'>
<img class='wow fadeInDown' data-wow-duration='2s' data-wow-delay='1.5s' src="Img\ofrecemos4.png" alt="Notepad">
<p>Asesoramiento</p><p>personalizado</p>
</div>
</article>
<article class='turnos wow fadeIn'>
<img src="Img\extracciones.png" alt="extracciones">
<div class="turnos1 wow fadeIn">
<p class="wow fadeInDown"data-wow-duration='2s'>¿Necesitás un turno?</p>
<p class="wow fadeInDown"data-wow-duration='2s'><a href="Contacto.html" >Consultá nuestros horarios de atención</a></p>
</div>
</article>
</main>
<footer class='footer1 wow fadeIn'>
<div>
<img src="Img/Phone.png" alt="telefono">
<a href="tel:75157594">7515-7594</a>
</div>
<div>
<img src="Img/Email.png" alt="email">
<a href="mailto:[email protected]">[email protected]</a>
</div >
<div>
<img src="Img/IG_logo.png" alt="instagram">
<a href="https://www.instagram.com/kromoslaboratorio/?hl=es-la" target="_blank">@kromoslaboratorio</a>
</div>
</div>
</footer>
<footer class='footer2 wow fadeIn'>
<p>© 2024 Kromos Laboratorio de Citogenética | Icons made by <a href="https://www.flaticon.com/authors/freepik" title="Freepik" target="_blank">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon" target="_blank">Flaticon</a> | Web design & development by <a href="https://www.linkedin.com/in/marina-ziembar/" target="_blank">Mar!na</a></p>
</footer>
<script src="./estilo/menu.js"></script>
<script src='./estilo/slideshow.js'></script>
<script src="./estilo/wow.min.js"></script>
<script> new WOW().init();</script>
</body>
</html>