72 lines
7.1 KiB
HTML
72 lines
7.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Header</title>
|
|
<link rel="stylesheet" href="./css/header.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<header id="main_header">
|
|
<img src="./img/logo.svg" alt="">
|
|
<nav>
|
|
<ul class="menu">
|
|
<li><a href="#home">Home</a></li>
|
|
<li><a href="#enlace1">Enlace 1</a></li>
|
|
<li><a href="#enlace2">Enlace 2</a></li>
|
|
<li><a href="#enlace3">Enlace 3</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<main>
|
|
|
|
<section>
|
|
<h2 id="home"> Home</h2>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio, dolor explicabo, molestiae sint, ex illo error quidem saepe aliquid optio assumenda tempore vero id! Praesentium dignissimos tempora quidem rem libero.<br><br></br></p>
|
|
<p>Molestias, unde fugit. Vitae laboriosam tempore accusantium optio commodi ea, corrupti expedita! Quibusdam earum, expedita vero ut esse dicta pariatur eveniet, nemo itaque saepe placeat voluptatum explicabo deserunt debitis impedit?<br><br></br></p>
|
|
<p>Laboriosam quis maiores aut delectus eaque corrupti, beatae assumenda velit ratione minima doloribus explicabo porro repellat, doloremque suscipit vero facere et sint ex itaque! Illum vel quas rerum ullam inventore.<br><br></br></p>
|
|
<p>Quasi ullam pariatur harum quia amet debitis reiciendis velit natus odit veritatis eos quaerat esse dolores sequi dignissimos nesciunt perspiciatis quis voluptatibus, dicta quas. Maxime consequuntur numquam voluptate ipsa! Et.<br><br></br></p>
|
|
<p>Eos minus culpa aliquid voluptates eius sunt officia dignissimos nemo iusto, quod cum dolorem sequi illo soluta voluptatum a quisquam tenetur repudiandae commodi repellat voluptatem facilis eveniet accusantium. Exercitationem, consequuntur.<br><br></br></p>
|
|
<p>Accusamus molestias iusto quasi nostrum quae velit aliquid pariatur id non voluptas est, sint exercitationem modi dolorum. Sequi voluptatum voluptatibus aliquam molestiae, tempora quis dolorum velit dolores laudantium doloribus quaerat.<br><br></br></p>
|
|
</section>
|
|
<hr>
|
|
<section>
|
|
<h2 id="enlace1"> Enlace 1</h2>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio, dolor explicabo, molestiae sint, ex illo error quidem saepe aliquid optio assumenda tempore vero id! Praesentium dignissimos tempora quidem rem libero.<br><br></br></p>
|
|
<p>Molestias, unde fugit. Vitae laboriosam tempore accusantium optio commodi ea, corrupti expedita! Quibusdam earum, expedita vero ut esse dicta pariatur eveniet, nemo itaque saepe placeat voluptatum explicabo deserunt debitis impedit?<br><br></br></p>
|
|
<p>Laboriosam quis maiores aut delectus eaque corrupti, beatae assumenda velit ratione minima doloribus explicabo porro repellat, doloremque suscipit vero facere et sint ex itaque! Illum vel quas rerum ullam inventore.<br><br></br></p>
|
|
<p>Quasi ullam pariatur harum quia amet debitis reiciendis velit natus odit veritatis eos quaerat esse dolores sequi dignissimos nesciunt perspiciatis quis voluptatibus, dicta quas. Maxime consequuntur numquam voluptate ipsa! Et.<br><br></br></p>
|
|
<p>Eos minus culpa aliquid voluptates eius sunt officia dignissimos nemo iusto, quod cum dolorem sequi illo soluta voluptatum a quisquam tenetur repudiandae commodi repellat voluptatem facilis eveniet accusantium. Exercitationem, consequuntur.<br><br></br></p>
|
|
<p>Accusamus molestias iusto quasi nostrum quae velit aliquid pariatur id non voluptas est, sint exercitationem modi dolorum. Sequi voluptatum voluptatibus aliquam molestiae, tempora quis dolorum velit dolores laudantium doloribus quaerat.<br><br></br></p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2 id="enlace2"> Enlace 2</h2>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio, dolor explicabo, molestiae sint, ex illo error quidem saepe aliquid optio assumenda tempore vero id! Praesentium dignissimos tempora quidem rem libero.<br><br></br></p>
|
|
<p>Molestias, unde fugit. Vitae laboriosam tempore accusantium optio commodi ea, corrupti expedita! Quibusdam earum, expedita vero ut esse dicta pariatur eveniet, nemo itaque saepe placeat voluptatum explicabo deserunt debitis impedit?<br><br></br></p>
|
|
<p>Laboriosam quis maiores aut delectus eaque corrupti, beatae assumenda velit ratione minima doloribus explicabo porro repellat, doloremque suscipit vero facere et sint ex itaque! Illum vel quas rerum ullam inventore.<br><br></br></p>
|
|
<p>Quasi ullam pariatur harum quia amet debitis reiciendis velit natus odit veritatis eos quaerat esse dolores sequi dignissimos nesciunt perspiciatis quis voluptatibus, dicta quas. Maxime consequuntur numquam voluptate ipsa! Et.<br><br></br></p>
|
|
<p>Eos minus culpa aliquid voluptates eius sunt officia dignissimos nemo iusto, quod cum dolorem sequi illo soluta voluptatum a quisquam tenetur repudiandae commodi repellat voluptatem facilis eveniet accusantium. Exercitationem, consequuntur.<br><br></br></p>
|
|
<p>Accusamus molestias iusto quasi nostrum quae velit aliquid pariatur id non voluptas est, sint exercitationem modi dolorum. Sequi voluptatum voluptatibus aliquam molestiae, tempora quis dolorum velit dolores laudantium doloribus quaerat.<br><br></br></p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2 id="enlace3"> Enlace 3</h2>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio, dolor explicabo, molestiae sint, ex illo error quidem saepe aliquid optio assumenda tempore vero id! Praesentium dignissimos tempora quidem rem libero.<br><br></br></p>
|
|
<p>Molestias, unde fugit. Vitae laboriosam tempore accusantium optio commodi ea, corrupti expedita! Quibusdam earum, expedita vero ut esse dicta pariatur eveniet, nemo itaque saepe placeat voluptatum explicabo deserunt debitis impedit?<br><br></br></p>
|
|
<p>Laboriosam quis maiores aut delectus eaque corrupti, beatae assumenda velit ratione minima doloribus explicabo porro repellat, doloremque suscipit vero facere et sint ex itaque! Illum vel quas rerum ullam inventore.<br><br></br></p>
|
|
<p>Quasi ullam pariatur harum quia amet debitis reiciendis velit natus odit veritatis eos quaerat esse dolores sequi dignissimos nesciunt perspiciatis quis voluptatibus, dicta quas. Maxime consequuntur numquam voluptate ipsa! Et.<br><br></br></p>
|
|
<p>Eos minus culpa aliquid voluptates eius sunt officia dignissimos nemo iusto, quod cum dolorem sequi illo soluta voluptatum a quisquam tenetur repudiandae commodi repellat voluptatem facilis eveniet accusantium. Exercitationem, consequuntur.<br><br></br></p>
|
|
<p>Accusamus molestias iusto quasi nostrum quae velit aliquid pariatur id non voluptas est, sint exercitationem modi dolorum. Sequi voluptatum voluptatibus aliquam molestiae, tempora quis dolorum velit dolores laudantium doloribus quaerat.<br><br></br></p>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
|
|
</body>
|
|
|
|
</html> |