Skip to content

Fully responsive v2 of my first attempt of building a modern looking service selling site

Notifications You must be signed in to change notification settings

Sagi23/time-saving-site

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Description:

My first attempt at creating a service selling site.
My first time using gsap library.
The site is responsive to all devices.

The Stack i used:

html, scss/css, js, adobe xd.

Workflow:

Made a mockup using adobe xd.
Created the mockup using html and scss.
I had some difficulties with making the site fully responsive but with the help of css grid and the beauty of scss i got the job done.
Had some fun playing around with the gsap library.
Integrated the js to the html file.

What i learned:

Improved scss skills.
Improved css grid skills.
Improved html slills.
Improved adobe xd skills.
How important the idea of mobile first thinking.
Improved docs reading.
Improved library integration.

The site:

https://time-saving.netlify.app/

The mockup:

mockup

Desktop version:

Hnet-image

Mobile version:

ezgif com-gif-maker

About

Fully responsive v2 of my first attempt of building a modern looking service selling site

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published