You work in a small, creative web development agency that has been hired to create a new website for the Museum of the Royal Regiment of Scotland. The project manager and the designer on your team have worked together to create a design mockup of the site. The client has signed off and now it's your job to turn the design into a website using HTML, CSS and JavaScript.
- Look over the design mockup and resources to see if you have all the information you need to build the website. Ask for any information or resources you're missing to do your job.
- Discuss how the project can be divided up into separate tasks and assign responsibilities.
- Read the rest of this document before beginning.
When you complete the project, we'll expect the following:
- A new git repository with an HTML page we can load and view. All students in the group should have contributed to this repository via Pull Requests.
- A responsive design that is easy to use on mobile phones, tablets and laptops.
- Attention to detail when implementing the designer's typography, colors, layout and photos. (See the style guide)
- Clean, semantic HTML code.
- Well-structured CSS code that makes use of re-usable components.
- Under the "Events" panel, there's a button named "Calendar". Clicking on "Calendar" should reveal a large pop-up (sometimes called a "modal") with a calendar showing events. To display these events, use the FullCalendar jQuery library. (See the events list).
- It should be possible to browse the site with a keyboard (using TAB), and easy to see where the focus is at any time.
