Tiny swimming - - html/css/js from psd (8 pages)

1. Home

- header: Logo, menu & mobile menu btn. 2 top buttons leading to 3rd party websites .

- Full width image slider. Text changes along each slide. Color dots are indicator of the slides. Color dots can be simplified to just 2 colors (one to highlight the current slide, and another color fo the rest) if developer couldn't implement the design. The slide images will need to be put behind a semi-parent layer so that both the image and the text are visible. The top of the slider will be under a white wavy layer.

-.home text & a button in wavy blue background.
-. The web page will have the business logo on both sides of the page repeated down the page. The position of the background logs do not need to be at exact locations. But they are on both sides of the page.
- Swimming journey:
They are logs and text linked by dotted lines
- footer:
The right bottom corner is an instgram feed.

2. About page
Again, the background logs do not need to be exact.


3.Lessons landing page
wavy blocks stacking on top of each other. There are 5 stacks with different background colors and different text colors

4. Lessons detail page


5. Prices page
a simple small page listing the prices of swimming lessons

6. Calendar page
A list of days

7. Award scheme page
Similar to Prices page

8. Contact page
- full page banner
-. text & buttons
-. Contact form


Style guide:
-. psd will be the guide


Requirements:

-. bootstrap 4 or 5 responsive
-. needs to be fully tested on all major browsers on PC/tablet & smart phones on all browser sizes.
-. no css/js error
-. need only ONE h1 tag to be the page title / heading
h2 to be section heading. html needs to be search engine friendly.
-. please adjust text sizes on different screen sizes.

Deadline: completed by 19th Aug.
-. please take care of details, like smaller font sizes / margins at smaller browser width. We will test each page on browsers on all width.

PSD will be provided.


Thank you for reading.