Mini Shell
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="UTF-8">
<meta name="description" content="">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Ecology Theme">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Eduwise - Education HTML5 Template</title>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<!-- Goole Font -->
<link href="https://fonts.googleapis.com/css?family=Rubik:400,500,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700,900" rel="stylesheet">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/assets/bootstrap.min.css">
<!-- Font awsome CSS -->
<link rel="stylesheet" href="css/assets/font-awesome.min.css">
<link rel="stylesheet" href="css/assets/flaticon.css">
<link rel="stylesheet" href="css/assets/magnific-popup.css">
<!-- owl carousel -->
<link rel="stylesheet" href="css/assets/owl.carousel.css">
<link rel="stylesheet" href="css/assets/owl.theme.css">
<link rel="stylesheet" href="css/assets/animate.css">
<!-- Slick Carousel -->
<link rel="stylesheet" href="css/assets/slick.css">
<!-- Revolution Slider -->
<link rel="stylesheet" href="css/assets/revolution/layers.css">
<link rel="stylesheet" href="css/assets/revolution/navigation.css">
<link rel="stylesheet" href="css/assets/revolution/settings.css">
<!-- Mean Menu-->
<link rel="stylesheet" href="css/assets/meanmenu.css">
<!-- main style-->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="css/demo.css">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<header class="header_tow">
<!-- Preloader -->
<div id="preloader">
<div id="status"> </div>
</div>
<div class="header_top">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 col-lg-12">
<div class="info_wrapper">
<div class="contact_info">
<ul class="list-unstyled">
<li><i class="flaticon-phone-receiver"></i>+000-2356-222</li>
<li><i class="flaticon-mail-black-envelope-symbol"></i>[email protected]</li>
</ul>
</div>
<div class="login_info">
<ul class="d-flex">
<li class="nav-item"><a href="#" class="nav-link sign-in js-modal-show"><i class="flaticon-user-male-black-shape-with-plus-sign"></i>Sign Up</a></li>
<li class="nav-item"><a href="#" class="nav-link join_now js-modal-show"><i class="flaticon-padlock"></i>Lon In</a></li>
</ul>
<a href="#" title="" class="apply_btn">Apply Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="edu_nav">
<div class="container">
<nav class="navbar navbar-expand-md navbar-light bg-faded">
<a class="navbar-brand" href="index-2.html"><img src="images/logo2.png" alt="logo"></a>
<div class="collapse navbar-collapse main-menu" id="navbarSupportedContent">
<ul class="navbar-nav nav lavalamp ml-auto menu">
<li class="nav-item"><a href="#" class="nav-link active">Home</a>
<ul class="navbar-nav nav mx-auto">
<li class="nav-item"><a href="index-2.html" class="nav-link">Home Version 01</a></li>
<li class="nav-item"><a href="index-3.html" class="nav-link">Home Version 02</a></li>
<li class="nav-item"><a href="index-4.html" class="nav-link">Home Version 03</a></li>
<li class="nav-item"><a href="index-5.html" class="nav-link">Home Version 04</a></li>
</ul>
</li>
<li class="nav-item"><a href="about.html" class="nav-link">About</a></li>
<li class="nav-item"><a href="course.html" class="nav-link">Courses</a>
<ul class="navbar-nav nav mx-auto">
<li class="nav-item"><a href="course.html" class="nav-link">Courses</a></li>
<li class="nav-item"><a href="course-details.html" class="nav-link">Courses Details</a></li>
</ul>
</li>
<li class="nav-item"><a href="blog.html" class="nav-link">Blog</a>
<ul class="navbar-nav nav mx-auto">
<li class="nav-item"><a href="blog.html" class="nav-link">Blog List</a></li>
<li class="nav-item"><a href="blog-2.html" class="nav-link">Blog Grid One</a></li>
<li class="nav-item"><a href="blog-3.html" class="nav-link">Blog Grid Two</a></li>
<li class="nav-item"><a href="blog-details.html" class="nav-link">Blog Details</a></li>
</ul>
</li>
<li class="nav-item"><a href="#" class="nav-link">Pages</a>
<ul class="navbar-nav nav mx-auto">
<li class="nav-item"><a href="#" class="nav-link dropdown_icon">Courses</a>
<ul class="navbar-nav nav mx-auto">
<li class="nav-item"><a href="course.html" class="nav-link">Courses</a></li>
<li class="nav-item"><a href="course-details.html" class="nav-link">Courses Details</a></li>
</ul>
</li>
<li class="nav-item"><a href="#" class="nav-link dropdown_icon">Events</a>
<ul class="navbar-nav nav mx-auto">
<li class="nav-item"><a href="event.html" class="nav-link">Event</a></li>
<li class="nav-item"><a href="event-details.html" class="nav-link">Event Details</a></li>
</ul>
</li>
<li class="nav-item"><a href="#" class="nav-link dropdown_icon">Blog</a>
<ul class="navbar-nav nav mx-auto">
<li class="nav-item"><a href="blog.html" class="nav-link">Blog List</a></li>
<li class="nav-item"><a href="blog-2.html" class="nav-link">Blog Grid One</a></li>
<li class="nav-item"><a href="blog-3.html" class="nav-link">Blog Grid Two</a></li>
<li class="nav-item"><a href="blog-details.html" class="nav-link">Blog Details</a></li>
</ul>
</li>
<li class="nav-item"><a href="become-a-teacher.html" class="nav-link">Become A Teacher</a></li>
<li class="nav-item"><a href="teacher-profile.html" class="nav-link">Teachers Profile</a></li>
<li class="nav-item"><a href="team.html" class="nav-link">Teachers Page</a></li>
<li class="nav-item"><a href="forgot-password.html" class="nav-link">Forgot Password</a></li>
</ul>
</li>
<li class="nav-item"><a href="contact.html" class="nav-link">Contact</a></li>
</ul>
</div>
<div class="mr-auto search_area ">
<ul class="navbar-nav mx-auto">
<li class="nav-item"><i class="search_btn flaticon-magnifier"></i>
<div id="search">
<button type="button" class="close">×</button>
<form>
<input type="search" value="" placeholder="Search here...." required/>
</form>
</div>
</li>
</ul>
</div>
</nav><!-- END NAVBAR -->
</div>
</div>
<!--==================
Slider
===================-->
<div class="rev_slider_wrapper">
<div id="rev_slider_2" class="rev_slider" style="display:none">
<!-- BEGIN SLIDES LIST -->
<ul>
<li data-index="rs-1706" data-transition="fade" data-slotamount="7" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="1000" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<div class="slider-overlay"></div>
<!-- SLIDE'S MAIN BACKGROUND IMAGE -->
<img src="images/banner/banner_2.jpg" alt="Sky" class="rev-slidebg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
<!-- LAYER NR. 1 -->
<div class="tp-caption font-lora sfb tp-resizeme letter-space-5 h-p"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-300','-280','-250','-200']"
data-fontsize="['60','40','30','18']"
data-lineheight="['70','80','70','70']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","speed":400,"to":"o:1;","delay":100,"split":"chars","splitdelay":0.05,"ease":"Power3.easeInOut"},{"delay":"wait","speed":100,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
style="z-index: 7; color:#fff; font-family:'Rubik', sans-serif; max-width: auto; max-height: auto; white-space: nowrap; font-weight:500;">The Goal Of Education Is The Advancement Of Knowledge
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption NotGeneric-Title tp-resizeme"
id="slide-3045-layer-1"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-150','-140','-120','-120']"
data-fontsize="['170','120','80','40']"
data-lineheight="['200','120','70','70']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"from":"x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":2000,"to":"o:1;","delay":1000,"split":"chars","splitdelay":0.05,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
data-paddingtop="[10,10,10,10]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[10,10,10,10]"
data-paddingleft="[0,0,0,0]"
style="z-index: 5; font-family:'Roboto', sans-serif; font-weight: 700; white-space: nowrap;text-transform:left;">Take Better Education From
</div>
<!-- LAYER NR.3 -->
<div class="tp-caption NotGeneric-Title tp-resizeme"
id="slide-3045-layer-1"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['30','0','-10','-40']"
data-fontsize="['170','120','80','40']"
data-lineheight="['200','120','70','70']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"from":"x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":2000,"to":"o:1;","delay":1000,"split":"chars","splitdelay":0.05,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[10,10,10,10]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[10,10,10,10]"
data-paddingleft="[0,0,0,0]"
style="z-index: 5; font-family:'Roboto', sans-serif; font-weight: 700; white-space: nowrap;text-transform:left;">The World Best University
</div>
<!-- LAYER NR. 4 -->
<div class="tp-caption rev-btn rev-btn left_btn"
id="slide-2939-layer-8"
data-x="['center','center','center','center']" data-hoffset="['-380','280','190','120']"
data-y="['middle','middle','top','top']" data-voffset="['360','220','600','450']"
data-fontsize="['14','14','10','8']"
data-lineheight="['34','34','30','20']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="button"
data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-2939","delay":""}]'
data-responsive_offset="on"
data-responsive="off"
data-frames='[{"from":"x:-50px;opacity:0;","speed":1000,"to":"o:1;","delay":1750,"ease":"Power2.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"},{"frame":"hover","speed":"300","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:#ffffff;bg:#ff5a2c;bw:2px 2px 2px 2px;"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[12,12,8,8]"
data-paddingright="[40,40,30,25]"
data-paddingbottom="[12,12,8,8]"
data-paddingleft="[40,40,30,25]"
style="z-index: 14; white-space: nowrap; font-weight: 500; color: #ffffff;font-family:Rubik; text-transform:uppercase; background-color:#ff5a2c; border-color:rgba(0, 0, 0, 1.00); border-width:2px; border-radius: 3px;">Get Started Now
</div>
<!-- LAYER NR. 5 -->
<div class="tp-caption rev-btn rev-btn right-btn"
id="slide-2939-layer-8"
data-x="['center','center','center','center']" data-hoffset="['380','-280','-190','-120']"
data-y="['middle','middle','top','top']" data-voffset="['360','220','600','450']"
data-fontsize="['14','14','10','8']"
data-lineheight="['34','34','30','20']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="button"
data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-2939","delay":""}]'
data-responsive_offset="on"
data-responsive="off"
data-frames='[{"from":"x:-50px;opacity:0;","speed":1000,"to":"o:1;","delay":1750,"ease":"Power2.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"},{"frame":"hover","speed":"300","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:#fff;bg:#ff5a2c;bw:2px 2px 2px 2px; "}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[12,12,8,8]"
data-paddingright="[40,40,30,25]"
data-paddingbottom="[12,12,8,8]"
data-paddingleft="[40,40,30,25]"
style="z-index: 14; white-space: nowrap; font-weight:500; color:#ffffff; font-family:Rubik; text-transform:uppercase; background-color:#092ace; letter-spacing:1px; border-radius: 3px;">View Courses
</div>
</li>
<li data-index="rs-1708" data-transition="fade" data-slotamount="7" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="1000" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<div class="slider-overlay"></div>
<!-- SLIDE'S MAIN BACKGROUND IMAGE -->
<img src="images/banner/banner_1.jpg" alt="Sky" class="rev-slidebg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
<!-- BEGIN BASIC TEXT LAYER -->
<!-- LAYER NR. 1 -->
<div class="tp-caption font-lora sfb tp-resizeme letter-space-5 h-p"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-300','-280','-250','-200']"
data-fontsize="['60','40','30','18']"
data-lineheight="['70','80','70','70']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","speed":400,"to":"o:1;","delay":100,"split":"chars","splitdelay":0.05,"ease":"Power3.easeInOut"},{"delay":"wait","speed":100,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
style="z-index: 7; color:#fff; font-family:'Rubik', sans-serif; max-width: auto; max-height: auto; white-space: nowrap; font-weight:500;">The Goal Of Education Is The Advancement Of Knowledge
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption NotGeneric-Title tp-resizeme"
id="slide-3045-layer-11"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-150','-140','-120','-120']"
data-fontsize="['170','120','80','40']"
data-lineheight="['200','120','70','70']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"from":"x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":2000,"to":"o:1;","delay":1000,"split":"chars","splitdelay":0.05,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
data-paddingtop="[10,10,10,10]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[10,10,10,10]"
data-paddingleft="[0,0,0,0]"
style="z-index: 5; font-family:'Roboto', sans-serif; font-weight: 700; white-space: nowrap;text-transform:left;">Take Better Education From
</div>
<!-- LAYER NR.3 -->
<div class="tp-caption NotGeneric-Title tp-resizeme"
id="slide-3045-layer-12"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['30','0','-10','-40']"
data-fontsize="['170','120','80','40']"
data-lineheight="['200','120','70','70']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"from":"x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":2000,"to":"o:1;","delay":1000,"split":"chars","splitdelay":0.05,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[10,10,10,10]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[10,10,10,10]"
data-paddingleft="[0,0,0,0]"
style="z-index: 5; font-family:'Roboto', sans-serif; font-weight: 700; white-space: nowrap;text-transform:left;">The World Best University
</div>
<!-- LAYER NR. 4 -->
<div class="tp-caption rev-btn rev-btn left_btn"
id="slide-2939-layer13"
data-x="['center','center','center','center']" data-hoffset="['-380','280','190','120']"
data-y="['middle','middle','top','top']" data-voffset="['360','220','600','450']"
data-fontsize="['14','14','10','8']"
data-lineheight="['34','34','30','20']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="button"
data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-2939","delay":""}]'
data-responsive_offset="on"
data-responsive="off"
data-frames='[{"from":"x:-50px;opacity:0;","speed":1000,"to":"o:1;","delay":1750,"ease":"Power2.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"},{"frame":"hover","speed":"300","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:#ffffff;bg:#ff5a2c;bw:2px 2px 2px 2px;"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[12,12,8,8]"
data-paddingright="[40,40,30,25]"
data-paddingbottom="[12,12,8,8]"
data-paddingleft="[40,40,30,25]"
style="z-index: 14; white-space: nowrap; font-weight: 500; color: #ffffff;font-family:Rubik; text-transform:uppercase; background-color:#ff5a2c; border-color:rgba(0, 0, 0, 1.00); border-width:2px; border-radius: 3px;">Get Started Now
</div>
<!-- LAYER NR. 5 -->
<div class="tp-caption rev-btn rev-btn right-btn"
id="slide-2939-layer-15"
data-x="['center','center','center','center']" data-hoffset="['380','-280','-190','-120']"
data-y="['middle','middle','top','top']" data-voffset="['360','220','600','450']"
data-fontsize="['14','14','10','8']"
data-lineheight="['34','34','30','20']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="button"
data-actions='[{"event":"click","action":"jumptoslide","slide":"rs-2939","delay":""}]'
data-responsive_offset="on"
data-responsive="off"
data-frames='[{"from":"x:-50px;opacity:0;","speed":1000,"to":"o:1;","delay":1750,"ease":"Power2.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"},{"frame":"hover","speed":"300","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:#fff;bg:#ff5a2c;bw:2px 2px 2px 2px; "}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[12,12,8,8]"
data-paddingright="[40,40,30,25]"
data-paddingbottom="[12,12,8,8]"
data-paddingleft="[40,40,30,25]"
style="z-index: 14; white-space: nowrap; font-weight:500; color:#ffffff; font-family:Rubik; text-transform:uppercase; background-color:#092ace; letter-spacing:1px; border-radius: 3px;">View Courses
</div>
</li>
</ul><!-- END SLIDES LIST -->
</div><!-- END SLIDER CONTAINER -->
</div><!-- END SLIDER CONTAINER WRAPPER -->
</header><!-- End header section-->
<section class="login_signup_option">
<div class="l-modal is-hidden--off-flow js-modal-shopify">
<div class="l-modal__shadow js-modal-hide"></div>
<div class="login_popup login_modal_body">
<div class="Popup_title d-flex justify-content-between">
<h2 class="hidden"> </h2>
<!-- Nav tabs -->
<div class="row">
<div class="col-12 col-lg-12 col-md-12 col-lg-12 login_option_btn">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#login" role="tab">Login</a></li>
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#panel2" role="tab">Register</a></li>
</ul>
</div>
<div class="col-12 col-lg-12 col-md-12 col-lg-12">
<!-- Tab panels -->
<div class="tab-content card">
<!--Login-->
<div class="tab-pane fade in show active" id="login" role="tabpanel">
<form action="#">
<div class="row">
<div class="col-12 col-lg-12 col-md-12 col-lg-12">
<div class="form-group">
<label class="control-label">Email</label>
<input type="email" class="form-control" placeholder="Username">
</div>
</div>
<div class="col-12 col-lg-12 col-md-12 col-lg-12">
<div class="form-group">
<label class="control-label">Password</label>
<input type="password" class="form-control" placeholder="Password">
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-lg-12 col-md-12 col-lg-12 d-flex justify-content-between login_option">
<a href="forgot-password.html" title="" class="forget_pass">Forget Password ?</a>
<button type="submit" class="btn btn-default login_btn">Login</button>
</div>
<div class="col-12 col-lg-12 col-md-12 col-lg-12">
<div class="social_login">
<div class="social_items">
<button class="google_login google">Login Google</button>
<button class="google_login facebook">Login Facebook</button>
<button class="google_login twitter">Login Twitter</button>
<button class="google_login linkdin">Login Linkdin</button>
</div>
</div>
</div>
</div>
</form>
</div>
<!--/.Panel 1-->
<!--Panel 2-->
<div class="tab-pane fade" id="panel2" role="tabpanel">
<form action="#" class="register">
<div class="row">
<div class="col-12 col-lg-12 col-md-12 col-lg-12">
<div class="form-group">
<label class="control-label">Name</label>
<input type="text" class="form-control" placeholder="Username">
</div>
</div>
<div class="col-12 col-lg-12 col-md-12 col-lg-12">
<div class="form-group">
<label class="control-label">Email</label>
<input type="email" class="form-control" placeholder="Email">
</div>
</div>
<div class="col-12 col-lg-12 col-md-12 col-lg-12">
<div class="form-group">
<label class="control-label">Password</label>
<input type="password" class="form-control" placeholder="Password">
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-lg-12 col-md-12 col-lg-12 d-flex justify-content-between login_option">
<button type="submit" class="btn btn-default login_btn">Register</button>
</div>
</div>
</form>
</div><!--/.Panel 2-->
</div>
</div>
</div>
</div>
</div>
</div>
</section> <!-- End Login Signup Option -->
<section class="unlimited_possibilities">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="sub_title">
<h2>Unlimited Possibilities</h2>
<p>Lorem ipsum dolor sit amet mollis felis dapibus arcu donec viverra. Pede phasellus eget. Etiam maecenas vel vici quis dictum rutrum nec nisi et.</p>
</div><!-- ends: .section-header -->
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-4">
<div class="single_item single_item_first">
<div class="icon_wrapper">
<i class="flaticon-student"></i>
</div>
<div class="blog_title">
<h3><a href="#" title="">Next Scheduled</a></h3>
<p>Lorem ipsum dolor consectetur sed do tempor incididunt ut laboris ut aliquip ex commodo nt ut laboris ut aliquip ex commodo conquat.</p>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-4">
<div class="single_item single_item_center">
<div class="icon_wrapper">
<i class="flaticon-university"></i>
</div>
<div class="blog_title">
<h3><a href="#" title="">Online Courees</a></h3>
<p>Lorem ipsum dolor consectetur sed do tempor incididunt ut laboris ut aliquip ex commodo nt ut laboris ut aliquip ex commodo conquat.</p>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-4">
<div class="single_item single_item_last">
<div class="icon_wrapper">
<i class="flaticon-diploma"></i>
</div>
<div class="blog_title">
<h3><a href="#" title="">Education Equip</a></h3>
<p>Lorem ipsum dolor consectetur sed do tempor incididunt ut laboris ut aliquip ex commodo nt ut laboris ut aliquip ex commodo conquat.</p>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Unlimited Possibilities -->
<section class="learn_shep">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-5">
<div class="title">
<h2>Take The First Step To Learn With Us.</h2>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos esentium voluptatum delenitamus et iusto odio dignissimos ducimus qui blanditiis pri atqueint. </p>
<a href="#" title="">Learn More</a>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-7 ml-auto p-0">
<div class="shep_banner_wrapper">
<div class="step_single_banner">
<img src="images/features/features_2_1.jpg" alt="" class="img-fluid">
<img src="images/features/features_2_2.jpg" alt="" class="img-fluid">
</div>
<div class="step_single_banner">
<img src="images/features/features_2_3.jpg" alt="" class="img-fluid">
</div>
</div>
</div>
</div>
</div>
</section><!-- End Larnign Step -->
<section class="popular_courses" id="popular_courses_2">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="sub_title">
<h2>Our Popular Courses</h2>
<p>Lorem ipsum dolor sit amet mollis felis dapibus arcu donec viverra. Pede phasellus eget. Etiam maecenas vel vici quis dictum rutrum nec nisi et.</p>
</div><!-- ends: .section-header -->
</div>
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
<div class="single-courses">
<div class="courses_banner_wrapper">
<div class="courses_banner"><a href="#"><img src="images/courses/courses_1.jpg" alt="" class="img-fluid"></a></div>
<div class="purchase_price">
<a href="#" class="read_more-btn">$150</a>
</div>
</div>
<div class="courses_info_wrapper">
<div class="courses_title">
<h3><a href="#">Make Better Decisions</a></h3>
<div class="teachers_name">Teacher - <a href="#" title="">Jhonthan Smith</a></div>
</div>
<div class="courses_info">
<ul class="list-unstyled">
<li><i class="fas fa-calendar-alt"></i>180 Days</li>
<li><i class="fas fa-user"></i>30 Students</li>
</ul>
<a href="#" class="cart_btn">Add to Cart</a>
</div>
</div>
</div><!-- Ends: .single courses -->
</div><!-- Ends: . -->
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
<div class="single-courses">
<div class="courses_banner_wrapper">
<div class="courses_banner"><a href="#"><img src="images/courses/courses_2.jpg" alt="" class="img-fluid"></a></div>
<div class="purchase_price">
<a href="#" class="read_more-btn">Free</a>
</div>
</div>
<div class="courses_info_wrapper">
<div class="courses_title">
<h3><a href="#">How To Be A Speaker</a></h3>
<div class="teachers_name">Teacher - <a href="#" title="">Denise Wood</a></div>
</div>
<div class="courses_info">
<ul class="list-unstyled">
<li><i class="fas fa-calendar-alt"></i> 180 Days</li>
<li><i class="fa fa-user"></i>50 Students</li>
</ul>
<a href="#" class="cart_btn">Add to Cart</a>
</div>
</div>
</div><!-- Ends: .single courses -->
</div><!-- Ends: . -->
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
<div class="single-courses">
<div class="courses_banner_wrapper">
<div class="courses_banner"><a href="#"><img src="images/courses/courses_3.jpg" alt="" class="img-fluid"></a></div>
<div class="purchase_price">
<a href="#" class="read_more-btn">120$</a>
</div>
</div>
<div class="courses_info_wrapper">
<div class="courses_title">
<h3><a href="#">Network Introductions</a></h3>
<div class="teachers_name">Teacher - <a href="#" title="">Preston Marshall</a></div>
</div>
<div class="courses_info">
<ul class="list-unstyled">
<li><i class="fas fa-calendar-alt"></i> 140 Days</li>
<li><i class="fa fa-user"></i>60 Students</li>
</ul>
<a href="#" class="cart_btn">Add to Cart</a>
</div>
</div>
</div><!-- Ends: .single courses -->
</div><!-- Ends: . -->
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
<div class="single-courses">
<div class="courses_banner_wrapper">
<div class="courses_banner"><a href="#"><img src="images/courses/courses_4.jpg" alt="" class="img-fluid"></a></div>
<div class="purchase_price">
<a href="#" class="read_more-btn">250$</a>
</div>
</div>
<div class="courses_info_wrapper">
<div class="courses_title">
<h3><a href="#">Brand Management</a></h3>
<div class="teachers_name">Teacher - <a href="#" title="">John Porter</a></div>
</div>
<div class="courses_info">
<ul class="list-unstyled">
<li><i class="fas fa-calendar-alt"></i> 130 Days</li>
<li><i class="fa fa-user"></i>45 Students</li>
</ul>
<a href="#" class="cart_btn">Add to Cart</a>
</div>
</div>
</div><!-- Ends: .single courses -->
</div><!-- Ends: . -->
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
<div class="single-courses">
<div class="courses_banner_wrapper">
<div class="courses_banner"><a href="#"><img src="images/courses/courses_5.jpg" alt="" class="img-fluid"></a></div>
<div class="purchase_price">
<a href="#" class="read_more-btn">180$</a>
</div>
</div>
<div class="courses_info_wrapper">
<div class="courses_title">
<h3><a href="#">Moralities Of Everyday</a></h3>
<div class="teachers_name">Teacher - <a href="#" title="">Mittie Hill</a></div>
</div>
<div class="courses_info">
<ul class="list-unstyled">
<li><i class="fas fa-calendar-alt"></i> 190 Days</li>
<li><i class="fa fa-user"></i>40 Students</li>
</ul>
<a href="#" class="cart_btn">Add to Cart</a>
</div>
</div>
</div><!-- Ends: .single courses -->
</div><!-- Ends: . -->
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
<div class="single-courses">
<div class="courses_banner_wrapper">
<div class="courses_banner"><a href="#"><img src="images/courses/courses_6.jpg" alt="" class="img-fluid"></a></div>
<div class="purchase_price">
<a href="#" class="read_more-btn">130$</a>
</div>
</div>
<div class="courses_info_wrapper">
<div class="courses_title">
<h3><a href="#">Life Coach Training</a></h3>
<div class="teachers_name">Teacher - <a href="#" title="">Marian Dupre</a></div>
</div>
<div class="courses_info">
<ul class="list-unstyled">
<li><i class="fas fa-calendar-alt"></i> 150 Days</li>
<li><i class="fa fa-user"></i>30 Students</li>
</ul>
<a href="#" class="cart_btn">Add to Cart</a>
</div>
</div>
</div><!-- Ends: .single courses -->
</div><!-- Ends: . -->
</div>
</div>
<div class="shape_bg">
<span class="shape_1"></span>
<span class="shape_2"></span>
<span class="shape_3"></span>
</div>
</section> <!-- ./ End Courses Area section -->
<section class="register_area">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 col-md-6 col-lg-5">
<div class="row">
<div class="form-full-box">
<div class="form_title">
<h2>Become A Membar</h2>
<p>Get Instant access to <span>5000+ </span>Video courses </p>
</div>
<form>
<div class="register-form">
<div class="row">
<div class="col-12 col-xs-12 col-md-12">
<div class="form-group">
<label><i class="fas fa-user"></i></label>
<input class="form-control" name="name" placeholder="Write Your Name" required="" type="text">
</div>
</div>
<div class="col-12 col-xs-12 col-md-12">
<div class="form-group">
<label><i class="flaticon-email"></i></label>
<input class="form-control" name="email" placeholder="Write Your E-mail" required="" type="email">
</div>
</div>
<div class="col-12 col-xs-12 col-md-12">
<div class="form-group massage_text">
<label><i class="flaticon-copywriting"></i></label>
<textarea class="form-control" placeholder="Write Something Here" required=""></textarea>
</div>
</div>
<div class="col-12 col-xs-12 col-md-12 register-btn-box">
<button class="register-btn" type="submit">Send Now</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="col-12 col-sm-12 col-md-6 col-lg-7 form-content">
<h2>All study opportunities<br> in one single place</h2>
<p>Lorem ipsum dolor sit amet mollis felis dapibus arcu donec viverra. Pede phasellus<br> eget.felis dapibus arcu donec viverra. Pede phasellus eget. Etiam maecenas vel<br> vici quis dictum rutrum nec nisi et.</p>
<div class="count_student">
<div class="single_count">
<span class="counter">54000</span>
<span class="department_name">Students</span>
</div>
<div class="single_count">
<span class="counter">1650</span>
<span class="department_name">Scholarships</span>
</div>
<div class="single_count">
<span class="counter">150</span>
<span class="department_name">Courses</span>
</div>
</div>
</div>
</div>
</div>
</section><!-- ./ End Register Area section -->
<section class="our_instructors">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="sub_title">
<h2>Meet Our Professors</h2>
<p>Lorem ipsum dolor sit amet mollis felis dapibus arcu donec viverra. Pede phasellus eget. Etiam maecenas vel vici quis dictum rutrum nec nisi et.</p>
</div><!-- ends: .section-header -->
</div>
<div class="single-wrappe col-12 col-sm-6 col-md-4 col-lg-4">
<div class="team-single-item">
<figure>
<div class="member-img">
<div class="teachars_pro">
<img src="images/team/team_1.jpg" alt="member img" class="img-fluid">
</div>
</div>
<figcaption>
<div class="member-name">
<h4><a href="#" title="">Jonson Park</a></h4>
<span>Professor</span>
</div>
</figcaption>
</figure>
</div>
</div>
<div class="single-wrapper col-12 col-sm-6 col-md-4 col-lg-4">
<div class="team-single-item">
<figure>
<div class="member-img">
<div class="teachars_pro">
<img src="images/team/team_2.jpg" alt="member img" class="img-fluid">
</div>
</div>
<figcaption>
<div class="member-name">
<h4><a href="#" title="">Teymoni</a></h4>
<span>Lecturer</span>
</div>
</figcaption>
</figure>
</div>
</div>
<div class="single-wrapper col-12 col-sm-6 col-md-4 col-lg-4">
<div class="team-single-item ">
<figure>
<div class="member-img">
<div class="teachars_pro">
<img src="images/team/team_3.jpg" alt="member img" class="img-fluid">
</div>
</div>
<figcaption>
<div class="member-name">
<h4><a href="#" title="">Jonathon Smith</a></h4>
<span>Coordinator</span>
</div>
</figcaption>
</figure>
</div>
</div>
<div class="single-wrapper col-12 col-sm-6 col-md-4 col-lg-4">
<div class="team-single-item">
<figure>
<div class="member-img">
<div class="teachars_pro">
<img src="images/team/team_4.jpg" alt="member img" class="img-fluid">
</div>
</div>
<figcaption>
<div class="member-name">
<h4><a href="#" title="">Monki parki</a></h4>
<span>Assistant</span>
</div>
</figcaption>
</figure>
</div>
</div>
<div class="single-wrapper col-12 col-sm-6 col-md-4 col-lg-4">
<div class="team-single-item">
<figure>
<div class="member-img">
<div class="teachars_pro">
<img src="images/team/team_5.jpg" alt="member img" class="img-fluid">
</div>
</div>
<figcaption>
<div class="member-name">
<h4><a href="#" title="">Yakailo Mim</a></h4>
<span>Teacher</span>
</div>
</figcaption>
</figure>
</div>
</div>
<div class="single-wrapper col-12 col-sm-6 col-md-4 col-lg-4">
<div class="team-single-item">
<figure>
<div class="member-img">
<div class="teachars_pro">
<img src="images/team/team_6.jpg" alt="member img" class="img-fluid">
</div>
</div>
<figcaption>
<div class="member-name">
<h4><a href="#" title="">Jonson Park</a></h4>
<span>Asistant</span>
</div>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
</section><!-- ./ End Our Instructiors -->
<section class="testimonial_2">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="title">
<h2>What Our Student Say About Us</h2>
</div>
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="testimonial_wrapper_4">
<div class="testimonial_single">
<p>"I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system,<br> and expound the actual teachings."</p>
<div class="reviewer_info">
<div class="member-img">
<img src="images/team/team_1.jpg" alt="member img" class="img-fluid wow zoomIn" data-wow-duration="2s" data-wow-delay=".2s">
</div>
<h4>Jhone Smith</h4>
<span>Graphic Design</span>
</div>
</div>
<div class="testimonial_single">
<p>I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness.</p>
<div class="reviewer_info">
<div class="member-img">
<img src="images/team/team_2.jpg" alt="member img" class="img-fluid">
</div>
<h4>By Dr. Alex Limon</h4>
<span>Guardian</span>
</div>
</div>
<div class="testimonial_single">
<p>I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness.</p>
<div class="reviewer_info">
<div class="member-img">
<img src="images/team/team_3.jpg" alt="member img" class="img-fluid">
</div>
<h4>By Nathen Dived</h4>
<span>Guardian</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="shape_wrapper">
<img src="images/shapes/testimonial_2_shpe_2.png" alt="" class="shape_1">
<img src="images/shapes/testimonial_2_shpe_3.png" alt="" class="shape_2">
<img src="images/shapes/testimonial_2_shpe_1.png" alt="" class="shape_3">
</div>
</section><!-- End Testimonial -->
<section class="latest_news_2">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="sub_title">
<h2>Latest Eduwise News</h2>
<p>Lorem ipsum dolor sit amet mollis felis dapibus arcu donec viverra. Pede phasellus eget. Etiam maecenas vel vici quis dictum rutrum nec nisi et.</p>
</div><!-- ends: .section-header -->
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-4">
<div class="single_item">
<div class="item_wrapper">
<div class="blog-img">
<a href="#" title=""><img src="images/courses/courses_5.jpg" alt="" class="img-fluid"></a>
</div>
<h3><a href="#" title="">How to Become Master In CSS within qa Week.</a></h3>
</div>
<div class="blog_title">
<ul class="post_bloger">
<li><i class="fas fa-user"></i>Jhon Dheo</li>
<li><i class="fas fa-comment"></i>0 Comments</li>
<li><i class="fas fa-thumbs-up"></i> 0 Like</li>
</ul>
</div>
<div class="twitter_post">
<div class="blog_title">
<div class="icon_wrapper">
<i class="fab fa-twitter twitt-icon"></i>
</div>
<p>Lorem ipsum dolor sit amet mollis felis dapibus arcu donec viverra. Pede phasellus eget. Etiam maecenas vel vici quis dictum rutrum nec nisi et.</p>
<a href="#" title="">https://t.co/djPsTmfgh</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-4">
<div class="single_item">
<div class="item_wrapper">
<div class="blog-img">
<a href="#" title=""><img src="images/courses/courses_6.jpg" alt="" class="img-fluid"></a>
</div>
<h3><a href="#" title="">Students work together to solve a problem</a></h3>
</div>
<div class="blog_title">
<ul class="post_bloger">
<li><i class="fas fa-user"></i>Jhon Dheo</li>
<li><i class="fas fa-comment"></i>0 Comments</li>
<li><i class="fas fa-thumbs-up"></i> 0 Like</li>
</ul>
</div>
<div class="twitter_post">
<div class="blog_title">
<div class="icon_wrapper">
<i class="fab fa-twitter twitt-icon"></i>
</div>
<p>Lorem ipsum dolor sit amet mollis felis dapibus arcu donec viverra. Pede phasellus eget. Etiam maecenas vel vici quis dictum rutrum nec nisi et.</p>
<a href="#" title="">https://t.co/djPsTmfgh</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-4">
<div class="single_item">
<div class="item_wrapper">
<div class="blog-img">
<a href="#" title=""><img src="images/courses/courses_4.jpg" alt="" class="img-fluid"></a>
</div>
<h3><a href="#" title="">Magazine Design Start to Finish The Cover</a></h3>
</div>
<div class="blog_title">
<ul class="post_bloger">
<li><i class="fas fa-user"></i>Jhon Dheo</li>
<li><i class="fas fa-comment"></i>0 Comments</li>
<li><i class="fas fa-thumbs-up"></i> 0 Like</li>
</ul>
</div>
<div class="twitter_post">
<div class="blog_title">
<div class="icon_wrapper">
<i class="fab fa-twitter twitt-icon"></i>
</div>
<p>Lorem ipsum dolor sit amet mollis felis dapibus arcu donec viverra. Pede phasellus eget. Etiam maecenas vel vici quis dictum rutrum nec nisi et.</p>
<a href="#" title="">https://t.co/djPsTmfgh</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-4">
<div class="single_item">
<div class="item_wrapper">
<div class="blog-img">
<a href="#" title=""><img src="images/courses/courses_3.jpg" alt="" class="img-fluid"></a>
</div>
<h3><a href="#" title="">Magazine Design Start to Finish The Cover</a></h3>
</div>
<div class="blog_title">
<ul class="post_bloger">
<li><i class="fas fa-user"></i>Jhon Dheo</li>
<li><i class="fas fa-comment"></i>0 Comments</li>
<li><i class="fas fa-thumbs-up"></i> 0 Like</li>
</ul>
</div>
<div class="twitter_post">
<div class="blog_title">
<div class="icon_wrapper">
<i class="fab fa-twitter twitt-icon"></i>
</div>
<p>Lorem ipsum dolor sit amet mollis felis dapibus arcu donec viverra. Pede phasellus eget. Etiam maecenas vel vici quis dictum rutrum nec nisi et.</p>
<a href="#" title="">https://t.co/djPsTmfgh</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-4">
<div class="single_item">
<div class="item_wrapper">
<div class="blog-img">
<a href="#" title=""><img src="images/courses/courses_1.jpg" alt="" class="img-fluid"></a>
</div>
<h3><a href="#" title="">Adobe Dimension Essential Training The Basics</a></h3>
</div>
<div class="blog_title">
<ul class="post_bloger">
<li><i class="fas fa-user"></i>Jhon Dheo</li>
<li><i class="fas fa-comment"></i>0 Comments</li>
<li><i class="fas fa-thumbs-up"></i> 0 Like</li>
</ul>
</div>
<div class="twitter_post">
<div class="blog_title">
<div class="icon_wrapper">
<i class="fab fa-twitter twitt-icon"></i>
</div>
<p>Lorem ipsum dolor sit amet mollis felis dapibus arcu donec viverra. Pede phasellus eget. Etiam maecenas vel vici quis dictum rutrum nec nisi et.</p>
<a href="#" title="">https://t.co/djPsTmfgh</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-4">
<div class="single_item">
<div class="item_wrapper">
<div class="blog-img">
<a href="#" title=""><img src="images/courses/courses_2.jpg" alt="" class="img-fluid"></a>
</div>
<h3><a href="#" title="">How to Become Master In CSS within qa Week.</a></h3>
</div>
<div class="blog_title">
<ul class="post_bloger">
<li><i class="fas fa-user"></i>Jhon Dheo</li>
<li><i class="fas fa-comment"></i>0 Comments</li>
<li><i class="fas fa-thumbs-up"></i> 0 Like</li>
</ul>
</div>
<div class="twitter_post">
<div class="blog_title">
<div class="icon_wrapper">
<i class="fab fa-twitter twitt-icon"></i>
</div>
<p>Lorem ipsum dolor sit amet mollis felis dapibus arcu donec viverra. Pede phasellus eget. Etiam maecenas vel vici quis dictum rutrum nec nisi et.</p>
<a href="#" title="">https://t.co/djPsTmfgh</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Blog -->
<section class="teamgroup">
<div class="container-fluid">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12 p-0">
<div class="teamgroup_info_wrapper">
<h2>Start now and turn your knowledge into a profitable online course</h2>
<a href="#" title="" class="srtarte_btn">Get Started Now</a>
</div>
<div class="teamgroup_info_banner">
<img src="images/banner/teamgroup.png" alt="" class="img-fluid">
</div>
</div>
</div>
</div>
</section><!-- End Team Group -->
<!-- Footer -->
<footer class="footer_2">
<div class="container">
<div class="footer_top">
<div class="row">
<div class="col-12 col-md-6 col-lg-4">
<div class="footer_single_col footer_intro">
<img src="images/logo2.png" alt="" class="f_logo">
<p>Ante amet vitae vulputate odio nulla vel pretium pulvinar aenean. Rhoncus eget adipiscing etiam arcu. Ultricies justo ipsum nec amet.</p>
</div>
</div>
<div class="col-12 col-md-6 col-lg-2">
<div class="footer_single_col">
<h3>Useful Links</h3>
<ul class="location_info quick_inf0">
<li><a href="#">Leadereship</a></li>
<li><a href="#">Company</a></li>
<li><a href="#">Diversity</a></li>
<li><a href="#">Jobs</a></li>
<li><a href="#">Press</a></li>
</ul>
</div>
</div>
<div class="col-12 col-md-6 col-lg-2">
<div class="footer_single_col information">
<h3>information</h3>
<ul class="quick_inf0">
<li><a href="#">Leadereship</a></li>
<li><a href="#">Company</a></li>
<li><a href="#">Diversity</a></li>
<li><a href="#">Jobs</a></li>
<li><a href="#">Press</a></li>
</ul>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4">
<div class="footer_single_col contact">
<h3>Contact Us</h3>
<p>Ante amet vitae vulputate odio nulla vel pretium aenean.</p>
<div class="contact_info">
<span>+000 124 325</span>
<span class="email">[email protected]</span>
</div>
<ul class="social_items d-flex list-unstyled">
<li><a href="#"><i class="fab fa-facebook-f fb-icon"></i></a></li>
<li><a href="#"><i class="fab fa-twitter twitt-icon"></i></a></li>
<li><a href="#"><i class="fab fa-linkedin-in link-icon"></i></a></li>
<li><a href="#"><i class="fab fa-instagram ins-icon"></i></a></li>
</ul>
</div>
</div>
<div class="col-12 col-md-12 col-lg-12">
<div class="copyright">
<a target="_blank" href="https://www.templateshub.net">Templates Hub</a>
</div>
</div>
</div>
</div>
</div>
<div class="shapes_bg">
<img src="images/shapes/testimonial_2_shpe_1.png" alt="" class="shape_3">
<img src="images/shapes/footer_2.png" alt="" class="shape_1">
</div>
</footer><!-- End Footer -->
<section id="scroll-top" class="scroll-top">
<h2 class="disabled">Scroll to top</h2>
<div class="to-top pos-rtive">
<a href="#"><i class = "flaticon-right-arrow"></i></a>
</div>
</section>
<!-- JavaScript -->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- Revolution Slider -->
<script src="js/assets/revolution/jquery.themepunch.revolution.min.js"></script>
<script src="js/assets/revolution/jquery.themepunch.tools.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/jquery.meanmenu.min.js"></script>
<script src="js/wow.min.js"></script>
<!-- Counter Script -->
<script src="js/waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!-- Revolution Extensions -->
<script src="js/assets/revolution/extensions/revolution.extension.actions.min.js"></script>
<script src="js/assets/revolution/extensions/revolution.extension.carousel.min.js"></script>
<script src="js/assets/revolution/extensions/revolution.extension.kenburn.min.js"></script>
<script src="js/assets/revolution/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="js/assets/revolution/extensions/revolution.extension.migration.min.js"></script>
<script src="js/assets/revolution/extensions/revolution.extension.navigation.min.js"></script>
<script src="js/assets/revolution/extensions/revolution.extension.parallax.min.js"></script>
<script src="js/assets/revolution/extensions/revolution.extension.slideanims.min.js"></script>
<script src="js/assets/revolution/extensions/revolution.extension.video.min.js"></script>
<script src="js/assets/revolution/revolution.js"></script>
<script src="js/custom.js"></script>
<!-- =========================================================
STYLE SWITCHER | ONLY FOR DEMO NOT INCLUDED IN MAIN FILES
============================================================== -->
<script type="text/javascript" src="js/demo.js"></script>
<div class="demo-style-switch" id="switch-style">
<a id="toggle-switcher" class="switch-button" title="Change Styles"><span class="fa fa-cog fa-spin"></span></a>
<div class="switched-options">
<div class="config-title">
<a class="navbar-brand" href="index-2.html"><img src="images/logo.png" alt="logo"></a>
<p>Education Template</p>
</div>
<div class="demos">
<div><a href="index-2.html" data-toggle="tooltip" data-placement="top" title="Home Style One"><img class="main-image img-fluid" src="demo/index_1.png" alt=""/></a></div>
<div><a href="index-3.html" data-toggle="tooltip" data-placement="top" title="Home Style Two"><img class="main-image img-fluid" src="demo/index_2.png" alt=""/></a></div>
<div><a href="index-4.html" data-toggle="tooltip" data-placement="top" title="Home Style Three"><img class="main-image img-fluid" src="demo/index_3.png" alt=""/></a></div>
<ul class="list-unstyled clearfix">
<li><a href="about.html" data-toggle="tooltip" data-placement="top" title="About Page"><img src="demo/about.png" alt="" class="img-fluid"></a></li>
<li><a href="blog.html" data-toggle="tooltip" data-placement="top" title="Blog Page"><img src="demo/blog.png" alt="" class="img-fluid"></a></li>
<li><a href="blog-details.html" data-toggle="tooltip" data-placement="top" title="Blog Details Page"><img src="demo/blog_details.png" alt="" class="img-fluid"></a></li>
<li><a href="event.html" data-toggle="tooltip" data-placement="top" title="Event Page"><img src="demo/event.png" alt="" class="img-fluid"></a></li>
<li><a href="event-details.html" data-toggle="tooltip" data-placement="top" title="Event Deiails"><img src="demo/event_details.png" alt="" class="img-fluid"></a></li>
<li><a href="teacher-profile.html" data-toggle="tooltip" data-placement="top" title="Teacher Profile"><img src="demo/teacher_pro.png" alt="" class="img-fluid"></a></li>
<li><a href="course.html" data-toggle="tooltip" data-placement="top" title="Courses Page"><img src="demo/course.png" alt="" class="img-fluid"></a></li>
<li><a href="course-details.html" data-toggle="tooltip" data-placement="top" title="Courses Details"><img src="demo/course_details.png" alt="" class="img-fluid"></a></li>
<li><a href="team.html" data-toggle="tooltip" data-placement="top" title="Team Page"><img src="demo/team.png" alt="" class="img-fluid"></a></li>
<li><a href="contact.html" data-toggle="tooltip" data-placement="top" title="Contact Page"><img src="demo/contact.png" alt="" class="img-fluid"></a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
Zerion Mini Shell 1.0