/webtutorial-website

WebTutorial - Responsive Educational Website using HTML , CSS and JavaScript

Primary LanguageHTML

GitHub repo size GitHub stars GitHub forks


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.