Html/css/js from pdf/psd

We have now redesigned the https://www.thelighthouseshrewsbury.co.uk/ and give a modern look. PDF is available here: https://xinhui.org/lighthouse.pdf


1. Home page
sticky menu bar. Check page 2 in pdf for menu bar on PC. Slideout menu for mobile (please check https://www.dentalnurseacademy.com/) . header shrinks when page is scrolled down (example:https://www.vibecreative.co.uk/)
full width slideshow with caption and button

Tiles Action boxes for product categories . Hover effects for images
Featured Products
Brands section
Grey bar section
Footer


2. About page
Full width slideshow
text & image sections

3. Product Category page
List products as grid

4. Product detail page
multiple images for each product.
mini scrollable slider. Click on large image to have full view lightbox

Related products in slideshow

5. Blog page and article page


6. Show room page
Full width slideshow,
image & text
A small gallery in tiles


Requirements
-. bootstrap 4 or 5 responsive
-. needs to work on all major browsers on PC/tablet & smart phones
-. no js error
Deadline: 5 working days after quote approved.
-. please take care of details, like smaller font sizes / margins on smaller browsers. We will test each page on browsers on all width.