-
Notifications
You must be signed in to change notification settings - Fork 0
/
precios.html
153 lines (119 loc) · 7.02 KB
/
precios.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
<!DOCTYPE html>
<html>
<head>
<!-- Site made with Mobirise Website Builder v2.0, http://mobirise.com -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Mobirise v2.0, mobirise.com">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:700,400&subset=cyrillic,latin,greek,vietnamese">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/animate.css/animate.min.css">
<link rel="stylesheet" href="assets/socicon/css/socicon.min.css">
<link rel="stylesheet" href="assets/mobirise/css/style.css">
<link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
</head>
<body>
<section class="mbr-navbar mbr-navbar--freeze mbr-navbar--absolute mbr-navbar--transparent mbr-navbar--sticky mbr-navbar--auto-collapse" id="menu-0">
<div class="mbr-navbar__section mbr-section">
<div class="mbr-section__container container">
<div class="mbr-navbar__container">
<div class="mbr-navbar__column mbr-navbar__column--s mbr-navbar__brand">
<span class="mbr-navbar__brand-link mbr-brand mbr-brand--inline">
<a class="mbr-brand__logo" href="#"><img class="mbr-navbar__brand-img mbr-brand__img" alt="" src="assets/images/logo-small.png"></a>
<span class="mbr-brand__name"><a href="#"></a></span>
</span>
</div>
<div class="mbr-navbar__hamburger mbr-hamburger text-white"><span class="mbr-hamburger__line"></span></div>
<div class="mbr-navbar__column mbr-navbar__menu">
<nav class="mbr-navbar__menu-box mbr-navbar__menu-box--inline-right">
<div class="mbr-navbar__column"><ul class="mbr-navbar__items mbr-navbar__items--right mbr-buttons mbr-buttons--freeze mbr-buttons--right btn-decorator mbr-buttons--active"><ul class="nav nav-pills pull-right"><li><a href="index.html" class="">INICIO</a></li><li><a href="conocenos.html" class="">CONOCENOS</a></li><li><a href="impresion.html" class="">IMPRESIÓN</a></li><li><a href="index.html" class="">DISEÑO</a></li><li><a href="precios.html" class="">PRECIOS</a></li> <li><a href="contacto.html" class="">CONTACTO</a></li> </ul></ul></div>
<div class="mbr-navbar__column"><ul class="mbr-navbar__items mbr-navbar__items--right mbr-buttons mbr-buttons--freeze mbr-buttons--right btn-inverse mbr-buttons--active"></ul></div>
</nav>
</div>
</div>
</div>
</div>
</section>
<section class="mbr-box mbr-section mbr-section--relative mbr-section--fixed-size mbr-section--full-height mbr-section--bg-adapted mbr-parallax-background" id="header1-1" style="background-image: url(assets/images/pagina.jpg);">
<div class="mbr-box__magnet mbr-box__magnet--sm-padding mbr-box__magnet--center-center">
<div class="mbr-overlay" style="opacity: 0; background-color: rgb(255, 255, 255);"></div>
<a href="./recursos/precios.pdf" target="_blank" class="pdfPrecios" style="position: relative; z-index: 3; display: flex; align-items: center; justify-content: center; top: 16px;">
<img src="recursos/docpdf.png" />
<p>Lista de precios</p>
</a>
<div class="mbr-box__container mbr-section__container container folleto">
<h3 style="position: relative; top: -330px; color: whitesmoke;">Arrastra las paginas con el mouse o usa las flechas 🠔 🠖 de tu teclado</h3>
<div class="mbr-box mbr-box--stretched"><div class="mbr-box__magnet mbr-box__magnet--center-center">
<div class="mbr-hero animated fadeInUp">
<div class="flipbook-viewport">
<div class="container">
<div class="flipbook">
<div style="background-image:url(pages/precios-01.jpg)"></div>
<div style="background-image:url(pages/precios-02.jpg)"></div>
<div style="background-image:url(pages/precios-03.jpg)"></div>
<div style="background-image:url(pages/precios-04.jpg)"></div>
<div style="background-image:url(pages/precios-05.jpg)"></div>
<div style="background-image:url(pages/precios-06.jpg)"></div>
<div style="background-image:url(pages/precios-07.jpg)"></div>
<div style="background-image:url(pages/precios-08.jpg)"></div>
<div style="background-image:url(pages/precios-09.jpg)"></div>
<div style="background-image:url(pages/precios-10.jpg)"></div>
<div style="background-image:url(pages/precios-11.jpg)"></div>
<div style="background-image:url(pages/precios-13.jpg)"></div>
<div style="background-image:url(pages/precios-14.jpg)"></div>
<div style="background-image:url(pages/precios-15.jpg)"></div>
<div style="background-image:url(pages/precios-16.jpg)"></div>
<div style="background-image:url(pages/precios-17.jpg)"></div>
<div style="background-image:url(pages/precios-18.jpg)"></div>
<div style="background-image:url(pages/precios-19.jpg)"></div>
<div style="background-image:url(pages/precios-20.jpg)"></div>
<div style="background-image:url(pages/precios-21.jpg)"></div>
</div>
</div>
</div>
</div>
</div></div>
</div>
</div>
</section>
<script src="assets/jquery/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/smooth-scroll/SmoothScroll.js"></script>
<script src="assets/jarallax/jarallax.js"></script>
<script src="assets/social-likes/social-likes.js"></script>
<script src="assets/mobirise/js/script.js"></script>
<script src="assets/formoid/formoid.min.js"></script>
<script type="text/javascript" src="assets/turnjs4/extras/modernizr.2.5.3.min.js"></script>
<script type="text/javascript">
function loadApp() {
// Create the flipbook
var flipbook = $('.flipbook').turn({
width:900,
height:650,
elevation: 50,
gradients: true,
autoCenter: true
});
$(window).on('keydown', function (e) {
var key = e.which || e.keyCode;
if (key == 39) {
flipbook.turn("next");
}
else if (key == 37) {
flipbook.turn("previous");
}
});
}
// Load the HTML4 version if there's not CSS transform
yepnope({
test : Modernizr.csstransforms,
yep: ['assets/turnjs4/lib/turn.js'],
nope: ['assets/turnjs4/lib/turn.html4.min.js'],
both: ['css/basic.css'],
complete: loadApp
});
</script>
</body>
</html>