Untitled

<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <link href="css/newcss.css" rel="stylesheet" type="text/css"/>
        <link href="img/favicon.png" rel="icon" type="text/css"/>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <div class="cajanegra"></div>
        <div class="logo"><img src="img/logo.gif" alt=""/></div>
        <div class="cuerpo">
            <header>
                <div class="doctor"><img src="img/imgport.png" alt=""/></div>
                <h1>Bienvenidos a nuestro sitio web</h1>
                <p class="descripcion">Lorem ipsum dolor sit amet, consectetur adpisicing elit, sed do eiusmod</p>
            </header>
            <nav>
                    <ul>
                        <li><a href="#">Inicio</a></li>
                        <li><a href="#">Presentación</a></li>
                        <li><a href="#">Trabajos realizados</a></li>
                        <li><a href="#">Instalaciones y equipamientos</a></li>
                        <li><a href="#">Servicios</a></li>
                        <li><a href="#">Contacto</a></li>
                        <li><a href="#">Boletín de noticias</a></li>
                    </ul>
                </nav>
            <section class="ultimostrabajos">
                <article>
                    <h2 class="ultimostrabajostitulo">Últimos trabajos</h2>
                    <h3 class="nombredeltrabajo2">Nombre del trabajo 2</h3>
                    <time datetime="2019-04-05">5 de Abril de 2019</time>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing
                        elit. Ut ac semper urna. Sed vel aliquet purus.
                        Curabitur vel nisl sit amet lorem eleifend loboris
                        nec vel nunc. Nunc nec sem blandit, euismod purus
                        nec,sodales massa. Vivamus molestie blandit lorem
                        in feugiat diam vestibulum ac. Vivamus et quam adipiscing,
                        blandit urna eu, pharetra turpis.Vestibulum in ultricies
                        in ultricies nisl, sed semper dolor <a href="#">(leer mas)</a></p>
                </article>
                <article>
                    <h3 class="nombredeltrabajo1">Nombre del trabajo 1</h3>
                    <time datetime="2019-04-01">1 de Abril de 2019</time>
                    <p> Vivamus et quam adipisicing, blandit urna eu, pharetra turpis.
                        Vestibulum in ultricies nisl, sed semper dolor. Nuc quis semper ipsum,
                        eleifend volupat lectus. Proin fringilla arcu vitae iaculis fermetum. Aliquam
                        eu sempre nulla, et eusimod diam.
                        Etiam in tupis sed augue laoreet sagistis.
                        Morbi volupat eleifend consequat <a href="#">(leer más)</a></p>
                </article>
            </section>
            <div class="imagenbanner">
                <img class="imagenbanner" src="img/banner.jpg" alt=""/>
                      <img class="areaprivada" src="img/areaprivada.jpg" alt=""/>

            </div>


             <div class="borrar"></div>
            <section class="galeriaimagenes">
                <h2>Galería de imágenes</h2>
                <article class="galeria">
                    <h3>Laboratiorio</h3>
                    <time datetime="2019-04-01">1 de Abril de 2019</time>
                    <p>Fusce volutpat massa sit amet consecterur egestas. Nulla
                        sollicitudin retrum sem, ut tempus neque tincidunt et.
                        (<a href="#">ver galería completa</a>)</p>

                </article>
                <img src="img/imggaleriaport.jpg" alt=""/>
            </section>
            <div class="borrar"></div>
        </div>
        <div class="cajanegra">
            <a href="#">© Alta estética 2019</a>
            <a href="#">contacto</a>
            <a href="#">nota legal</a>
        </div>
    </body>

</html>