complete responsive Coffee shop template website design using html CSS / and vanilla JavaScript .
create a complete responsive construction firm, interior design, house builder, architecture website design tutorial for beginners.
Live Demo :
https://mohamedhegazy33.github.io/coffee.shop.website/
the main feature of this website are:
✅ responsive header with toggle menu effect using vanilla JavaScript.
✅ responsive home section with touch slider using swiper.js
✅ responsive about section using flexbox and grid.
✅ responsive services section using grid.
✅ responsive projects light gallery section using grid.
✅ responsive reviews section with touch slider using swiper.js
✅ responsive contact section using flexbox.
✅ responsive blogs section with touch slider using swiper.js
✅ responsive client logo section with touch slider using swiper.js
✅ responsive footer section.
* SOURCE CODES *
DOWNLOAD THE SOURCE CODE FROM GITHUB ( INCLUDES IMAGES ):
https://github.com/mohamedhegazy33/coffee.shop.website
( *you are free to use this source code )
*How To Download*
Step 1 :- click the GitHub link ☝☝☝
Step 2 :- click on Code.
Step 3 :- Download the ZIP folder.
Step 4 :- open the folder and then rename each coding files.
Step 5 :- convert each coding files example ( index.txt to index.html ) - ( style.txt to style.css ) - ( script.txt to script.js ).
Step 6 :- open the converted index.html file into your browser.
Step 7 :- open your editor and put your converted into it and then edit it as you like.
Don't forget to follow us on GitHub :
https://github.com/mohamedhegazy33
New To My Channel Subscribe Now And See More Stuff Like This:
https://www.youtube.com/channel/UCmP02dpPbrfGLviNqu7WS4A
THIS CODE IS RECODED AFTER Mr. Web Designer
Code credit goes for Mr. Web Designer
channel :
https://www.youtube.com/c/MrWebDesignerAnas
create a complete responsive construction firm, interior design, house builder, architecture website design tutorial for beginners.
Live Demo :
https://mohamedhegazy33.github.io/coffee.shop.website/
the main feature of this website are:
✅ responsive header with toggle menu effect using vanilla JavaScript.
✅ responsive home section with touch slider using swiper.js
✅ responsive about section using flexbox and grid.
✅ responsive services section using grid.
✅ responsive projects light gallery section using grid.
✅ responsive reviews section with touch slider using swiper.js
✅ responsive contact section using flexbox.
✅ responsive blogs section with touch slider using swiper.js
✅ responsive client logo section with touch slider using swiper.js
✅ responsive footer section.
* SOURCE CODES *
DOWNLOAD THE SOURCE CODE FROM GITHUB ( INCLUDES IMAGES ):
https://github.com/mohamedhegazy33/coffee.shop.website
( *you are free to use this source code )
*How To Download*
Step 1 :- click the GitHub link ☝☝☝
Step 2 :- click on Code.
Step 3 :- Download the ZIP folder.
Step 4 :- open the folder and then rename each coding files.
Step 5 :- convert each coding files example ( index.txt to index.html ) - ( style.txt to style.css ) - ( script.txt to script.js ).
Step 6 :- open the converted index.html file into your browser.
Step 7 :- open your editor and put your converted into it and then edit it as you like.
Don't forget to follow us on GitHub :
https://github.com/mohamedhegazy33
New To My Channel Subscribe Now And See More Stuff Like This:
https://www.youtube.com/channel/UCmP02dpPbrfGLviNqu7WS4A
THIS CODE IS RECODED AFTER Mr. Web Designer
Code credit goes for Mr. Web Designer
channel :
https://www.youtube.com/c/MrWebDesignerAnas
- Category
- Web design
Be the first to comment