<!--
Author: w3layouts
Author URL: http://222.178.203.72:19005/whst/63/_v2kZxntsrzbnl/
License: Creative Commons Attribution 3.0 Unported
License URL: http://222.178.203.72:19005/whst/63/_bqdZshudbnllnmrznqf//licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Provision Education Category Bootstrap Responsive web Template | Home :: W3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8" />
<meta name="keywords" content="Provision Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script>
addEventListener("load", function() {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<!-- font-awesome icons -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- //Custom Theme files -->
<!-- online-fonts -->
<link href="//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
<!-- //online-fonts -->
</head>
<body>
<!-- main -->
<div class="main-content" id="home">
<!-- header -->
<header>
<div class="container-fluid">
<!-- nav -->
<nav class="py-md-4 py-3 d-lg-flex nav_w3pvt">
<div id="logo">
<h1><a href="index.html">Provision</a></h1>
</div>
<label for="drop" class="toggle"><span class="fa fa-bars"></span></label>
<input type="checkbox" id="drop" />
<ul class="menu mt-lg-3 ml-auto">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="#exp">Experience</a></li>
<li>
<!-- First Tier Drop Down -->
<label for="drop-2" class="toggle">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span>
</label>
<a href="#">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span></a>
<input type="checkbox" id="drop-2" />
<ul>
<li><a href="#team" class="drop-text">Professors</a></li>
<li><a href="#stats" class="drop-text">Statistics</a></li>
<li><a href="#test" class="drop-text">Reviews</a></li>
<li><a href="course.html" class="drop-text">Courses</a></li>
</ul>
</li>
<li><a href="contact.html">Contact Us</a></li>
<li>
<p class="w3pvt-phone">
<span class="fa fa-phone mr-2"></span>+1 000263676
</p>
</li>
</ul>
</nav>
<!-- //nav -->
</div>
</header>
<!-- //header -->
<!-- banner -->
<div class="banner-content-w3pvt">
<div class="banner-w3layouts-info text-center">
<h3>Any successful career starts with a good Education</h3>
<form class="banner-form" method="post" action="#">
<input type="email" class="form-control" id="email" placeholder="Enter your email..." name="email" required="">
<button type="submit" class="btn btn-default">Get Started</button>
</form>
</div>
</div>
<!-- //banner -->
</div>
<!-- //main -->
<!-- /entry -->
<div class="entry-w3pvt-main py-5">
<div class="container px-lg-5 py-md-3">
<div class="entry-w3layouts-info">
<h4>Best Online Learning Center</h4>
<p>Maecenas quis neque libero. Class aptent taciti.Lorem ipsum dolor sit amet, consectetur adipiscing elit.Pellentesque
convallis diam consequat magna vulputate malesuada. Cras a ornare elit. Nulla viverra pharetra sem, eget pulvinar neque
pharetra ac.Pellentesque convallis diam consequat magna vulputate malesuada.</p>
</div>
</div>
</div>
<!-- //entry -->
<!-- banner-bottom -->
<section class="banner-bottom py-5" id="about">
<div class="container py-md-4">
<div class="row banner-grids">
<div class="col-lg-6 content-right-bottom text-left">
<img src="images/ab.jpg" alt="" class="img-fluid">
</div>
<div class="col-lg-6 content-left-bottom entry-w3layouts-info text-left pl-lg-4">
<h5 class="mt-1">Online Education Learn skills online.</h5>
<h4>Limitless learning, more possibilities</h4>
<p class="mt-2 text-left">Integer pulvinar leo id viverra feugiat.<strong class="text-capitalize"> Pellentesque libero justo, semper at tempus vel, ultrices in sed ligula. Nulla uter sollicitudin velit.</strong> Sed porttitor orci vel fermentum elit maximus. Curabitur ut turpis massa in condimentum libero. Pellentesque maximus Pellentesque libero justo Nulla uter sollicitudin velit. Sed porttitor orci vel ferm semper at vel, ultrices in ligula semper at vel.Curabitur ut turpis massa in condimentum libero.</p>
</div>
</div>
</div>
</section>
<!-- //banner-bottom -->
<!-- /team-content -->
<section class="team-content py-5" id="team">
<div class="container py-md-4 text-center">
<h3 class="tittle-w3layouts two">Experienced Professors</h3>
<div class="row team-grids text-center mt-md-5 mt-4">
<div class="col-lg-4 team-main">
<div class="team-img"><img src="images/t1.jpg" alt="news image" class="img-fluid"> </div>
<div class="team-info">
<h4>Chester Roberson</h4>
<small>Associate Professor</small>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing eiusmod tempor incididunt ut labore et dolore magna.</p>
</div>
</div>
<div class="col-lg-4 team-main">
<div class="team-info">
<h4>Maude Collier</h4>
<small>Assistant Instructor</small>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing eiusmod tempor incididunt ut labore et dolore magna.</p>
</div>
<div class="team-img"><img src="images/t2.jpg" alt="news image" class="img-fluid"> </div>
</div>
<div class="col-lg-4 team-main">
<div class="team-img"><img src="images/t3.jpg" alt="news image" class="img-fluid"> </div>
<div class="team-info">
<h4>Hunter Duncan</h4>
<small>Assistant Instructor</small>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing eiusmod tempor incididunt ut labore et dolore magna.</p>
</div>
</div>
</div>
</div>
</section>
<!-- //team-content -->