A README file for User Centric Frontend Development Milestone Project
<<<<<<< HEAD Hello! Welcome to The Monkees project!
This website is for users who would like to spend some time to learn about The Monkees and have fun. There are a variety of videos from their TV shows and songs, links to their social network, articles about them, history, podcasts, shop, spotify.
This project contains 4 pages. Home The Monkees page, Multimedia, about us and contact page
=======
- This website is for made for fans of The Monkees
- Users can learn all about their history
- They can listen the podcasts
- They can buy their products
- They can have fun and explore website
-
Navbar I used same navbar for all the pages Simple Navbar wich extends in a mobile phone size
-
Landing page There is carusel with links to all 4 pages and with img background And then there is external blank target links to shop,news,articles,podcast and tv show and footer with copyrights and social networks
-
About us page Few img in containers with text from wikipedia on the end there is 4 cards with img of the band members black and white ones represent 2 deceased members and in color still living all of them have link to their wikipedia biography
-
Multimedia Istead of audio material provided i choose spotify and i like it better Few video embeds i took form youtube I am not fully satisfied with this page, I think it should be done with more effects etc.
-
Contact It is simple one I dont know what to add more on it
- html5 https://www.w3schools.com/html/
- css https://www.w3schools.com/css/css_intro.asp for styling
- bootstrap 4 https://getbootstrap.com/ to build the grid and make it responsive for all devices
- Balsamiq for wireframe https://balsamiq.com/?gclid=CjwKCAjwndvlBRANEiwABrR32Mzzb1wWuG0slcCQDwB1B2W9OBv8pacL7BzOZ9sGnPggguab1vbt4BoCTewQAvD_BwE
-
home page it looks responsive on all devices there is picture HIRE US from slide 3 it seems that is having a sml visual problem when carusel is sliding it appears white bottom padding i believe it is because format of picture but not 100% sure. I liked that picture so i didnt want to change it
-
about us all links are responsive and containers only in mobile phone view i let it to float little bit on the left, I am still thinking about it, is it nice like that or not
-
multimedia Tested spotyfy and all videos they doing well on all devices on xs view looks that videos are maybe too close to each other all links working fine
-
Contact form: Go to the "Contact Us" page Try to submit the empty form and verify that an error message about the required fields appears Try to submit the form with an invalid email address and verify that a relevant error message appears Try to submit the form with all inputs valid and verify that a success message appears.
-
The text for about the Monkees was copied from the https://en.wikipedia.org/wiki/The_Monkees
-
carusel, contact form, nav bar and image cards i copied from bootstrap 4 https://getbootstrap.com/
- The photos used in this site were obtained mostly from google
- I received inspiration for this project from https://thekinks.info/