Monkees Website

This is a monkees website very well known rock band. It's a simple site containing information, gallery, contact form.

UX

This website is made for existing and future supporters of The Monkees as well as for customers who would like to hire them.

As a user type, I want to get information about concert tour - i can find it on main page in section where to see us. alternatively i can click the link on top alert.

As a user i would like to see the gallery wchich i can go to from navigation bar.

If i want to check the offer for hire them i can go to 'our offer' page and then choose the one i want to check.

Features

Gallery

Contact Form

Concert tour

Audio and Video player

Existing Features

• Gallery - allows users to see the pictures gallery.
• Contact form - allows users to contact the band
• Concert trour - allow to check where will be concerts in near future
• Audio and Video players - allow to listen to music or watch a video

Features Left to Implement

Technologies Used

• HTML5
• CSS3
• JQuery
  • The project uses JQuery for simple functions
• Bootstrap
  • grid
• Font Awesome -social icons
• Lightbox
  • gallery manipulation

Testing

test different screen sizes (responsive) on google chrome dev tools;

Check all the links are working and open in new tab.

check all the pictures are loading.

Check navigation links and footer>social links are working.

Checked deployed site on smartphones : - Sony Xperia Z1 - Sony Xperia XZ Premium - Samsung galaxy 6s

Checked on tablet - Asus ZenPad 10.1

Deployment

The website was deployed on github pages Monkees Website. before deployment it was checked localy, od on c9 ide. You can run code locally by double cliking on index.html

Content

• The text for section History was copied from the Wikipedia article The_Monkees

Media

The photos used in this site were obtained from Code Institute github, pixabay and google search engine.