Rolling Stones

The brief for this assignment was to build a static web application about a rock band. Users are able to listen to their old and new music and wish to book the band for an event of their choosing. The band also have a social media presence on Facebook, Twitter and YouTube.

This project was based on The Rolling Stones due to the years of experience and general stature of the band. The bright colour schemes of their album covers and symbols for me provided the best aesthetics for this static sight and allowed me to practice several features of HTML, CSS and Bootstrap framework for my first project.

UX

This web application was targeted towards new and exisiting fans who both already love their music or are keen to expand their love for music and wish to explore the great Rolling Stones. For those who are exisiting fans can visit the site to see and listen to all the band's latest music.

Event planners, or people who require a band can request the band to play at an event and a date of their choosing. This can be achieved by the user filling out a form.

Similarly, if a user has query, issue or general question, then they can fill out a different form in order to contact the theoretical support team of the site to deal with the users' queries.

Home

md/lg

xs/sm

Gallery

md/lg

xs/sm

Events

md/lg

xs/sm

Contact

md/lg

xs/sm

Features

All pages

• Navbar

  • At screen width greater than 992px, Navbar will be visible in center.
  • At screen width below 992px, Navbar will be present by the click of a Hamburger button in the top left corner.

• Footer

  • User has options to check out the web applications Facebook, Twitter and YouTube page.

Index

• User can watch promotional video on index.html page in order to provide an insight to new users and those users who don't know who the Rolling Stones are.
• User can see comments from previous user's of the website.

Gallery

• User can listen to albums by clicking the the album cover they prefer which will redirect the user to a YouTube page with all the tracks from that album.

• User can listen to tracks of Rolling Stones' latest album. If they click a track then the user will be redirected to a YouTube page playing the track.

Events

• User can book the Rolling Stones for an event by filling out the form on the 'events' page.

Contact Us

• User can contact us by filling out a form on the 'contact page'.

Technologies used

• HTML
  • This project uses HTML to provide the content.
• CSS
  • This project uses CSS to provide the styles.
• Bootstrap
  • This project uses Bootstrap framework to simplify grid layout and provide a better UX.

Deployment

I have deployed this project to GitHub.

Credits

Google

• The Maps in this project was used from Google Maps using Google Maps API.

Media

Images

Index

---

• Jumbotron image
• Comments
  • image-1
  • image-2
  • image-3
  • image-4

Gallery

---

• Jumbotron image

• Album covers

  • image-1
  • image-2
  • image-3
  • image-4
  • image-5
  • image-6

• Latest album cover

  • latest-album-image

• Band photos

  • image-1
  • image-2
  • image-3
  • image-4
  • image-5
  • image-6
  • image-7
  • image-8
  • image-9
  • image-10
  • image-11
  • image-12

Events

---

• Jumbotron image
• Section image-1
• Section image-2
• Form image

Contact

---

• Jumbotron image
• Section image
• Form image

Videos

Acknowledgments

• A big thank you to Victor Miclovich my mentor who's been extremely helpful with the completion of this project.
• Another big thank you to all the Tutors at Code Institute for coping with my multitude of questions on a daily basis.
• And of course the Rolling Stones!