Skip to main content

Command Palette

Search for a command to run...

Clone of Bath & Body Works using HTML,CSS and JavaScript...

Published
2 min read

This is our second project at Masai School after learning the JavaScript ,CSS and HTML, We had task of creating replica of the bathandbodyworks.com. We decided this work in multiple parts as we were four people to work on it.

Tech stacks used :

To create this clone following Tech stack is used by contributors.

1.HTML 2.CSS 3.JAVA SCRICPT

image.png

Landing Page :

The Landing Page of Bath & Body Works website displays various products, offers and ads of their own. There is Pagination and timer that changes the images on the Landing Page. In top section there is a Header which displays Dropdown menu of pages. At the bottom section there is a footer, both Header & Footer are same across all the pages.

image.png

Login Page :

Existing user can Login and new user's can Register themselves. User needs to Login before purchasing product.

image.png

Products Pages :

There are many Child pages linked to the Exercise page, but for this clone following pages are made. Body Care Home Fragrance

image.png

image.png

Cart :

Here users can add/delete added products.

image.png

Payment Mode Message :

User need to make payment here. After making successful payment user will get payment confirmation Pop-up

image.png

If you want to look at the project then you can go to this GitHub link: https://github.com/Vinesh3124/Kosi_bathandbodyworks.

Thanks For Reading.