Smooth scroll with animation starter project

A starter HTML5+CSS3+JS website project with a collapsible responsive side menu, smooth scroll transition navigation and animation on sections.

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 'smooth scroll with animation'?

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

Besides, when clicking on menu links, the view slides down and up smoothly. Every section of view has an active estate, with animation styles.

Menu also supports external links.

preview

File structure

starter-smooth-scroll-animation/
├── img/                             -- directory containing all images
│   ├── logo.png
│   ├── menu-trigger-images.svg
│   └── content-1 ... content-3.svg  -- placeholder images
├── scripts/
│   └── header.js                    -- responsive header interactions
├── styles/
│   ├── content-2.css                -- styles and animation of section 2
│   ├── header.css                   -- responsive header styles
│   ├── reset.css                    -- browser resets
│   └── style.css                    -- main stylesheet
└── index.html                       -- homepage

Developed by

Habemus

License

Creative Commons Attribution License