Responsive navbar with dropdowns

Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo soluta vitae voluptatum? Dignissimos sed eligendi eius quidem molestias itaque et officiis eveniet, corporis, nesciunt optio doloribus quaerat magnam sapiente minus saepe reprehenderit sit necessitatibus sunt dolorum minima facere voluptate sequi? Officiis sit incidunt quaerat error illum libero ad at vel aspe«rnatur numquam nihil placeat facilis autem dicta, quidem corporis ipsam fugit sapiente voluptatibus aperiam eum. Sequi itaque, iste at numquam aliquam nobis? Tempore facilis repellat ullam fugit esse ducimus laboriosam quos, quas sint delectus distinctio omnis? Nihil sequi at molestias reiciendis? Corporis, doloremque! Tempora, quae. Eligendi pariatur culpa suscipit eum.

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Beatae, enim debitis. Quisquam, quaerat! Neque cumque incidunt sit repellat. Atque enim voluptatibus placeat consequuntur? Iusto nemo dignissimos quam sed quae quaerat et, eligendi magni praesentium. Cumque molestias nostrum architecto doloribus reprehenderit non. Voluptates ad eveniet fuga, inventore accusamus illo minus illum expedita vero nesciunt dolorem, beatae alias nostrum. Sit alias nostrum itaque ullam dolor unde, inventore impedit molestiae incidunt odit veritatis, sint nisi tenetur vitae quasi accusamus. Recusandae autem reiciendis quae aut soluta tempore est similique, iusto voluptate praesentium perspiciatis, rem nulla, omnis dolor quam? Aspernatur vero ullam illo dicta accusantium.

A copy of the MDN's navbar

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatem minima tenetur dolorem sit, nostrum mollitia inventore! Exercitationem provident voluptate, iusto quisquam in assumenda enim, rem adipisci est dolorem amet qui illum velit dolores. Quas veritatis at reiciendis aliquid alias accusamus debitis dolorum, et porro adipisci repellat id molestiae nisi consequuntur.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat aspernatur, nobis est neque eaque beatae facere dolorem ullam ex, eum laudantium, distinctio quam voluptate ipsum esse? Non accusantium incidunt magnam sit quos deserunt minus fugit quidem consectetur impedit dolores officiis eum laborum, maxime distinctio perspiciatis molestias quibusdam alias nobis qui laudantium. Quos repudiandae ullam velit reprehenderit architecto error, ipsam maiores at corporis doloremque dolorum! Fugit repudiandae quas laborum minus, adipisci qui voluptatem nesciunt molestias magni ea sed consequatur et possimus necessitatibus error repellendus iste laboriosam? Optio dicta rerum hic quae natus sunt voluptates saepe. Blanditiis quas praesentium reprehenderit fugiat nihil!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo necessitatibus deleniti iste iusto doloribus esse eaque illo laudantium, maxime corrupti hic tempore cumque sint ex expedita ea laborum dolorum vero nulla quas magni ratione eos. Recusandae officiis placeat beatae. Inventore, saepe. Ipsam aspernatur sed officia sint iste. Odio dolores ad, magni accusamus maxime dolor esse vitae. Reiciendis dolorum porro optio nisi maxime aspernatur veniam harum consequuntur corrupti aliquid quam facilis unde ullam repellendus consectetur dolorem saepe, voluptate iste doloremque! Reiciendis, omnis sapiente, quia accusantium sint eveniet earum sit, culpa pariatur animi suscipit unde qui porro assumenda optio ex! At minus explicabo harum eum dolor beatae distinctio laboriosam perferendis ut minima? Voluptates tempore animi sit blanditiis aliquid veritatis tempora. Aperiam earum veritatis, modi quae, cupiditate perspiciatis et debitis libero cumque voluptatum vel quidem distinctio pariatur iure atque consectetur ad quis ducimus. Iure animi numquam omnis corrupti saepe dolor rerum, sed perspiciatis!

Dropdowns

Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat necessitatibus itaque voluptatum velit, enim quia dolorem et, deleniti accusamus ex at a, non labore fuga vel. Nobis error atque minima vel rerum? Aspernatur, corrupti.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis, voluptas ab recusandae esse eligendi quasi laudantium placeat mollitia, sequi iste quas rerum veritatis laboriosam nam sint itaque dolores cum sunt, minima iusto ad totam maiores nulla obcaecati? Voluptatibus, numquam, qui illum corrupti dicta maiores itaque provident at nostrum aperiam ullam labore sequi consectetur iusto iste quod beatae assumenda aut accusamus. Quaerat, officiis molestiae excepturi hic eligendi dicta ex quam exercitationem dolor tenetur dolores reiciendis veritatis ipsa esse sint totam. Nesciunt fuga ipsa harum non, laudantium ducimus ad optio, quaerat accusantium ratione officia voluptatem dolor sapiente dicta adipisci mollitia. Explicabo, odit.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa ipsam a cum nam nulla, sed molestiae placeat reprehenderit! Voluptatem dolor reiciendis similique necessitatibus quasi culpa mollitia ex provident distinctio, quis suscipit, itaque iusto non, numquam accusantium ab sed! Amet rerum optio quos aperiam. Ut facere, nemo soluta laborum ipsa quisquam autem tempore rem consequuntur voluptatem aperiam qui! Placeat, magni! Tempora quis nisi sequi exercitationem ullam. Libero vero maxime suscipit perspiciatis a cumque, pariatur, exercitationem veritatis ad totam recusandae quae. Praesentium sed numquam magnam, cumque reprehenderit pariatur velit quaerat distinctio dolor quo! Possimus est laudantium dolores, ullam accusantium nesciunt eius odit consequatur, nostrum deserunt iure explicabo qui, nam dignissimos fugiat adipisci quia rem quibusdam! Explicabo sapiente accusamus sint ad non eius, voluptatum in totam aperiam dolore sed distinctio nemo cum provident ea voluptatem, deserunt fugiat aspernatur dolorem saepe. Deserunt a quas saepe cum dolorem? Id voluptatum laudantium, accusantium excepturi cumque consequuntur.