Foundation CSS Basic Menu Last Updated : 17 Mar, 2022 Comments Improve Suggest changes Like Article Like Report Introduction:- Foundation CSS is an open-source & responsive front-end framework built by ZURB foundation in September 2011, that makes it easy to design beautiful responsive websites, apps, and emails that look amazing & can be accessible to any device. It is used by many companies such as Facebook, eBay, Mozilla, Adobe, and even Disney. The framework is built on Saas-like bootstrap. It is more sophisticated, flexible, and easily customizable. It also comes with CLI, so it’s easy to use it with module bundlers. It offers the Fastclick.js tool for faster rendering on mobile devices. Menus are the main tools for visitors to navigate throughout a website. Foundation CSS Basic Menu is horizontal oriented menu. The menu items are created using <ul> and <li> elements. used Class: menu: This class is used to create a basic menu items. This class is used inside <ul> element. Syntax: <ul class="menu"> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2</a></li> . . . </ul> Example: HTML <!DOCTYPE html> <html lang="en"> <head> <title>Foundation CSS Basic Menu</title> <!-- Compressed CSS --> <link rel="stylesheet" href= "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/foundation.min.css" crossorigin="anonymous"> <!-- Compressed JavaScript --> <script src= "https://cdn.jsdelivr.net/npm/[email protected]/dist/js/foundation.min.js" crossorigin="anonymous"></script> </head> <body> <h1 style="color: green;"> GeeksforGeeks </h1> <h3>Foundation CSS Basic Menu</h3> <ul class="menu"> <li><a href="#">GeeksforGeeks</a></li> <li><a href="#">Web Technology</a></li> <li><a href="#">Data Structure</a></li> <li><a href="#">Programming</a></li> <li><a href="#">Algorithm</a></li> </ul> </body> </html> Output: Foundation CSS Basic Menu Reference: https://get.foundation/sites/docs/menu.html#basic-menu Comment More infoAdvertise with us Next Article Foundation CSS Basic Menu V vkash8574 Follow Improve Article Tags : Web Technologies CSS Foundation Foundation-Navigation Similar Reads Foundation CSS Menu Foundation CSS is an open-source & responsive front-end framework built by ZURB foundation in September 2011, that makes it easy to design beautiful responsive websites, apps, and emails that look amazing & can be accessible to any device. It is used by many companies such as Facebook, eBay, 2 min read Foundation CSS Accordion Menu Basics Foundation CSS is an open-source and responsive front-end framework created by ZURB in September 2011 that makes it simple to create stunning responsive websites, apps, and emails that operate on any device. Many companies, like Facebook, eBay, Mozilla, Adobe, and even Disney, use it. This framework 3 min read Foundation CSS Tabs Basics Foundation CSS is an open-source and responsive front-end framework created by ZURB in September 2011 that makes it simple to create stunning responsive websites, apps, and emails that operate on any device. Many companies, like Facebook, eBay, Mozilla, Adobe, and even Disney, use it. The framework 3 min read Foundation CSS Accordion Menu Foundation CSS Accordion Menu is used to convert the basic vertical menu into an expandable accordion menu. To convert the menu into an accordion menu the data-accordion-menu attribute is used. In this article, we will discuss Foundation CSS Accordion Menu. Foundation CSS Accordion Menu Class:accord 2 min read Foundation CSS Menu Text Foundation CSS is an open-source and responsive front-end framework built by ZURB foundation in September 2011, that makes it easy to design beautiful responsive websites, apps, and emails that look amazing and can be accessible to any device. It is used by many companies such as Facebook, eBay, Moz 3 min read Like