podemosaprender · juan081088 · Apr 22, 2020 · Apr 22, 2020 · Apr 22, 2020
diff --git a/_personas/juan_081088 b/_personas/juan_081088
@@ -0,0 +1,10 @@
+---
+title: juan_081088
+blog: 
+github: juan081088
+facebook: juanponce
+linkedin:
+trello: 
+soy-de: CABA
+---
+
diff --git a/_personas/juan_081088.md b/_personas/juan_081088.md
@@ -0,0 +1,10 @@
+---
+title: juan_081088
+blog: 
+github: juan081088
+facebook: juanponce
+linkedin:
+trello: 
+soy-de: CABA
+---
+
diff --git a/sticky.css b/sticky.css
@@ -0,0 +1,80 @@
+
+body {
+    width: 100%;
+    margin: 0px;
+    background-color: darkgray;
+}
+
+h1 {
+    background-color: cyan;
+    text-align: center;
+    font-family: Arial, Helvetica, sans-serif;
+    color: red;
+    font-size: 40px;
+}
+
+img{
+    width: 100%;
+}
+#buttom{
+    padding: 0;
+    margin-top: 0px;
+}
+#buttom li {
+    display: inline-block;
+}
+
+#buttom li a{
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 15px;
+    text-decoration: none;
+    float: right;
+    padding: 10px;
+    background-color: rgb(177, 177, 221);
+    color: rgb(19, 5, 102);
+    background-color: rgb(10, 26, 245);
+    color: white;
+}
+
+#buttom li a:hover {
+    background-color: red;
+    margin-top: -2;
+    padding-bottom: 12px;
+}
+
+.slide {
+    height: auto;
+    background: rgb(128, 128, 128);
+    font-size: 3em;
+    text-align: center;
+    line-height:0em;
+}
+
+.menu {
+    background: rgb(100, 202, 243);
+    padding: 0px;
+    font-size: 0px; 
+    position: fixed;
+    top: 0;
+
+}
+.tittle{
+    margin: 0;
+}
+
+.texto {
+    margin: 10px;
+}
+
+h2 {
+    color: red;
+    text-align: center;
+}
+
+footer {
+    text-align: center;
+}
+
+h1 {
+    letter-spacing: 2px;
+}
diff --git a/sticky.html b/sticky.html
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="sticky.css">
+
+</head>
+
+<body>
+    <div class="slide"><img src="img/mascotas3.jpg" alt=""></div>
+    <div class="menu">
+        <ul id="buttom">
+            <li><a href="#inicio">INICIO</a></li>
+            <li><a href="#productos">PRODUCTOS</a></li>
+            <li><a href="#garantia">GARANTIA</a></li>
+            <li><a href="#contactos">CONTACTOS</a></li>
+            <li><a href="#nosotros">NOSOTROS</a></li>
+        </ul>
+
+        </ul>
+    </div>
+    <h1 class="tittle"><u> MIS MASCOTAS</u></h1>
+    <img class="imagen1" src="img/mascotas.jpg" alt="inicio"><br><br><br><br><br>
+    <p id="inicio" class="texto"><br>
+        <h2 class="inicio"><u> INICIO</u> <br><br><br></h2> Lorem ipsum dolor sit amet consectetur adipisicing elit.
+        Dolore nostrum accusamus
+        quod assumenda
+        dicta ad, maxime quo esse quia nam veritatis quam quos at ea! Aliquam sequi itaque veniam optio. Lorem ipsum
+        dolor sit amet consectetur, adipisicing elit. Molestias perferendis, earum sint autem hic officia? Reiciendis,
+        sapiente quasi nulla perferendis dicta voluptates quaerat amet officiis id, explicabo non unde nam!
+    </p>
+    <p class="texto">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore nostrum accusamus quod assumenda
+        dicta ad, maxime quo esse quia nam veritatis quam quos at ea! Aliquam sequi itaque veniam optio. Lorem ipsum
+        dolor sit amet consectetur, adipisicing elit. Molestias perferendis, earum sint autem hic officia? Reiciendis,
+        sapiente quasi nulla perferendis dicta voluptates quaerat amet officiis id, explicabo non unde nam!</p>
+    <p class="texto">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore nostrum accusamus quod assumenda
+        dicta ad, maxime quo esse quia nam veritatis quam quos at ea! Aliquam sequi itaque veniam optio. Lorem ipsum
+        dolor sit amet consectetur, adipisicing elit. Molestias perferendis, earum sint autem hic officia? Reiciendis,
+        sapiente quasi nulla perferendis dicta voluptates quaerat amet officiis id, explicabo non unde nam!</p>
+    <p class="texto">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore nostrum accusamus quod assumenda
+        dicta ad, maxime quo esse quia nam veritatis quam quos at ea! Aliquam sequi itaque veniam optio. Lorem ipsum
+        dolor sit amet consectetur, adipisicing elit. Molestias perferendis, earum sint autem hic officia? Reiciendis,
+        sapiente quasi nulla perferendis dicta voluptates quaerat amet officiis id, explicabo non unde nam!</p>
+    <p class="texto">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore nostrum accusamus quod assumenda
+        dicta ad, maxime quo esse quia nam veritatis quam quos at ea! Aliquam sequi itaque veniam optio. Lorem ipsum
+        dolor sit amet consectetur, adipisicing elit. Molestias perferendis, earum sint autem hic officia? Reiciendis,
+        sapiente quasi nulla perferendis dicta voluptates quaerat amet officiis id, explicabo non unde nam!</p>
+    <p class="texto">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore nostrum accusamus quod assumenda
+        dicta ad, maxime quo esse quia nam veritatis quam quos at ea! Aliquam sequi itaque veniam optio. Lorem ipsum
+        dolor sit amet consectetur, adipisicing elit. Molestias perferendis, earum sint autem hic officia? Reiciendis,
+        sapiente quasi nulla perferendis dicta voluptates quaerat amet officiis id, explicabo non unde nam!</p>
+    <p class="texto">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore nostrum accusamus quod assumenda
+        dicta ad, maxime quo esse quia nam veritatis quam quos at ea! Aliquam sequi itaque veniam optio. Lorem ipsum
+        dolor sit amet consectetur, adipisicing elit. Molestias perferendis, earum sint autem hic officia? Reiciendis,
+        sapiente quasi nulla perferendis dicta voluptates quaerat amet officiis id, explicabo non unde nam!</p>
+    <p class="texto">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore nostrum accusamus quod assumenda
+        dicta ad, maxime quo esse quia nam veritatis quam quos at ea! Aliquam sequi itaque veniam optio. Lorem ipsum
+        dolor sit amet consectetur, adipisicing elit. Molestias perferendis, earum sint autem hic officia? Reiciendis,
+        sapiente quasi nulla perferendis dicta voluptates quaerat amet officiis id, explicabo non unde nam!</p>
+    <p class="texto">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore nostrum accusamus quod assumenda
+        dicta ad, maxime quo esse quia nam veritatis quam quos at ea! Aliquam sequi itaque veniam optio. Lorem ipsum
+        dolor sit amet consectetur, adipisicing elit. Molestias perferendis, earum sint autem hic officia? Reiciendis,
+        sapiente quasi nulla perferendis dicta voluptates quaerat amet officiis id, explicabo non unde nam!</p>
+    <p class="texto">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore nostrum accusamus quod assumenda
+        dicta ad, maxime quo esse quia nam veritatis quam quos at ea! Aliquam sequi itaque veniam optio. Lorem ipsum
+        dolor sit amet consectetur, adipisicing elit. Molestias perferendis, earum sint autem hic officia? Reiciendis,
+        sapiente quasi nulla perferendis dicta voluptates quaerat amet officiis id, explicabo non unde nam!</p>
+    <p class="texto">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore nostrum accusamus quod assumenda
+        dicta ad, maxime quo esse quia nam veritatis quam quos at ea! Aliquam sequi itaque veniam optio. Lorem ipsum
+        dolor sit amet consectetur, adipisicing elit. Molestias perferendis, earum sint autem hic officia? Reiciendis,
+        sapiente quasi nulla perferendis dicta voluptates quaerat amet officiis id, explicabo non unde nam!</p>
+    <p class="texto">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore nostrum accusamus quod assumenda
+        dicta ad, maxime quo esse quia nam veritatis quam quos at ea! Aliquam sequi itaque veniam optio. Lorem ipsum
+        dolor sit amet consectetur, adipisicing elit. Molestias perferendis, earum sint autem hic officia? Reiciendis,
+        sapiente quasi nulla perferendis dicta voluptates quaerat amet officiis id, explicabo non unde nam!</p>
+    <p class="texto">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore nostrum accusamus quod assumenda
+        dicta ad, maxime quo esse quia nam veritatis quam quos at ea! Aliquam sequi itaque veniam optio. Lorem ipsum
+        dolor sit amet consectetur, adipisicing elit. Molestias perferendis, earum sint autem hic officia? Reiciendis,
+        sapiente quasi nulla perferendis dicta voluptates quaerat amet officiis id, explicabo non unde nam!</p>
+    <p class="texto">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore nostrum accusamus quod assumenda
+        dicta ad, maxime quo esse quia nam veritatis quam quos at ea! Aliquam sequi itaque veniam optio. Lorem ipsum
+        dolor sit amet consectetur, adipisicing elit. Molestias perferendis, earum sint autem hic officia? Reiciendis,
+        sapiente quasi nulla perferendis dicta voluptates quaerat amet officiis id, explicabo non unde nam!</p><br><br>
+    <h2 id="productos"><u> PRODUCTOS</u> <br><br><br><img src="img/mascotas1.jpg" alt=""></h2><br><br><br>
+    <h2 id="garantia"><u> GARANTIA</u></h2><br><br><br>
+    <p>La Cía. Manufacturera del Norte, S. A. de C. V. garantiza por dos años a partir de la fecha de compra, el
+        funcionamiento de este producto contra cualquier defecto en los materiales y mano de obra empleados para su
+        fabricación. Nuestra garantía incluye la reparación, reposición, o cambio del producto y/o componentes sin cargo
+        alguno para el cliente, incluyendo mano de obra, así como los gastos de transportación derivados del
+        cumplimiento de este certificado.
+        La Cía. Manufacturera del Norte, S. A. de C. V. Se compromete a entregar el producto en un lapso no mayor de 30
+        días contados a partir de la fecha de recepción del mismo en nuestros talleres de servicio. No reasumirá
+        responsabilidad alguna en caso de demora del servicio por causas de fuerza mayor. Para hacer efectiva esta
+        garantía, no podrán exigirse mayores requisitos que presentarla sellada por el establecimiento comercial donde
+        se adquirió, de no contar con ésta bastará la factura de compra.
+        ESTA GARANTIA NO SERÁ VÁLIDA BAJO LAS SIGUIENTES CONDICIONES
+        1.Cuando esta póliza manifestara claros signos de haber sido alterada en los datos originales consignados en
+        ella.
+        2. Cuando el uso, cuidado y operación del producto no haya sido de acuerdo con las instrucciones contenidas en
+        el instructivo de operación.
+        3. Cuando el producto haya sido usado fuera de su capacidad, maltratado, golpeado, expuesto a la humedad, molada
+        por algún líquido o substancia corrosiva, así como por cualquiera otra falla atribuible al consumidor.
+        4. Cuando el producto haya sido desarmado, modificado o reparado por personas no autorizadas por Manufacturera
+        del Norte.
+        5. Cuando la falla sea originada por el desgaste normal de las piezas debido al uso.
+        Ninguna otra garantía verbal o escrita diferente a la aquí expresada será reconocida por Manufacturera del
+        Norte.
+        NOTA: En caso de extravío de la presente garantía, el consumidor deberá recurrir a su proveedor para que le sea
+        expedida otra, previa presentación de la nota de compra o factura respectiva.
+
+        Cía. Manufacturera del Norte, S. A. de C. V.
+        Ave. Central 213, Col. Industria Nueva
+        Monterrey, N. L.
+        C. P. 44200, Tel. 2346-5789
+        Citado APA: (A. 2008,12. Ejemplo de Garantía. Revista Ejemplode.com. Obtenido 12, 2008, de
+        https://www.ejemplode.com/11-escritos/459-ejemplo_de_garantia.html)
+
+
+
+        Fuente: https://www.ejemplode.com/11-escritos/459-ejemplo_de_garantia.html#ixzz6KGLsXPL3</p><br><br><br>
+    <h2 id="contactos"><u> CONTACTOS</u> <br><br><br><img src="img/mascotas.jpg" alt=""></h2><br><br><br>
+    <h2 id="nosotros"><u> NOSOTROS</u></h2>
+    <p>Si quieres optar a un nuevo puesto de trabajo, pero has estado un tiempo sin trabajar, puedes hacérselo saber al
+        reclutador a través de la carta de presentación. De hecho, la carta puede resultarte de gran ayuda a la hora
+        para aclarar esa etapa de tu vida en la que no realizaste ninguna actividad profesional. Puede que aprovecharas
+        para tomarte un año de descanso, para formarte más, para hacer un viaje, hacer voluntariado, etc.. Lejos de ser
+        un inconveniente, la verdadera motivación que hubo detrás de esa circunstancia puede ser fundamental para
+        explicar quién eres y cuáles son tus valores más allá de tu CV.
+
+
+
+        Al departamento de RRHH de la empresa (nombre):
+
+        Soy enfermera titulada y les envío mi candidatura para el puesto anunciado de supervisora de enfermería para su
+        centro. Me he formado y especializado en la Universidad de Barcelona, además de trabajar durante cinco años de
+        mi carrera profesional en el Hospital Clínico de Barcelona.
+
+        No obstante, durante dos años en los que no he ejercido como enfermera, he estado ampliando mis conocimientos en
+        la ciudad de Londres. Así, he cursado un Máster en Salud Pública en la Universidad de Liverpool y realizado
+        prácticas en distintos centros del país.
+
+        Creo que mi experiencia en Reino Unido y mi pasión por la profesión en la que me he formado pueden resultar de
+        enorme valía para su empresa. Así pues, quedo a su entera disposición para el puesto, a la espera de poder
+        ampliar mi perfil en una entrevista personal. Estaré localizable al teléfono (número) o por correo electrónico a
+        (dirección).
+
+        Queda a su disposición y le saluda atentamente,</p><br><br><br>
+
+    <footer>Empresa constituida en marzo 2018.</footer>
+
+</body>
+
+
+</html>