ACDC - A Fan-Based Website

Source Code

Visit

Description

A fun little website I made dedicated to one of my favorite bands. I created this webpage because I wanted to learn how to:

• Update a navbar using scrollspy
• Create a carousel using Bootstrap
• Add scroll animations

For updating the navbar using Scrollspy, the main two pages that I learned were from: Bootstraps Documentation on ScrollSpy and W3Schools section on Scrollspy. Additionally, I learned that there were certain CSS classes in Bootstrap that I had to change manually in order to get the results I wanted.

In order to create a carousel, I had to refer to Bootstraps Documentation on Carousel. Creating a carousel with controls, indicators, and an interval was surprisingly easy enough when referring to their documentation page.

Lastly, for scroll animations, I looked across searches on Google to see what was the simplest way to have a scroll animation. I came across a scroll animation plugin that seemed easy enough to use, so I used it and it worked. The plugin can be found here.

All in all, it was a fun summer project I did to get more comfortable with Bootstrap. If you or if anyone else has any other recommendations on how I can better my website, please let me know.