Responsive side menu starter project

A starter HTML5+CSS3 website project with a collapsible responsive side menu.

What is a starter project?

A starter project is a project with the basic file structure and some components readily integrated. They are great for starting your own website.

What's inside 'responsive side menu'?

This starter project comes with a menu that adequates itself to the screen width of the device in which the website was opened.

  • in large devices (>500px) the navigation menu is displayed in the top of the page
  • in smaller devices (<=500px) the menu is hidden by default and can be opened by clicking on a menu button on the top left of the page


File structure

├── img/                          -- directory containing all images
│   ├── logo.png
│   └── menu-trigger-images.svg
├── scripts/
│   └── header.js                 -- responsive header interactions
├── styles/
│   ├── header.css                -- responsive header styles
│   ├── reset.css                 -- browser resets
│   └── style.css                 -- main stylesheet
└── index.html                    -- homepage

Developed by



Creative Commons Attribution License