<!DOCTYPE html>
<html>
<head>
<title>Paŕrafos y Headers</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description"
content="Ejemplo de una maquetación básica sin CSS que sólo utiliza párrafos, encabezados, y una lista de enlaces que nos permite navegar entre los contenidos">
<meta name="robots" content="noindex, follow">
<meta charset="utf-8">
</head>
<body>
<img src="https://pablomonteserin.com/res/html5/ex/banner.png">
<ol>
<li><a href="#inicio">Inicio</a>
<ul>
<li><a href="#presentacion">Breve presentación</a></li>
<li><a href="#busqueda">Lo que busco</a></li>
<li><a href="#experiencia">Experiencia</a></li>
</ul>
</li>
<li><a href="#contacto">Contacto</a></li>
</ol>
<!-- End Navigation -->
<!-- Content -->
<h1 id="inicio">Maquetador Web</h1>
<h2>Mi Nombre</h2>
<!-- Presentation -->
<h3 id="presentacion">Breve presentación</h3>
<p>Lorem ipsum dolor sit amet. Officia voluptate, qui distinctio
expedita
alias. Quae sit, temporibus quam, est accusamus exercitationem necessitatibus officia aliquam ex, sint delectus
vero
fuga maiores porro fugit nesciunt ut quod repellat. Deleniti culpa id nostrum ipsum voluptates ratione itaque
recusandae laborum voluptatem atque, maxime, corporis quod ipsa quas tenetur fuga natus molestiae dolore.
Deserunt
earum minus ipsa fugiat quas error, obcaecati aspernatur dolores, tempore voluptate dolore, perspiciatis in
reiciendis quod laudantium necessitatibus aliquid nesciunt iure, quis ad culpa laboriosam expedita! Ipsum ea
quidem
quod dolore perferendis, iure voluptates porro consequatur sit architecto ducimus aut! Natus.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis consequatur saepe error, sequi expedita
quisquam
commodi in. Veritatis placeat saepe animi, sequi sapiente, culpa soluta expedita consectetur cupiditate labore,
aspernatur.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis consequatur saepe error, sequi expedita
quisquam
commodi in. Veritatis placeat saepe animi, sequi sapiente, culpa soluta expedita consectetur cupiditate labore,
aspernatur.</p>
<!-- End Presentation -->
<!-- Searching -->
<h3 id="busqueda">Lo que busco</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae, aliquid, alias. Delectus quo animi natus commodi
nulla aliquid inventore cum iusto dolorum, in modi esse voluptatem autem perferendis maxime, eum tenetur officia
laudantium, atque iste pariatur doloribus quam a reiciendis. Suscipit fuga, quisquam perferendis, quas laborum
inventore aspernatur illo id, reiciendis nisi tenetur dignissimos qui consequatur pariatur! Minus reprehenderit
nihil, est quas tenetur ad cupiditate, voluptates rerum necessitatibus temporibus quia!.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis consequatur saepe error, sequi expedita
quisquam
commodi in. Veritatis placeat saepe animi, sequi sapiente, culpa soluta expedita consectetur cupiditate labore,
aspernatur.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis consequatur saepe error, sequi expedita
quisquam
commodi in. Veritatis placeat saepe animi, sequi sapiente, culpa soluta expedita consectetur cupiditate labore,
aspernatur.</p>
<!-- End Searching -->
<!-- Experience -->
<h3 id="experiencia">Experiencia</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt harum, vitae labore rem aut nihil quibusdam vero
distinctio nisi ea ipsa facilis deleniti quia quos libero facere dicta veniam, accusamus consequuntur quisquam,
molestiae eum unde illo non. Nesciunt suscipit repudiandae hic quos, dignissimos qui labore inventore. Adipisci
saepe dolorem voluptates cupiditate, magni cum, tempora quae eius necessitatibus pariatur veniam minima, aut
quaerat
molestias. Adipisci quis, quae rerum nesciunt eaque quidem!. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis consequatur saepe error, sequi expedita
quisquam
commodi in. Veritatis placeat saepe animi, sequi sapiente, culpa soluta expedita consectetur cupiditate labore,
aspernatur.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis consequatur saepe error, sequi expedita
quisquam
commodi in. Veritatis placeat saepe animi, sequi sapiente, culpa soluta expedita consectetur cupiditate labore,
aspernatur.</p>
<!-- End Experience -->
<!-- End Content -->
<!-- Footer -->
<h3 id="contacto">Contacto</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis consequatur saepe error, sequi expedita
quisquam
commodi in. Veritatis placeat saepe animi, sequi sapiente, culpa soluta expedita consectetur cupiditate labore,
aspernatur.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis consequatur saepe error, sequi expedita
quisquam
commodi in. Veritatis placeat saepe animi, sequi sapiente, culpa soluta expedita consectetur cupiditate labore,
aspernatur.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis consequatur saepe error, sequi expedita
quisquam
commodi in. Veritatis placeat saepe animi, sequi sapiente, culpa soluta expedita consectetur cupiditate labore,
aspernatur.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis consequatur saepe error, sequi expedita
quisquam
commodi in. Veritatis placeat saepe animi, sequi sapiente, culpa soluta expedita consectetur cupiditate labore,
aspernatur.</p>
<!-- End Footer -->
</body>
</html>