code-institute-submissions / milestone_1 Goto Github PK

Your Project's Name: User Centric Frontend Development Milestone Project.

UX: This webiste is for fans of the 1970s British/American rock band - Fleetwood mac. This website will allow viewers to tour infomation, band information and social media links. This website is created using HTML & CSS

User Story: User - Fleetwood Mac fan, just heard the news that they will be touring in 2019 and eager to find out what cities they will be in and what dates. Click onto the Fleetwood Mac website, greeted with the information of their European tour dates. User finds the tour date they are looking for but curious to see where else they will be playing on their upcoming tour in 2019. Once the User see the dates they click on the link to book tickets - But tickets are currently unavailable for the Dublin date so the User will need to keep up to date of their tour news. The User goes onto the their social page and click the link to their Facebook - Gets redirected to their official Facebook page.

Features: Index: Home Page - Link to tour dates. About: Information about the band and members. Tour: Band tour dates & Video of them performing in concert music: Album information and sample music from each album Social: Links to the band official socail media pages.

Technologies Used: HTML CSS Bootstrap (https://getbootstrap.com/) Cloudflare (https://cdnjs.com/libraries)

Deployment: Initial deployment of website from Cloud9 to Github using Git. When website was deployed, two webpages where displayed incorrectly. Redployed the webpages several times to Github using Git until all five webpages displayed correctly.

Credits:

Content - Index page: Header Hero Image: https://www.w3schools.com/howto/howto_css_hero_image.asp Image Aligment: https://www.w3schools.com/howto/howto_css_images_side_by_side.asp Button Design: https://www.w3schools.com/howto/howto_css_text_buttons.asp Band Information: https://en.wikipedia.org/wiki/Fleetwood_Mac

Media - https://www.stuff.co.nz/entertainment/music/109998566/what-you-need-to-know-about-getting-fleetwood-mac-tickets-in-nz https://www.topsimages.com/images/youtube-rocket-love-stevie-ce.html https://en.wikipedia.org/wiki/Rumours_(album) https://en.wikipedia.org/wiki/Fleetwood_Mac_(1975_album) https://en.wikipedia.org/wiki/Tango_in_the_Night https://abcnews.go.com/Entertainment/stevie-nicks-reflects-rumours-album-turns-40/story?id=45260222 https://www.billboard.com/articles/columns/rock/7678007/fleetwood-mac-rumours-stevie-nicks-ranked-anniversary http://music.blog.austin360.com/2015/02/27/fleetwood-mac-going-long-with-lindsey-buckingham/ https://chapelboro.com/the-music-in-my-head/the-music-in-my-head-10-12-18 https://www.morrisonhotelgallery.com/collections/fALB3t/Fleetwood-Mac https://www.express.co.uk/entertainment/music/944540/fleetwood-mac-lindsey-buckingham-John-McVie-Stevie-Nicks-Christine-McVie-Mick-Fleetwood https://playvk.com/en/search?q=fleetwood+mac https://www.youtube.com/watch?v=eam8HmS7PiQ https://www.broadwayworld.com/bwwmusic/article/Fleetwood-Mac-Announce-2018-2019-North-American-Tour-Dates-20180425

Thomas Devery