-
Notifications
You must be signed in to change notification settings - Fork 0
/
indexOLD.html
494 lines (474 loc) · 24.7 KB
/
indexOLD.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
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
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="keywords" content="Ana Anzorena, Studio Ana Anzorena, Make-up, Maquillaje, Maquillaje Profesional, Maquillaje Social, Maquillaje Novias, Producciones, Automaquillaje, Clases de Automaquillaje, Escuela de Maquillaje, Curso de Maquillaje, San Miguel de Tucuman, Tucuman, Argentina" />
<meta name="robot" content="index,follow">
<meta name="copyright" content="Copyright © 2013 Ana Anzorena Make-up Studio. All Rights Reserved.">
<meta name="author" content="The UX Department">
<title>Ana Anzorena Make-up Studio | Maquillaje Profesional en Tucumán.</title>
<meta name="description" content="Maquillaje para novias, fiestas y eventos sociales. Escuela de maquillaje profesional y clases de automaquillaje. Producciones de moda, publicidad, TV y Cine." />
<link rel="shortcut icon" href="images/favicon_16x16.ico" type="image/ico" />
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<!--CSS-->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.css" />
<link rel="stylesheet" href="css/compact-gallery.css">
<link rel="stylesheet" href="css/offcanvas.css">
<link rel="stylesheet" type="text/css" href="css/totop.css">
<link href="stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
<link href="stylesheets/print.css" media="print" rel="stylesheet" type="text/css" />
<!--[if IE]>
<link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body id="body">
<header>
<div class="container">
<nav class="navbar navbar-expand-lg fixed-top navbar-light smooth nav-down">
<a class="navbar-brand mr-auto mr-lg-0" href="#body"><img src="images/logo-negro.svg"></a>
<button class="navbar-toggler p-0 border-0" type="button" data-toggle="offcanvas">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse offcanvas-collapse" id="navbarsExampleDefault">
<ul class="navbar-nav ml-auto">
<li class="nav-item smooth">
<a class="nav-link" data-toggle="offcanvas" href="#brides">Novias <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item smooth">
<a class="nav-link" data-toggle="offcanvas" href="#school">Escuela</a>
</li>
<li class="nav-item smooth">
<a class="nav-link" data-toggle="offcanvas" href="#celebrities">Celebrities</a>
</li>
<li class="nav-item smooth">
<a class="nav-link" data-toggle="offcanvas" href="#productions">Producciones</a>
</li>
<li class="nav-item smooth">
<a class="nav-link" data-toggle="offcanvas" href="#contact">Contacto</a>
</li>
<li class="social-nav fb-s">
<a class="nav-link" target="_blank" href="https://www.facebook.com/ana.anzorena.9?fref=ts"><i class="fab fa-facebook-f"></i></a>
</li>
<li class="social-nav ig-s">
<a class="nav-link" target="_blank" href="https://www.instagram.com/anaanzorena/"><i class="fab fa-instagram"></i></a>
</li>
<li class="social-nav tw-s">
<a class="nav-link" target="_blank" href="https://twitter.com/anaanzorena?lang=es"><i class="fab fa-twitter"></i></a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<!--END OF HEADER -FIN DEL HEADER-->
<!--BODY!-->
<main role="main" class="billboard">
<div class="container">
<div class="row">
<div class="col-xl-7 offset-xl-1 col-md-8">
<div class="slogan">
<h1>Descubrí eso <br>que te hace <b>única</b></h1>
<h3>Con el <b>Método Anzorena</b> te ayudamos a encontrar<br> y destacar eso que te hace única. ¿Querés conocernos?</h3>
</div>
<div class="call-to-action smooth">
<!-- <a href="#contact" class="btn-main btn btn-outline-primary" onclick="select_default();">Escribinos un mensaje</a> -->
<a href="#contact" onclick="select_default();">Escribinos un mensaje</a>
</div>
</div>
<div class="col-xl-4 col-md-4">
<div class="main-img">
<img src="images/main-photo.png">
</div>
</div>
</div>
</div>
</main>
<section id="brides" class="tac">
<div class="container">
<div class="row">
<div class="col-xl-10 offset-xl-1">
<h2 class="title">Novias</h2>
<h5>Nuestro compromiso es destacar lo mejor de tu estilo y respetar tu personalidad.<br>Te ofrecemos un trato personalizado asesorándote en todo momento para adaptar el maquillaje a tus gustos y necesidades. Trabajamos con productos de excelente calidad y tecnología, garantizando la más alta durabilidad. Todos son dermatológicamente seguros.</h5>
</div>
</div>
</div>
<!-- Gallery -->
<div class="gallery-block compact-gallery">
<div class="row no-gutters">
<div class="col-sm-6 col-md-3 col-lg-3 item zoom-on-hover">
<a class="lightbox" href="images/novias/foto-novias-1.jpg">
<img class="img-fluid image" src="images/novias/foto-novias-1.jpg">
</a>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 item zoom-on-hover">
<a class="lightbox" href="images/novias/foto-novias-2.jpg">
<img class="img-fluid image" src="images/novias/foto-novias-2.jpg">
</a>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 item zoom-on-hover">
<a class="lightbox" href="images/novias/foto-novias-3.jpg">
<img class="img-fluid image" src="images/novias/foto-novias-3.jpg">
</a>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 item zoom-on-hover">
<a class="lightbox" href="images/novias/foto-novias-4.jpg">
<img class="img-fluid image" src="images/novias/foto-novias-4.jpg">
</a>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 item zoom-on-hover">
<a class="lightbox" href="images/novias/foto-novias-5.jpg">
<img class="img-fluid image" src="images/novias/foto-novias-5.jpg">
</a>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 item zoom-on-hover">
<a class="lightbox" href="images/novias/foto-novias-6.jpg">
<img class="img-fluid image" src="images/novias/foto-novias-6.jpg">
</a>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 item zoom-on-hover">
<a class="lightbox" href="images/novias/foto-novias-7.jpg">
<img class="img-fluid image" src="images/novias/foto-novias-7.jpg">
</a>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 item zoom-on-hover">
<a class="lightbox" href="images/novias/foto-novias-8.jpg">
<img class="img-fluid image" src="images/novias/foto-novias-8.jpg">
</a>
</div>
</div>
</div>
<!-- /Gallery -->
</section>
<section class="more-bpics tac">
<h3>¿Querés ver Más fotos? <br> <a href="https://www.facebook.com/pg/anaanzorena/photos/?tab=albums" target="_blank"><b>mirá nuestro porfolio completo</b></a></h3>
</section>
<section class="advice">
<div class="container">
<div class="row">
<div class="col-xl-10 offset-xl-1 col-sm-9">
<h2>podemos asesorarte<br><b>en maquillaje para novias</b></h2>
<div class="dtext">
<h3>Si tenés ganas de conocer más sobre maquillaje para novias, no dudes en escribirnos y consultarnos.</h3>
<div class="smooth">
<a href="#contact" onclick="select_default();">contactanos, queremos ayudarte</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="school">
<div class="container">
<div class="row">
<div class="col-sm-12 tac">
<h2 class="title">MÉTODO ANZORENA</h2>
</div>
</div>
<div class="row">
<div class="col-lg-5 offset-lg-1 pr-50 col-md-6">
<img src="images/auto-maquillaje.png" alt="Automaquillaje">
<h3>Automaquillaje</h3>
<div class="content-txt">
<p>Clases personalizadas diseñadas para que aprendas técnicas sencillas para maquillarte y realzar tu belleza según su propio estilo, gustos, ocupación y actividades.</p>
<p>Con trucos sencillos podrás disimular o resaltar diferentes rasgos y prepararte para distintas ocasiones.</p>
</div>
<div class="course-items">
<h4>Duración</h4>
<p>Dos clases de una hora</p>
</div>
<div class="course-items">
<h4>Cupos</h4>
<p>Clases orientadas fundamentalmente a la práctica, con modalidad individual o grupal (¡podés venir con tu grupo de amigas!)</p>
</div>
<div class="course-items">
<h4>Materiales</h4>
<p>El estudio proporciona los materiales, y además, aconsejamos que las alumnas traigan sus propios productos para enseñarles su uso adecuado.</p>
</div>
<div class="course-items">
<h4>Clases Prácticas</h4>
</div>
<hr class="d-block d-md-none">
</div>
<div class="col-lg-5 pl-50 col-md-6">
<img src="images/maquillaje-pro.png" alt="Maquillaje Profesional">
<h3>Maquillaje Profesional</h3>
<div class="content-txt">
<p>Curso dirigido a quienes quieren convertirse en verdaderos artistas del maquillaje.</p>
<p>Brindaremos los conocimientos necesarios para que puedas desenvolverte con seguridad en trabajos para novias, eventos y producciones para diferentes medios.</p>
</div>
<div class="course-items">
<h4>Duración</h4>
<p>7 meses</p>
</div>
<div class="course-items">
<h4>Cupos</h4>
<p>4 a 6 alumnos</p>
</div>
<div class="course-items">
<h4>Materiales</h4>
<p>El estudio proporciona los productos que se usan durante el dictado de sus cursos. Al inicio se entrega un set de pinceles a cada alumno.</p>
</div>
<div class="course-items">
<h4>Clases teórico demostrativas y prácticas</h4>
</div>
<div class="course-items">
<h4>Evaluación final con entrega de certificado. Pasantías</h4>
</div>
</div>
</div>
</div>
</section>
<section class="courses-contact">
<div class="container">
<div class="row">
<div class="col-lg-5 offset-lg-1 pr-50 col-md-6 d-none d-md-block">
<div class="contact-us-courses pt4 smooth">
<h5>¿te interesa? <a href="#contact" onclick="select_automakeup();">dejanos un mensaje</a></h5>
</div>
</div>
<div class="col-md-5 pl-50 col-md-6">
<div class="contact-us-courses smooth">
<h5>¿Necesitás más info? <a href="#contact" onclick="select_profesionalmakeup();">Escribinos</b></a></h5>
</div>
</div>
</div>
</div>
</section>
<section class="paym tac">
<div class="container">
<div class="row">
<div class="col-xl-8 offset-xl-2">
<div class="paymethod smooth">
<h4>¡Ahora podés abonar todos nuestros cursos en efectivo, con tarjetas crédito o débito <br> <span>a través de Mercado Pago!</span></h4>
</div>
<div class="mp-logo">
<img src="images/mercadopago-logo.svg" alt="Logo de Mercado Pago">
</div>
</div>
</div>
</div>
</section>
<section id="celebrities" class="tac">
<div class="container">
<div class="row">
<div class="col-12">
<h2 class="title"><i class="diamante-ico"></i>Celebrities<i class="bri-ico"></i></h2>
</div>
</div>
<div id="carouselCelebrities" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselCelebrities" data-slide-to="0" class="active"></li>
<li data-target="#carouselCelebrities" data-slide-to="1"></li>
<li data-target="#carouselCelebrities" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="images/celebrities/celebrities-1.jpg" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/celebrities/celebrities-2.jpg" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/celebrities/celebrities-3.jpg" alt="Third slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselCelebrities" role="button" data-slide="prev">
<i class="material-icons md-48" aria-hidden="true">arrow_back_ios</i>
</a>
<a class="carousel-control-next" href="#carouselCelebrities" role="button" data-slide="next">
<i class="material-icons md-48" aria-hidden="true" >arrow_forward_ios</i>
</a>
</div>
</div>
</section>
<section id="productions" class="productions">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 order-lg-last">
<h2 class="title">Producciones</h2>
<h5>Desde hace más de 20 años trabajamos en producciones de moda, publicidad y desfiles, así también como en maquillaje para televisión y teatro.</h5>
<h5>Ponemos toda nuestra creatividad, pasión y profesionalismo en cada trabajo.</h5>
<a href="https://www.facebook.com/pg/anaanzorena/photos/?tab=albums" target="_blank">Mirá todas nuestras producciones</a>
</div>
<div class="col-lg-6 order-lg-first">
<img src="images/producciones-b.jpg" alt="Fotos de Producciones">
</div>
</div>
</div>
</section>
<section id="testimonials" class="section-padding tac">
<div class="container">
<div class="row">
<div class="col-md-7 col-center m-auto">
<h2 class="title">Testimonios</h2>
<div id="testimonialCarousel" class="carousel slide" data-ride="carousel">
<!-- Carousel indicators -->
<ol class="carousel-indicators">
<li data-target="#testimonialCarousel" data-slide-to="0" class="active"></li>
<li data-target="#testimonialCarousel" data-slide-to="1"></li>
<li data-target="#testimonialCarousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for carousel items -->
<div class="carousel-inner">
<div class="item carousel-item active">
<p class="testimonial">"El maquillaje sirve para verte más linda, para tener ganas de volver a mirarte en el espejo y recordarte quien sos...Eso seguramente, es lo que les pasa a las mamás cuando festejamos el Día de la Madre y Ana junto a su equipo les recuerdan cuanto brillan...Eso no tiene un valor económico. Eso es Arte al servicio del otro. Gracias Ana!"</p>
<p class="o-name"><span>Liliana Ramponi</span></p>
<p class="overview">Fundacion Flexer</p>
</div>
<div class="item carousel-item">
<p class="testimonial">"Ana, la número uno indiscutida!!! Estoy muy agradecido siempre, ella fue mi mentora. "Maestra de maestras" siempre un paso adelante!!! Es un placer trabajar con ella."</p>
<p class="o-name"><span>Ariel Alegre</span></p>
<p class="overview">Fotógrafo de Bodas</p>
</div>
<div class="item carousel-item">
<p class="testimonial">"Ana puede enseñarte a maquillar con simples tips, y así a tener confianza en ti misma. Con su Método ayuda e impulsa a que cada alumna crezca y triunfe en su carrera."</p>
<p class="o-name"><span>Luly Fernandez Morales</span></p>
<p class="overview">Psicóloga</p>
</div>
</div>
<!-- Carousel controls -->
<a class="carousel-control left carousel-control-prev" href="#testimonialCarousel" data-slide="prev">
<!-- <i class="fa fa-angle-left"></i> -->
<i class="material-icons md-48" aria-hidden="true" >arrow_back_ios</i>
</a>
<a class="carousel-control right carousel-control-next" href="#testimonialCarousel" data-slide="next">
<!-- <i class="fa fa-angle-right"></i> -->
<i class="material-icons md-48" aria-hidden="true" >arrow_forward_ios</i>
</a>
</div>
</div>
</div>
</div>
</section>
<footer>
<div id="contact">
<div class="container">
<div class="row">
<div class="col-12">
<h2 class="title tac">Keep in <b>Touch</b>!</h2>
</div>
</div>
<div class="row">
<div class="col-lg-5 offset-lg-1">
<div class="messages"></div>
<form id="contact-form" class="contact-form" method="post" action="php/contact.php" role="form" novalidate="true">
<fieldset disabled>
<div class="controls">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="form_name">Nombre y apellido *</label>
<input id="form_name" type="text" name="name" class="form-control" placeholder="" required="required" data-error="Un nombre es requerido.">
<div class="help-block with-errors"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="form_email">Email *</label>
<input id="form_email" type="email" name="email" class="form-control" placeholder="" required="required" data-error="Un email válido es requerido.">
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="form_lastname">Teléfono *</label>
<input id="form_lastname" type="tel" name="tel" class="form-control" placeholder="" required="required" data-error="Un teléfono es requerido.">
<div class="help-block with-errors"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="form_need">Me interesa saber más sobre:</label>
<select id="form_need" name="info" class="form-control" required="required">
<option id="opt1" value="Tomar un curso de automaquillaje">Tomar un curso de automaquillaje</option>
<option id="opt2" value="Tomar el curso de maquillaje profesional">Tomar el curso de maquillaje profesional</option>
<option id="opt3" value="Maquillaje para novias" selected="selected">Maquillaje para novias</option>
<option id="opt4" value="Otro">Otro</option>
</select>
<div class="help-block with-errors"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="form_message">Mensaje *</label>
<textarea id="form_message" name="message" class="form-control" placeholder="Escribinos y nos contactaremos con vos..." rows="6" required="required" data-error="Por favor, dejanos un mensaje."></textarea>
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-sm-8">
<p class="req-fields">
<strong>*</strong> Por favor, completá todos los campos
</p>
</div>
<div class="col-sm-3">
<input type="submit" id="submit-btn" class="btn btn-main btn-send" value="Enviar">
</div>
</div>
</div>
<div class="messages"></div>
</fieldset>
</form>
</div>
<div class="col-lg-4 offset-lg-1">
<div class="contact-info">
<div class="block-info">
<i class="fas fa-map-marker-alt"></i>
<div class="ablock">
<h2>Studio Anzorena</h2>
<span>Rivadavia 850 • Block Azul</span>
<span>4000 • San Miguel de Tucumán</span>
<span>TUCUMÁN • ARGENTINA</span>
<span>TEL:(0381) 421-1984</span>
<span><a href="mailto:hola@anaanzorena.com">hola@anaanzorena.com</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="foo">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="foo-logo smooth">
<a href="#body"><img src="images/logo-blanco.png"></a>
<p class="">© Copyright <script type="text/javascript">
var today = new Date()
var year = today.getFullYear()
document.write(year)
</script> Ana Anzorena. All rights reserved</p>
</div>
</div>
</div>
</div>
</div>
</footer>
<!--end of footer - FIN DEL FOOTER-->
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
</script>
<script src="js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.11.0/baguetteBox.min.js"></script>
<script src="js/smooth-scroll/jquery.smooth-scroll-v2.2.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript" src="js/totop.js"></script>
<script type="text/javascript" src="js/js-propios/UItotop-abrir.js"></script>
<script type="text/javascript" src="js/js-propios/littleselection.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.11.9/validator.min.js" integrity="sha256-dHf/YjH1A4tewEsKUSmNnV05DDbfGN3g7NMq86xgGh8=" crossorigin="anonymous"></script>
<script src="js/contact.js"></script>
<script src="js/custom.js"></script>
</body>
</html>