-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
317 lines (246 loc) · 11.3 KB
/
index.html
File metadata and controls
317 lines (246 loc) · 11.3 KB
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
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
<!doctype html>
<html lang="en-gb"><!--<![endif]-->
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Reflex de Centro America S.A.</title>
<meta name="keywords" content="" /><meta name="description" content="" /><!-- Favicon -->
<link href="images/favicon.ico" rel="shortcut icon" /><!-- this styles only adds some repairs on idevices --><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><!-- Google fonts - witch you want to use - (rest you can just remove) -->
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,800,700italic,700,600italic,600,400italic,300italic,300|Roboto:100,300,400,500,700&subset=latin,latin-ext" rel="stylesheet" type="text/css" /><!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--><!-- ######### CSS STYLES ######### -->
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/font-awesome/css/font-awesome.min.css" rel="stylesheet" /><!-- responsive devices styles -->
<link href="css/responsive-leyouts.css" media="screen" rel="stylesheet" type="text/css" /><!-- sticky menu -->
<link href="js/sticky-menu/core.css" rel="stylesheet" /><!-- REVOLUTION SLIDER -->
<link href="js/revolutionslider/css/fullwidth.css" media="screen" rel="stylesheet" type="text/css" />
<link href="js/revolutionslider/rs-plugin/css/settings.css" media="screen" rel="stylesheet" type="text/css" /><!-- jquery jcarousel -->
<link href="js/jcarousel/skin.css" rel="stylesheet" type="text/css" />
<link href="js/jcarousel/skin2.css" rel="stylesheet" type="text/css" /><!-- tabs css -->
<link href="js/tabs/tabs.css" rel="stylesheet" type="text/css" /><!-- testimonials -->
<link href="js/testimonials/fadeeffect.css" media="all" rel="stylesheet" type="text/css" />
</head>
<body bis_status="ok">
<div class="wrapper_boxed">
<div class="site_wrapper"><!-- HEADER -->
<header id="header">
<div id="trueHeader">
<div class="wrapper">
<div class="container"><!-- Logo -->
<div class="one_fourth"><a href="https://www.reflexsa.com"><img alt="reflexsa" src="images/logo.png" /></a></div>
<!-- Menu -->
<div class="three_fourth last">
<nav class="access" id="access" role="navigation">
<div class="menu" id="menu">
<ul id="tiny">
<li><a class="active" href="index.html">Inicio</a></li>
<li><a href="nosotros.html">Nosotros</a></li>
<li class="last"><a href="contactenos.html">Contacto</a></li>
</ul>
</div>
</nav>
<!-- end nav menu --></div>
</div>
</div>
</div>
</header>
<!-- end header -->
<div class="clearfix"></div>
<!-- Slider
======================================= -->
<div class="container_full">
<div class="fullwidthbanner-container">
<div class="fullwidthbanner">
<ul><!-- SLIDE 1 -->
<li data-slotamount="9" data-thumb="slide" data-transition="fade"><img alt="" src="images/sliders/revolution/in_main.png" />
<div class="caption lft big_white" data-easing="easeOutExpo" data-speed="900" data-start="700" data-x="10" data-y="90">Somos su opcion numero <strong> UNO </strong> en :</div>
<div class="caption lft large_text_two" data-easing="easeOutExpo" data-speed="900" data-start="1300" data-x="10" data-y="149">Solucion de empaques plasticos</div>
<div class="caption lfb h_line" data-easing="easeOutExpo" data-speed="900" data-start="2000" data-x="10" data-y="214"></div>
<div class="caption lfb small_text" data-easing="easeOutExpo" data-speed="900" data-start="2700" data-x="10" data-y="238">REFLEX S.A. es una empresa dedicada a sumunistrar empaques<br />
plasticos para la pequeña, mediana y gran industria nacional<br />
e internacional</div>
<div class="caption lfb h_line" data-easing="easeOutExpo" data-speed="900" data-start="3400" data-x="10" data-y="344"></div>
<div class="caption lfb" data-easing="easeOutExpo" data-speed="900" data-start="4000" data-x="10" data-y="378"><a class="button_slider_02" href="contactenos.html"> Contáctenos</a></div>
</li>
</ul>
</div>
</div>
</div>
<!-- end slider -->
<div class="clearfix"></div>
<div class="clearfix mar_top7"></div>
<div class="features_section1">
<div class="container">
<div class="one_third">
<h2>Excelentes Productos<br />
<em>Los mejores productos del mercado</em></h2>
<p>Nuestra materia prima es importada desde Italia y Sur America</p>
</div>
<!-- end section -->
<div class="one_third">
<h2>Bajos precios<br />
<em>Los mejores precios del mercado</em></h2>
<p>Contamos con los mejores precios del mercado y la mejor calidad de los productos</p>
</div>
<!-- end section -->
<div class="one_third last">
<h2>Personal Capacitado<br />
<em>Personal altamente capacitado </em></h2>
<p>Nuestro personal es de altamente calificado y se rige bajo estrictas normas de calidad</p>
</div>
<!-- end section --></div>
</div>
<div class="clearfix mar_top6"></div>
<div class="features_section2">
<div class="container">
<div class="mar_top6"></div>
<div class="one_half left"><img alt="" src="images/empaques.png" /></div>
<!-- end section -->
<div class="one_half last">
<ul>
<li>
<div class="icon"></div>
<h2>Productos de Calidad</h2>
<p>Todos nuestros productos son de alta calidad con material importado de brasil a un excelente precio</p>
</li>
<li>
<div class="icon"></div>
<h2><a href="nosotros.html">Mercado nacional e Internacional</a></h2>
<p>Distribuimos nuestros productos en Costa Rica, Panama y Nicaragua</p>
</li>
<li>
<div class="icon"></div>
<h2>RECICLAMOS</h2>
<p>Nuestra empresa esta de la importancia del medio ambiente, por eso reciclamos y contribuimos con la naturaleza.</p>
</li>
</ul>
</div>
<!-- end section -->
<div class="mar_top3"></div>
</div>
</div>
<div class="clearfix"></div>
<!-- end features section 3 --><!-- end people says --><!-- end clients -->
<div class="punch_text03">
<div class="container">
<div class="left">
<h1>Todos nuestros productos son de alta<strong> calidad</strong> <em>Asi logramos satisfacer las necesidades de nuestros clientes </em></h1>
</div>
<!-- end left -->
<div class="right"><a href="contactenos.html"> Contactenos</a></div>
<!-- end right --></div>
</div>
<div class="clearfix"></div>
<!-- Footer
======================================= -->
<div class="footer">
<div class="clearfix mar_top7"></div>
<div class="container">
<div class="one_fourth">
<ul class="contact_address">
<li> ventas@reflexsa.com</li>
<li> (506) 2249-5252</li>
<li> (506) 8613-5252</li>
<li><img alt="" src="images/footer-wmap.png" /></li>
</ul>
</div>
<!-- end address section -->
<div class="one_fourth">
<h2>Información</h2>
<ul class="list">
<li><a href="index.html">Inicio</a></li>
<li><a href="nosotros.html">Nosotros</a></li>
<li><a href="contactenos.html">Contacto</a></li>
</ul>
</div>
</div>
<div class="clearfix mar_top6"></div>
</div>
<div class="copyright_info">
<div class="container">
<div class="one_half"><b>Copyright © Reflex de CentroAmerica S.A.</b></div>
</div>
</div>
<!-- end copyright info --><a class="scrollup" href="#">Scroll</a><!-- end scroll to top of the page--></div>
</header>
</div>
<!-- ######### JS FILES ######### --><!-- get jQuery from the google apis --><script type="text/javascript" src="js/universal/jquery.js"></script><!-- main menu --><script type="text/javascript" src="js/mainmenu/ddsmoothmenu.js"></script><script type="text/javascript" src="js/mainmenu/jquery-1.7.1.min.js"></script><script type="text/javascript" src="js/mainmenu/selectnav.js"></script><!-- jquery jcarousel --><script type="text/javascript" src="js/jcarousel/jquery.jcarousel.min.js"></script><!-- REVOLUTION SLIDER --><script type="text/javascript" src="js/revolutionslider/rs-plugin/js/jquery.themepunch.revolution.min.js"></script><script type="text/javascript" src="js/mainmenu/scripts.js"></script><!-- tabs script --><script type="text/javascript" src="js/tabs/tabs.js"></script><!-- scroll up --><script type="text/javascript">
$(document).ready(function(){
$(window).scroll(function(){
if ($(this).scrollTop() > 100) {
$('.scrollup').fadeIn();
} else {
$('.scrollup').fadeOut();
}
});
$('.scrollup').click(function(){
$("html, body").animate({ scrollTop: 0 }, 500);
return false;
});
});
</script><!-- jquery jcarousel --><script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel();
});
jQuery(document).ready(function() {
jQuery('#mycarouseltwo').jcarousel();
});
jQuery(document).ready(function() {
jQuery('#mycarouselthree').jcarousel();
});
jQuery(document).ready(function() {
jQuery('#mycarouselfour').jcarousel();
});
</script><!-- REVOLUTION SLIDER --><script type="text/javascript">
var tpj=jQuery;
tpj.noConflict();
tpj(document).ready(function() {
if (tpj.fn.cssOriginal!=undefined)
tpj.fn.css = tpj.fn.cssOriginal;
var api = tpj('.fullwidthbanner').revolution(
{
delay:9000,
startwidth:1170,
startheight:500,
onHoverStop:"on", // Stop Banner Timet at Hover on Slide on/off
thumbWidth:100, // Thumb With and Height and Amount (only if navigation Tyope set to thumb !)
thumbHeight:50,
thumbAmount:3,
hideThumbs:200,
navigationType:"none", // bullet, thumb, none
navigationArrows:"solo", // nexttobullets, solo (old name verticalcentered), none
navigationStyle:"round", // round,square,navbar,round-old,square-old,navbar-old, or any from the list in the docu (choose between 50+ different item), custom
navigationHAlign:"center", // Vertical Align top,center,bottom
navigationVAlign:"bottom", // Horizontal Align left,center,right
navigationHOffset:30,
navigationVOffset:-40,
soloArrowLeftHalign:"left",
soloArrowLeftValign:"center",
soloArrowLeftHOffset:0,
soloArrowLeftVOffset:0,
soloArrowRightHalign:"right",
soloArrowRightValign:"center",
soloArrowRightHOffset:0,
soloArrowRightVOffset:0,
touchenabled:"on", // Enable Swipe Function : on/off
stopAtSlide:-1, // Stop Timer if Slide "x" has been Reached. If stopAfterLoops set to 0, then it stops already in the first Loop at slide X which defined. -1 means do not stop at any slide. stopAfterLoops has no sinn in this case.
stopAfterLoops:-1, // Stop Timer if All slides has been played "x" times. IT will stop at THe slide which is defined via stopAtSlide:x, if set to -1 slide never stop automatic
hideCaptionAtLimit:0, // It Defines if a caption should be shown under a Screen Resolution ( Basod on The Width of Browser)
hideAllCaptionAtLilmit:0, // Hide all The Captions if Width of Browser is less then this value
hideSliderAtLimit:0, // Hide the whole slider, and stop also functions if Width of Browser is less than this value
fullWidth:"on",
shadow:0 //0 = no Shadow, 1,2,3 = 3 Different Art of Shadows - (No Shadow in Fullwidth Version !)
});
});
</script><script type="text/javascript" src="js/sticky-menu/core.js"></script><!-- testimonials --><script type="text/javascript">//<![CDATA[
$(window).load(function(){
$(".controlls li a").click(function(e) {
e.preventDefault();
var id = $(this).attr('class');
$('#slider div:visible').fadeOut(500, function() {
$('div#' + id).fadeIn();
})
});
});//]]>
</script></div>
</body>
</html>