<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Sticky Navbar</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="navbar">
<a href="/index.html"><img src="logo.svg" alt="logo" /></a>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="top-container">
<h1>Welcome to our website</h1>
</div>
<div class="bottom-container">
<p class="text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla tempore
explicabo veritatis dignissimos accusantium nostrum voluptatum qui
labore, natus mollitia voluptatem. Ipsa ducimus eos saepe expedita ex
laboriosam optio omnis amet, qui veritatis unde aut tempora. Fuga et
sint autem amet, modi, veniam dolorum placeat blanditiis rerum doloribus
aliquid voluptas. Alias voluptatum id vel minima voluptates assumenda
accusantium consectetur culpa necessitatibus sint cum perspiciatis
laboriosam sequi praesentium, eos numquam! Eum, officia fugiat
reprehenderit eligendi itaque similique! Harum, quod vitae explicabo
sint ad illum expedita quisquam earum? Necessitatibus illo tempore
sapiente commodi quae, qui quasi odit fugiat impedit mollitia eveniet
maiores?
</p>
<p class="text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla tempore
explicabo veritatis dignissimos accusantium nostrum voluptatum qui
labore, natus mollitia voluptatem. Ipsa ducimus eos saepe expedita ex
laboriosam optio omnis amet, qui veritatis unde aut tempora. Fuga et
sint autem amet, modi, veniam dolorum placeat blanditiis rerum doloribus
aliquid voluptas. Alias voluptatum id vel minima voluptates assumenda
accusantium consectetur culpa necessitatibus sint cum perspiciatis
laboriosam sequi praesentium, eos numquam! Eum, officia fugiat
reprehenderit eligendi itaque similique! Harum, quod vitae explicabo
sint ad illum expedita quisquam earum? Necessitatibus illo tempore
sapiente commodi quae, qui quasi odit fugiat impedit mollitia eveniet
maiores?
</p>
<p class="text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla tempore
explicabo veritatis dignissimos accusantium nostrum voluptatum qui
labore, natus mollitia voluptatem. Ipsa ducimus eos saepe expedita ex
laboriosam optio omnis amet, qui veritatis unde aut tempora. Fuga et
sint autem amet, modi, veniam dolorum placeat blanditiis rerum doloribus
aliquid voluptas. Alias voluptatum id vel minima voluptates assumenda
accusantium consectetur culpa necessitatibus sint cum perspiciatis
laboriosam sequi praesentium, eos numquam! Eum, officia fugiat
reprehenderit eligendi itaque similique! Harum, quod vitae explicabo
sint ad illum expedita quisquam earum? Necessitatibus illo tempore
sapiente commodi quae, qui quasi odit fugiat impedit mollitia eveniet
maiores?
</p>
<p class="text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla tempore
explicabo veritatis dignissimos accusantium nostrum voluptatum qui
labore, natus mollitia voluptatem. Ipsa ducimus eos saepe expedita ex
laboriosam optio omnis amet, qui veritatis unde aut tempora. Fuga et
sint autem amet, modi, veniam dolorum placeat blanditiis rerum doloribus
aliquid voluptas. Alias voluptatum id vel minima voluptates assumenda
accusantium consectetur culpa necessitatibus sint cum perspiciatis
laboriosam sequi praesentium, eos numquam! Eum, officia fugiat
reprehenderit eligendi itaque similique! Harum, quod vitae explicabo
sint ad illum expedita quisquam earum? Necessitatibus illo tempore
sapiente commodi quae, qui quasi odit fugiat impedit mollitia eveniet
maiores?
</p>
<p class="text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla tempore
explicabo veritatis dignissimos accusantium nostrum voluptatum qui
labore, natus mollitia voluptatem. Ipsa ducimus eos saepe expedita ex
laboriosam optio omnis amet, qui veritatis unde aut tempora. Fuga et
sint autem amet, modi, veniam dolorum placeat blanditiis rerum doloribus
aliquid voluptas. Alias voluptatum id vel minima voluptates assumenda
accusantium consectetur culpa necessitatibus sint cum perspiciatis
laboriosam sequi praesentium, eos numquam! Eum, officia fugiat
reprehenderit eligendi itaque similique! Harum, quod vitae explicabo
sint ad illum expedita quisquam earum? Necessitatibus illo tempore
sapiente commodi quae, qui quasi odit fugiat impedit mollitia eveniet
maiores?
</p>
</div>
<script src="index.js"></script>
</body>
</html>
Mejor coincidencia
