-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproyecto_texcotton_ropaniñas.html
261 lines (211 loc) · 13.6 KB
/
proyecto_texcotton_ropaniñas.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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Text-Cottom-Prueva</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:700,400&subset=cyrillic,latin,greek,vietnamese">
<link rel="stylesheet" href="views/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="views/socicon/css/socicon.min.css">
<link rel="stylesheet" href="views/mobirise/css/style.css">
<link rel="stylesheet" href="views/mobirise/css/mbr-additional.css" type="text/css">
<link rel="stylesheet" href="views/fontawesome/css/font.css" type="text/css">
<link rel="stylesheet" href="css\sitioweb.css">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="proyexto_texcottom/onepage-web/web/css/style.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<!--Header o encabezado...el mbr-navbar--absolute debe estar sin propiedad -->
<section class="mbr-navbar mbr-navbar-- mbr-navbar--auto-collapse" id="ext_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">
<span class="mbr-brand__logo"><a href="#"><img class="mbr-navbar__brand-img mbr-brand__img" src="" alt=""></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 col-md-2">
<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"><li class="mbr-navbar__item">
<a class="mbr-buttons__link btn text-white" href="index.html">INICIO</a></li><li class="mbr-navbar__item">
<a class="mbr-buttons__link btn text-white" href="proyecto_texcotton_nosotros.html">NOSOTROS</a></li><li class="mbr-navbar__item">
<div class="dropdown">
<ul class="mbr-navbar__items mbr-navbar__items--right mbr-buttons mbr-buttons--freeze mbr-buttons--right btn-inverse mbr-buttons--active">
<li class="mbr-navbar__item"><a class="mbr-buttons__btn btn btn-success" data-toggle="dropdown" role="button" data-target="#Registro">
CATALOGO<span class="caret"> </span>
</a>
<ul class="dropdown-menu meno-dropdown">
<li><a href="proyecto_texcotton_ropaniñas.html"><small> Ropa De Niño </small> </a></li>
<li><a href=""><small>Polos </small> </a></li>
<li><a href="polostutus.html"><small>Polos Con Tutu</small> </a></li>
</ul>
</li></ul></div>
</div>
</nav>
</div>
</div>
</div>
</section>
<!--Jumbotron -->
<section class="jumbotron encabezado">
<div class="container">
<h1 class="titulo">ROPA DE NIÑA</h1>
<p>Sigueme...</p>
<h2 class="titulo2">Home/nosotros</h2>
</div>
</section>
<!--Albuno de fotos -->
<div class="works-section" id="work" id="work">
<div class="works-header">
<h3><span>[</span> Tejiendo Nuevas Ideas<span>]</span></h3>
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. </p>
</div>
<div class="portfolio-section-bottom-row" id="portfolio">
<div class="container">
<ul id="filters" class="clearfix">
<li><span class="filter active" data-filter="app card icon web logo1">Muestra Prendes de boys</span></li>
</ul>
<div id="portfoliolist">
<div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="polos niñas\IMG_0009.jpg" class="swipebox" title="Image Title"> <img src="polos niñas\IMG_0009.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio app mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="polos niñas\IMG_0012.jpg" class="swipebox" title="Image Title"> <img src="polos niñas\IMG_0012.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio icon mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="icon" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="polos niñas\IMG_0015.jpg" class="swipebox" title="Image Title"> <img src="polos niñas\IMG_0015.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio app mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="polos niñas\IMG_0016.jpg" class="swipebox" title="Image Title"> <img src="polos niñas\IMG_0016.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="polos niñas\IMG_0017.jpg" class="swipebox" title="Image Title"> <img src="polos niñas\IMG_0017.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="polos niñas\IMG_0018.jpg" class="swipebox" title="Image Title"> <img src="polos niñas\IMG_0018.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio icon mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="icon" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="polos niñas\IMG_0019.jpg" class="swipebox" title="Image Title"> <img src="polos niñas\IMG_0019.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio logo1 mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="logos" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="polos niñas\IMG_0021.jpg" class="swipebox" title="Image Title"> <img src="polos niñas\IMG_0021.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="mbr-section mbr-section--relative mbr-section--fixed-size" id="social-buttons2-13" style="background-color: rgb(240, 240, 240);">
<div class="mbr-section__container container">
<div class="mbr-header mbr-header--inline row">
<div class="col-sm-4">
<h3 class="mbr-header__text">SIGUENOS EN</h3>
</div>
<div class="mbr-social-icons mbr-social-icons--style-1 col-sm-8">
<a class="mbr-social-icons__icon socicon-bg-twitter" title="Twitter" target="_blank" href="#"><i class="socicon socicon-twitter"></i></a>
<a class="mbr-social-icons__icon socicon-bg-facebook" title="Facebook" target="_blank" href="https://www.facebook.com/text.cotton"><i class="socicon socicon-facebook"></i></a>
<a class="mbr-social-icons__icon socicon-bg-googleplus" title="Google+" target="_blank" href="#"><i class="socicon socicon-googleplus"></i></a>
<a class="mbr-social-icons__icon socicon-bg-youtube" title="YouTube" target="_blank" href="#"><i class="socicon socicon-youtube"></i></a>
<a class="mbr-social-icons__icon socicon-bg-instagram" title="Instagram" target="_blank" href="#"><i class="socicon socicon-instagram"></i></a>
<a class="mbr-social-icons__icon socicon-bg-pinterest" title="Pinterest" target="_blank" href="#"><i class="socicon socicon-pinterest"></i></a>
<a class="mbr-social-icons__icon socicon-bg-github" title="GitHub" target="_blank" href="https://github.com/prinick96"><i class="socicon socicon-github"></i></a>
<a class="mbr-social-icons__icon socicon-bg-behance" title="Behance" target="_blank" href="#"><i class="socicon socicon-behance"></i></a>
<a class="mbr-social-icons__icon socicon-bg-tumblr" title="Tumblr" target="_blank" href="#"><i class="socicon socicon-tumblr"></i></a>
<a class="mbr-social-icons__icon socicon-bg-linkedin" title="LinkedIn" target="_blank" href="#"><i class="socicon socicon-linkedin"></i></a>
</div>
</div>
</section>
<footer class="mbr-section mbr-section--relative mbr-section--fixed-size mbr-parallax-background" id="footer1-4" style="background-image: url(views/images/bg3.jpg);">
<div class="mbr-overlay" ></div>
<div class="mbr-section__container container">
<div class="mbr-footer mbr-footer--wysiwyg row">
<div class="col-sm-12">
<p class="mbr-footer__copyright">Cel. 986504339 / 992205655 - Tel. 3259023 - Planta: Urb. los Alisos Mz. I, Lote 4 S.M.P. / Tienda Urb. Los Naranjos Mz. T3 Lt. 12 - Los Olivos
</p>
</div>
</div>
</div>
</footer>
<script src="views/web/assets/jquery/jquery.min.js"></script>
<script src="views/bootstrap/js/bootstrap.min.js"></script>
<script src="views/smooth-scroll/SmoothScroll.js"></script>
<script src="views/jarallax/jarallax.js"></script>
<script src="views/mobirise/js/script.js"></script>
<script src="views/app/js/generales.js"></script>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="web/js/jquery.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Arvo:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="proyexto_texcottom/nepage-web/web/js/move-top.js"></script>
<script type="text/javascript" src="proyexto_texcottom/onepage-web/web/js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
});
});
</script>
<!------ Light Box ------>
<link rel="stylesheet" href="proyexto_texcottom/onepage-web/web/css/swipebox.css">
<script src="proyexto_texcottom/onepage-web/web/js/jquery.swipebox.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(".swipebox").swipebox();
});
</script>
<!------ Eng Light Box ------>
<!-- Script for gallery Here -->
<script type="text/javascript" src="proyexto_texcottom/onepage-web/web/js/jquery.mixitup.min.js"></script>
<script type="text/javascript">
$(function () {
var filterList = {
init: function () {
// MixItUp plugin
// http://mixitup.io
$('#portfoliolist').mixitup({
targetSelector: '.portfolio',
filterSelector: '.filter',
effects: ['fade'],
easing: 'snap',
// call the hover effect
onMixEnd: filterList.hoverEffect()
});
},
hoverEffect: function () {
// Simple parallax effect
$('#portfoliolist .portfolio').hover(
function () {
$(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad');
$(this).find('img').stop().animate({top: -30}, 500, 'easeOutQuad');
},
function () {
$(this).find('.label').stop().animate({bottom: -40}, 200, 'easeInQuad');
$(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad');
}
);
}
};
// Run the show!
filterList.init();
});
</script>
<!-- Gallery Script Ends -->
</body>
</html>