Grip Website (Frontend only)

.I created this website to brand for Grip, a sportswear brand I am planning to launch

.In this project, I designed the website's frontend and backend from scratch

.The design is unique and responsive for all screen sizes

.First, I setup a file in Visual Studio Code to start creating all the HTML elements I needed for each webpage

.Second, I added class names to my elements and started styling them one by one using CSS

.I also used bootstrap 5 libraries to style some of my HTML elements at this step

Third, I focused on the user interaction with the webpage (UI and UX) using Javascript after adding id's to the elements I

.wanted to target or sometimes I targeted the elements by class name

.Fourth, I started to add href attributes to the elements responsible to shift between the webpages

Finally, I used Adobe Illustrator and GoDaddy content creator to modify the images and pictures I had in my assets before styling them using CSS and shifting between them using Javascript

.This completes all the coding steps I went through to design the frontend only of this website

I am planning to post this website online after I finish the backend design and when I am ready to launch my sportswear brand

I will be using PHP and Mysql as I did in the previous project to store and update my database for this project

In case I decide I want to sell online I will add to my PHP a payment gateway that I already prepared on PayMob

Below you can find screenshots of some pages of the website along with some screenshots of the coding platform and languages I used till now