So this is a basic menu. It's not very fancy, but it's a good start. I do not want to get started with javascript just yet. So lets just built this with css. It started out in 1997 when people liked the idea of a hamburger menu. But there was no screen where that fit. But the menu still looks like this these days. But there are some upgrades that can be made. We have responsive design now. So we can make the menu look good on mobile devices. Also add some sticky data.
let's make some menus!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce dictum sagittis leo id elementum. Pellentesque ullamcorper maximus diam, sed laoreet mauris pharetra sed. Proin eu imperdiet urna, sit amet gravida enim. Pellentesque elementum ac neque ac posuere. Integer rhoncus pretium libero, sed rhoncus dui porttitor et. Suspendisse auctor ipsum sit amet orci maximus facilisis. Nulla facilisi. Maecenas eget eleifend turpis. Pellentesque ultricies eu neque sit amet elementum.
Suspendisse sapien dolor, convallis quis quam sed, porta luctus elit. Morbi vel maximus nibh. Nullam in tempus mauris, in efficitur tortor. Pellentesque luctus tellus a mi pharetra luctus. Fusce mollis aliquet neque, vitae dignissim nisl luctus id. Maecenas iaculis tincidunt justo, a lacinia ipsum vestibulum eu. Donec eget fermentum odio, non imperdiet est. Nullam sodales dui at convallis aliquam.
Donec erat sapien, elementum efficitur risus non, congue vehicula quam. Nullam sed lobortis enim. Phasellus eu nisi lacus. Maecenas vitae mauris eget turpis auctor feugiat. Nullam non quam egestas risus dapibus convallis eu at lacus. Phasellus pharetra faucibus ex ac placerat. Duis in metus quis eros tincidunt vehicula eget et enim. Curabitur semper porta risus, vel aliquam mauris rutrum non. Duis ac nunc non purus rutrum tincidunt quis sit amet orci.
Quisque sit amet ornare metus, dignissim rhoncus enim. Vestibulum scelerisque diam ac interdum lacinia. Quisque eu mollis nibh, ac dignissim felis. Nam eget imperdiet diam, nec ultricies ex. Nunc auctor porta enim, viverra sagittis sapien volutpat eget. Vestibulum aliquam hendrerit est. Nunc imperdiet eros eget pulvinar imperdiet. Aliquam erat volutpat. Pellentesque nec eleifend massa. In aliquam tristique nisl. Aliquam augue eros, sagittis sit amet nisi ac, dictum lacinia tellus. Nullam volutpat odio in ex molestie faucibus. Integer ante nisi, pretium a risus ut, dapibus sodales eros. Quisque ut nisl dolor. Nullam egestas, nunc eget egestas aliquet, ipsum diam maximus libero, ac interdum urna diam ut ligula.
Pellentesque venenatis ipsum elit, ac porttitor tellus luctus sit amet. Suspendisse consectetur porttitor scelerisque. Mauris id tortor id massa consequat consectetur. Sed consectetur cursus tellus, et condimentum mi tristique ac. Nam quis ultrices sem. Phasellus sed semper turpis. Fusce ultricies enim rutrum mauris mattis dignissim.
Quisque ut pretium mauris, eget fermentum dui. Donec sed quam leo. Pellentesque tristique nisi in odio consequat, in dictum velit gravida. Donec tincidunt libero justo, in pellentesque risus varius commodo. Integer malesuada, dui nec porta dapibus, justo risus feugiat tellus, a rutrum tellus orci in nisl. Morbi bibendum varius urna. Fusce ex elit, sodales vel lacus nec, tempor blandit sem. Nam egestas risus ut nibh porttitor bibendum. Praesent accumsan tempor libero consectetur iaculis. Quisque risus lectus, viverra in tortor ac, bibendum lobortis dui. Donec nec metus accumsan, semper augue ut, pharetra diam. Donec fringilla enim eget risus eleifend aliquet. Aliquam vulputate augue nec consectetur sodales. Nulla a ligula ac elit interdum imperdiet id quis enim. Fusce pharetra mollis sem a efficitur.
Sed eget odio vel ipsum placerat dignissim non nec leo. Curabitur vestibulum, justo vitae commodo scelerisque, sapien eros placerat diam, vel dignissim justo metus vel urna. Curabitur id massa vel enim pharetra facilisis. Nullam interdum porttitor leo ac rutrum. Sed placerat porta laoreet. Aliquam consectetur, lacus nec feugiat fringilla, enim urna vulputate urna, ut consectetur elit nulla sed felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;
Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque egestas et massa ut efficitur. Donec elementum eleifend magna et pharetra. Sed convallis, justo quis mollis tempor, neque lectus rutrum lorem, quis eleifend est dolor id enim. Suspendisse potenti. Duis tempor, est egestas vulputate consectetur, eros sapien euismod sem, sit amet sodales tellus velit at erat. Praesent risus eros, varius in ultrices non, sodales id nibh. Vivamus vel laoreet erat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer vitae quam blandit turpis volutpat suscipit. Quisque eu pharetra sapien. Morbi vehicula felis at viverra rhoncus. Morbi eget nisl velit. Etiam ultricies tincidunt augue, ut eleifend augue posuere ut.
Sed ut arcu sodales, tincidunt lorem convallis, mollis est. Fusce eget lacinia arcu. Duis quis eros et libero tristique vehicula quis in massa. Nulla id lorem vulputate, commodo massa ut, maximus libero. Etiam mattis maximus risus, ut consectetur metus pharetra sed. Aenean tempor ut eros et tempor. Cras finibus lacus et ultrices rhoncus. Cras molestie, felis ac rhoncus rutrum, mi massa porta leo, vel viverra purus lacus at nunc. Aliquam nunc velit, eleifend sit amet felis sed, pellentesque tincidunt sem. Nullam consectetur lacus eros, eget fringilla augue auctor eget. Proin posuere tempus risus eu maximus. Cras et purus ac augue gravida fringilla. Praesent vitae urna vitae odio finibus venenatis.