Create A Complete Responsive Online Education Website Design Using HTML - CSS - JavaScript - PHP PDO



Published
how to make a complete responsive online education / e-learning / online study website design using html css and vanilla javascript and php pdo from scratch.
create complete responsive online education website design template using html css javascript and php pdo step by step

the main feature of this website are:
✅ responsive header with toggle menu effect using vanilla javascript.
✅ responsive home section using css flexbox.
✅ responsive about section using css flexbox.
✅ responsive courses section with touch slider.
✅ responsive teachers section with touch slider.
✅ responsive reviews section with touch slider.
✅ responsive contact section using flexbox.

Buy Me A Coffee :
https://www.buymeacoffee.com/mrwebdesigner

* SOURCE CODES *

DOWNLOAD THE SOURCE CODE FROM GOOGLE DRIVE ( INCLUDES IMAGES ):
[ Front-end source code : html + css + javascript + images ]
https://drive.google.com/file/d/1tnX6Df41Z1GjjyMeMshR0X8hAGUbdqog/view?usp=sharing
[ Back-end source code : index.php + contact_db.sql file ]
https://drive.google.com/drive/folders/169Hs--82x6baqq9Yu3fKyz-cCSQVM1E1?usp=sharing
( *you are free to use this source code )

*How To Download*

Step 1 :- click the google drive link ☝☝☝
Step 2 :- click on download link in the google drive.
Step 3 :- extract the zip file into your desired folder.
Step 4 :- open the converted files into your browser.
Step 5 :- open your editor and put your unzipped files into it and then edit it as you like.

font awesome cdn link:
https://cdnjs.com/libraries/font-awesome

google fonts:
https://fonts.google.com/specimen/Nunito

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 And See More Stuff Like This:
https://www.youtube.com/c/MrWebDesignerAnas

timestamp:
0:00 demo
1:50 file structure
2:20 database and contact form php code



#BackEnd
#OnlineEducation
#SinglePage
Category
Web design
Be the first to comment