Responsive Educational Website

WebTutorial is fully responsive educational website made using HTML, CSS, and JavaScript.

➥ Live Demo

Desktop Preview

webtutorial.mp4

Prerequisites

Before you begin, ensure you have met the following requirements:

• You Should Know Basic or Intermediate of HTML ,CSS and JavaScript
• In this project i have used Javascript library jQuery.
• For Using jQuery in your project Copy below script tag and place it in your project Body:

<!-- JavaScript jQuery Link -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

• And Also we will use ionicon for Icons.Copy Below Code for using it :

<!--- ionicon link -->
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>

Project Contain

• Sticky Responsive Navigation Bar with Hamburger Menu
• Hero Section
• Experience Section
• Course Section with animated Line
• why to choose Section
• FAQ Section
• Footer Section

Font Family

• I have Used Google Fonts - Poppins and Cuprum.For Using this font copy below code and paste it in your project :

<link href="https://fonts.googleapis.com/css2?family=Cuprum:wght@500;600;700&family=Poppins:wght@400;500;600&display=swap"   rel="stylesheet">

Run Locally

To run WebTutorial locally, run this command on your git bash:

Linux and macOS:

sudo git clone https://github.com/pawantech12/webtutorial-website.git

Windows:

git clone https://github.com/pawantech12/webtutorial-website.git

Contact

If you want to contact with me you can reach me at Instagram.

License

This project is Free To Use and does not contains any license.