Create HTML structure

[partialarts]

AS A website user I WANT a way to easily use the website SO THAT I can easily get around the content

• [x] Heading of "BeWyld Train & Meal Prep Coach"
• [x] 3 cards, each with text and image representing a fitness goal (bulking, toning, maintenance), each with a short caption.
• [x] Link Bootstrap CSS, Jquery and script file from repo
• [x] Add a container for the results
• [x] Add Title for the results page
• [x] Add 2 containers for with class of either lean and bulk
• [x] 3 meal cards in each container
• [x] Each meal card has "Find out more" button that opens link to selected pack on BeWYLD website in a new tab
• [x] Link to BeWYLD menu, e.g. "to see the menu we use to create your meals, click below"
• [x] Title of "You're all set, let's get you those results" and a button to "book a trainer"
• [x] Add save button to aside

[ClaireFraser121]

I have completed all 3 tasks. I then created a branch called main_html_structure and pushed everything up. They are now waiting to be approved.

[partialarts]

Moved to QA.

Let's look at how we sync pull requests to their relevant issue for future issues.

Reviewing pull request now

[partialarts]

@ClaireFraser121 Nice work on the HTML structure, you've done a tonne of stuff!

Have you thought about the amount of content/options we need to display on the results page and how a modal will achieve this? You've gone a fair bit beyond the scope we set out, so we just need to make sure all the JS you've written will do what we want it to.

What if we displayed the results using the full page? It may be easier to achieve and likely a better UX, so that the user can navigate around the page, without having to first close the modal.

Example

Here's how we could set it up in the HTML ready to manipulate in the JS

[partialarts]

Adding cards for the initial page content