<!doctype html>
<html lang="en">

<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>MEN ZONE ACADEMY</title>
<!-- Bootstrap CSS -->
<link rel="shortcut icon" href="./templates/edugrids/views/site/home/images/favicon.png" type="image/icon">
<link rel='stylesheet' href='./templates/edugrids/views/site/home/css/bootstrap.min.css'>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel='stylesheet' href='./templates/edugrids/views/site/home/css/owl.carousel.min.css'>
<link rel='stylesheet' href='./templates/edugrids/views/site/home/css/owl.theme.default.min.css'>
<link href="./templates/edugrids/views/site/home/css/style.css" rel="stylesheet">
<link rel='stylesheet' href='./templates/edugrids/views/site/home/fonts/stylesheet.css'>
<link href="./templates/edugrids/views/site/home/css/header.css" rel="stylesheet">
<link href="./templates/edugrids/views/site/home/css/responsive.css" rel="stylesheet">
</head>
<body>

<section class="navbar">
<nav id="navigation1" class="navigation">

<div class="container">
<div class="row">
<div class="header-parent">
    <div class="header-image">
        <a href="@route('homepage')"> <img src="./templates/edugrids/views/site/home/images/logo22.png" alt=""></a>
    </div>
    <div class="nav-toggle"></div>
    <div class="nav-menus-wrapper">
    <div class="header-content">
        <ul>
            <li><a href="@route('admission')">ADMISSION</a></li>
            <li><a href="@route('studentresources')">STUDENT RESOURCES</a></li>
            <li><a href="@route('contact')">CONTACT US</a></li>
            <!--<li><a href="{{ route('register') }}">REGISTER</a></li>-->
            <li><a href="{{ route('login') }}">LOGIN</a></li>
        </ul>
    </div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="header-width">
<div class="row">
    <div class="nav-toggle"></div>
    <div class="nav-menus-wrapper">
    <div class="header-bottom">
        <ul>
             <span> <li><a href="@route('homepage')" class="homeactive">HOME</a></li></span>
            <li><a href="@route('about')">ABOUT US</a></li>
            <li><a href="{{ route('courses') }}">COURSES</a></li>
            <li><a href="{{ route('certificate') }}">CERTIFICATES</a></li>
            <li><a href="@route('instructors')">OUR TEAM</a></li>
        </ul>
    </div>
</div>
</div>
</div>
</div>
</nav>
</section>

<section class="learning-section" style="background-image: url('./templates/edugrids/views/site/home/images/e-leaningbanner24.jpg');" >
<div class="container">
<div class="row">
</div>
</div>
</section>

<section>
<div class="container">
<div class="row>
<div class="enrollment-dates">
<h3>[INSERT AUTO SELECT START DATE OF PROGRAM]</h3>
<p>Unit 1 BARBERING FUNDAMENTALS – Start date February 1st , 2022</p>
<p>Unit 2 INTERMEDIATE BARBERING – Start date May 16th, 2022</p>
<p>Unit 3 ADVANCED BARBERING – Start date August 15th, 2022</p>
<p>Unit 4 HAIRSTYLING – Start date November 14th, 2022</p>
<p>FULL PROGRAM – START DATE FEBRUARY 1ST, 2022</p>
</div>
<div class="enrollment-second">
<h3>[INSERT AUTO SELECT END DATE OF PROGRAM]</h3>
<p>Unit 1 BARBERING FUNDAMENTALS – End date May 13th , 2022</p>
<p>Unit 2 INTERMEDIATE BARBERING – End date, August 12th, 2022</p>
<p>Unit 3 ADVANCED BARBERING – End date November 11th, 2022</p>
<p>Unit 4 HAIRSTYLING – End date January 6th, 2023</p>
<p>FULL PROGRAM – End DATE January 6th, 2023</p>
</div>
</div>
</div>
</section>

<section class="footer-section">
<div class="container">
<div class="row">
<div class="copyright">
<a href="@route('contact')">
CONTACT US
</a>
<p>© 2022 MEN ZONE ACADEMY. ALL RIGHTS RESERVED / TERMS & CONDITIONS / PRIVACY POLICY</p>
</div>
</div>
</div>
</section>

<script src='./templates/edugrids/views/site/home/js/jquery.min.js'></script>
<script src="https://kit.fontawesome.com/ac08c19fc0.js" crossorigin="anonymous"></script>
<script src='./templates/edugrids/views/site/home/js/bootstrap.bundle.min.js'></script>
<script src='./templates/edugrids/views/site/home/js/owl.carousel.min.js'></script>
<script src='./templates/edugrids/views/site/home/js/script.counter.js'></script>
<script src='./templates/edugrids/views/site/home/js/scriptheader.js'></script>

<script>
$(".speciality-icon i.fas").click(function(){
$(".trainer-parent").toggle();
});
</script>
<script>
$('.markets-serve').owlCarousel({
loop: true,
margin: 25,
smartSpeed: 1000,
nav: true,
dots: true,
autoplay: true,
autoplayHoverPause: false,
responsive: {
0: {
items: 1,
},
576: {
items: 2,
},
768: {
items: 2,
},
1024: {
items: 3,
},
1200: {
items: 3,
}
}
});
</script>

<script>
$('.partners-owl').owlCarousel({
loop: true,
margin: 25,
smartSpeed: 1000,
nav: true,
dots: true,
autoplay: true,
autoplayHoverPause: false,
responsive: {
0: {
items: 1,
},
576: {
items: 3,
},
768: {
items: 3,
},
1024: {
items: 3,
},
1200: {
items: 3,
}
}
});
</script>

<script>
$('.stay-informed-owl').owlCarousel({
loop: true,
margin: 0,
smartSpeed: 1000,
nav: true,
dots: true,
autoplay: true,
autoplayHoverPause: false,
responsive: {
0: {
items: 1,
},
576: {
items: 1,
},
768: {
items: 1,
},
1024: {
items: 1,
},
1200: {
items: 1,
}
}
});
</script>

<script>
$('.cert-owl').owlCarousel({
loop: true,
margin: 25,
smartSpeed: 1000,
nav: false,
dots: true,
autoplay: true,
autoplayHoverPause: true,
responsive: {
0: {
items: 1,
},
576: {
items: 1,
},
768: {
items: 3,
},
1024: {
items: 3,
},
1200: {
items: 3,
}
}
});
</script>

<script>
$('.testimonialproud-owl').owlCarousel({
loop: true,
margin: 25,
smartSpeed: 1000,
nav: false,
dots: true,
autoplay: true,
autoplayHoverPause: true,
responsive: {
0: {
items: 1,
},
576: {
items: 1,
},
768: {
items: 2,
},
1024: {
items: 3,
},
1200: {
items: 3,
}
}
});
</script>

<script>
$(".shpass").click(function(){
$(".passnone").slideUp();
});

$(".hsacc").click(function(){
$(".passnone").slideDown();
});
</script>

<script>
$('.arrow-block').on('click',function(){ 
$(this).parent().parent().addClass('dv_show_staff_details');
$(this).parent().next().show();
$(this).hide();
$(this).next().show();
});
$('.arrow-cross').on('click',function(){ 
$(this).parent().parent().removeClass('dv_show_staff_details');
$(this).parent().next().hide();
$(this).hide();
$(this).prev().show();
});
</script>

<!--header-script start-->

<script>
jQuery(function(jQuery) {
var path = window.location.href; // because the 'href' property of the DOM element is the absolute path
jQuery('.header-bottom ul li a').each(function() {
if (this.href === path) {
jQuery(this).addClass('active');
}
});
});
</script>

<script>
jQuery(function(jQuery) {
var path = window.location.href; // because the 'href' property of the DOM element is the absolute path
jQuery('.header-content ul li a').each(function() {
if (this.href === path) {
jQuery(this).addClass('active');
}
});
});
</script>
<!--header-script end-->
</body>
</html>