<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Edukator - Education Category Bootstrap Responsive Template | Home :: W3layouts</title>
<!-- google fonts -->
<link href="//fonts.googleapis.com/css2?family=Jost:wght@300;400;600;700&display=swap" rel="stylesheet">
<!-- Template CSS -->
<link rel="stylesheet" href="assets/css/style-starter.css">
</head>
<body>
<!--header-->
<header id="site-header" class="fixed-top">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-dark stroke">
<h1>
<a class="navbar-brand" href="index.html">
<i class="fas fa-chalkboard-teacher"></i> Edukator</a>
</h1>
<!-- if logo is image enable this
<a class="navbar-brand" href="#index.html">
<img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
</a> -->
<button class="navbar-toggler collapsed bg-gradient" type="button" data-toggle="collapse"
data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon fa icon-expand fa-bars"></span>
<span class="navbar-toggler-icon fa icon-close fa-times"></span>
</span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="navbar-nav ml-lg-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="courses.html">Courses</a>
</li>
<li class="nav-item mr-lg-1">
<a class="nav-link" href="contact.html">Contact</a>
</li>
<!--/search-right-->
<li class="header-search mr-lg-2 mt-lg-0 mt-4 position-relative">
<div class="search-right">
<a href="#search" class="btn btn-style search-btn" title="search"><span
class="fas fa-search mr-2" aria-hidden="true"></span> Search</a>
</div>
</li>
<!--//search-right-->
</ul>
</div>
<!-- toggle switch for light and dark theme -->
<div class="mobile-position">
<nav class="navigation">
<div class="theme-switch-wrapper">
<label class="theme-switch" for="checkbox">
<input type="checkbox" id="checkbox">
<div class="mode-container py-1">
<i class="gg-sun"></i>
<i class="gg-moon"></i>
</div>
</label>
</div>
</nav>
</div>
<!-- //toggle switch for light and dark theme -->
</nav>
</div>
</header>
<!--/header-->
<!--/Banner-Start-->
<section class="bannerw3l-hnyv">
<div class="banner-layer">
<video autoplay muted loop id="myVideo">
<source src="assets/images/line-edu.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>
<div class="main-content-top">
<div class="container">
<div class="main-content">
<!-- if logo is image enable this
<a class="logo" href="index.html">
<img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
</a> -->
<h4>Distance education with fun learning</h4>
<h3>Discover best classes for the best <span class="inn-text">learning</span> </h3>
<a href="about.html" class="btn btn-style transparant-btn mt-md-5 mt-4">Read More</a>
</div>
</div>
</div>
</div>
<div class="w3apply-admission">
<div class="apply-admission-wrap">
<div class="apply-admission-inner">
<h4 class="title text-center">
<span>Apply for admission</span>
</h4>
<div class="caption text-center mb-2">
Make it more simple!
</div>
<div class="apply-form">
<form action="#" class="" method="post">
<input type="text" name="text" placeholder="Your Name" required="">
<input type="email" name="email" placeholder="Your Email" required="">
<button class="btn btn-style btn-primary">Apply Now</button>
</form>
</div>
</div>
</div>
</div>
</section>
<!--//Banner-End-->
<!-- /bottom-grids-->
<section class="w3l-bottom-grids-6 py-5" id="grids">
<div class="container py-md-5 py-2">
<div class="grids-area-hny row text-left pt-lg-5 mt-lg-5">
<div class="col-lg-4 col-md-6 grids-feature pr-lg-5">
<div class="area-box">
<span class="fas fa-users"></span>
<h4><a href="#feature" class="title-head">The Best and Most Involved Teachers</a></h4>
<p>Vivamus a ligula quam tesque et libero ut justo, ultrices in. Ut eu leo non. Duis sed dolor
et
amet labore et dolore elit.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 grids-feature mt-md-0 mt-5">
<div class="area-box">
<span class="fas fa-laptop-code"></span>
<h4><a href="#feature" class="title-head">The Large selection of courses and Instruction</a>
</h4>
<p>Vivamus a ligula quam tesque et libero ut justo, ultrices in. Ut eu leo non. Duis sed dolor
et
amet labore et dolore elit.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 grids-feature mt-lg-0 mt-5 pl-lg-5">
<div class="area-box">
<span class="fas fa-book-open"></span>
<h4><a href="#feature" class="title-head">High-Quality Classes & Course Categories</a></h4>
<p>Vivamus a ligula quam tesque et libero ut justo, ultrices in. Ut eu leo non. Duis sed dolor
et
amet labore et dolore elit.</p>
</div>
</div>
</div>
</div>
</section>
<!-- //bottom-grids-->
<!--/about-