tati
/
especificos-web-V2


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
							<!DOCTYPE html>
<html lang="en">

<head>

    <!-- Basic Page Needs
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <meta charset="utf-8">
    <title>ESPECIFICOS Buenos Aires</title>
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Mobile Specific Metas
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- FONT
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">

    <!-- CSS
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/skeleton.css">
    <link rel="stylesheet" href="css/styles.css">
    <link rel="stylesheet" href="css/timeline.css">
    <link rel="stylesheet" href="css/products.css">
    <link href='https://api.mapbox.com/mapbox-gl-js/v0.31.0/mapbox-gl.css' rel='stylesheet' />

    <!-- Favicon
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <link rel="icon" type="image/png" href="images/favicon.png">

    <!-- Scripts
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <script src='https://api.mapbox.com/mapbox-gl-js/v0.31.0/mapbox-gl.js'></script>
    <script src="js/vue.js"></script>
    <script src="js/vue-router.js"></script>
</head>

<body>

    <div id="app">
        <nav>
            <div class="navbar-container">
                <ul class="navbar-list">
                    <li v-for="route in routes">
                        <router-link :to="route.path">{{route.text}}</router-link>
                    </li>
                </ul>
            </div>
        </nav>

        <transition name="fade" mode="out-in">
            <router-view></router-view>
        </transition>
    </div>

    <template id="empresa">
        <div class="us section">
            <div class="container">
                <div class="row">
                    <div class="twelve columns">
                        <h4>{{ titulo }}</h4>
                        <section v-html="texto"></section>
                    </div>
                </div>

                <h5>Historia</h5>
                <div class="row">
                    <div class="twelve columns">
                        <ul class="timeline">
                            <li v-for="event in timeline" v-scroller>
                                <div class="dot"></div>
                                <div class="content">
                                    <span class="cd-date">{{ event.date }}</span>
                                    <h2>{{ event.title }}</h2>
                                    <p>{{ event.description }}</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="row">
                    <div class="six columns mision">
                        <h5>Misión</h5>
                        <p>Reprehenderit incididunt voluptate aliqua do consequat culpa pariatur aliquip quis magna. Aute proident magna incididunt tempor Lorem ullamco. Culpa officia id sint culpa esse duis aute nisi voluptate. Irure consequat sint anim pariatur nulla ex nisi est est deserunt nisi nulla esse minim. Tempor elit exercitation nulla ad elit consequat minim elit esse officia adipisicing ut adipisicing.</p>
                    </div>
                    <div class="six columns vision">
                        <h5>Visión</h5>
                        <p>Dolor cillum ut commodo cillum ipsum et tempor ea sunt aliqua id exercitation dolor aliquip. In eiusmod excepteur elit laborum amet minim duis eu do irure mollit eu irure. Sint ipsum commodo cillum aliquip in sint ullamco eu laboris commodo ullamco ea dolore aliqua. Ut nisi irure aute exercitation. Veniam culpa tempor eiusmod reprehenderit adipisicing dolore laboris Lorem amet mollit proident veniam. Consectetur tempor adipisicing duis et eiusmod fugiat irure. Eiusmod laborum deserunt laboris irure tempor irure qui veniam dolore voluptate excepteur ut aliquip velit.</p>
                    </div>

                </div>
            </div>
        </div>
    </template>

    <template id="productos">
        <div class="products section">
            <div class="container">
                <div class="row">
                    <div class="twelve columns">
                        <h4>{{ titulo }}</h4>
                        <p>Productos profesionales, elaborados con normas de calidad internacional GMP, basados en sustancias
                            activas concentradas de gran pureza y vehículos específicos altamente eficaces que permiten optimizar
                            la belleza y cuidados personalizados de la piel, con base científica.</p>

                        <p>ESPECIFICOS Buenos Aires se compromete a garantizar productos de confianza, ultra-eficaces, tecnología
                            de avanzada y control de calidad permanente bajo normas internacionales de bioseguridad. Texturas
                            aterciopeladas, principios activos de gran pureza, vehículos especializados que conforman productos
                            vanguardistas con delicadas fragancias.</p>

                        <p>Cuidado específico para cada tipo de piel. El diagnóstico previo personalizado y seguimiento por
                            una profesional formada en tratamientos ESPECIFICOS Buenos Aires es nuestra filosofía de excelencia,
                            ética, seriedad y apoyo constante para un perfecto resultado.</p>
                    </div>
                </div>

                <ul class="categories">
                    <li v-for="category in categories" class="category">
                        <router-link :to="'/productos/' + category.path">{{category.name}}</router-link>
                    </li>
                </ul>
                <router-view></router-view>
            </div>
        </div>
    </template>

    <template id="category">
        <div class="row">
            <h5>{{ category }}</h5>
            <ul>
                <li v-for="product in products">
                    <img v-bind:src="product.img" v-bind:alt="product.name">
                    <span>{{ product.name }}</span>
                    <p>{{ product.shortDescription }}</p>
                </li>
            </ul>
        </div>
    </template>

    <script src="js/main.js"></script>

</body>

</html>