how to make a responsive animated yoga themed website design template using html and css only.
create a complete responsive yoga website using html and css only with scroll on animation effect.
๐ SOURCE CODES ๐
https://buymeacoffee.com/mrwebdesigner/e/292435
๐Support The Channel With A Coffee๐โ :
https://www.buymeacoffee.com/mrwebdesigner
๐ font awesome cdn link:
https://cdnjs.com/libraries/font-awesome
๐ google fonts:
https://fonts.google.com/
๐ clip path generator:
https://bennettfeely.com/clippy/
Editor : – visual studio code with Laetus: Dark Vibrant Theme
Browser : – google chrome
UI Tool : – Figma
localhost : xampp
Images / Video / SVG : –
01 – https://www.freepik.com/
02 – https://storyset.com/
03 – https://undraw.co/
04 – https://pixabay.com/
05 – https://unsplash.com/
06 – https://pixabay.com/
07 – https://www.flaticon.com/
08 – https://pngtree.com/
09 – https://www.pngegg.com/
๐New To My Channel Subscribe Now!๐
https://www.youtube.com/c/MrWebDesignerAnas
โฒ Timestamps:
0:00 demo
3:00 file structure
3:40 header
18:50 home
27:26 scroll Indicator
29:28 about
37:44 classes
42:46 services
48:23 prices
57:12 reviews
1:10:30 book
1:18:53 blogs
1:28:08 infinite slider
1:32:35 footer
1:40:13 scroll animation
1:48:00 final demo
#frontend
#responsivewebsite
#singlepage
