Mini Shell
<?php
require_once('function-file.php');
require_once('function-menu.php');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Lanka Virtual Academy | Redefining the Learning Process</title>
<meta name="description" content="We offer highly effective and comprehensive after-school online courses for students to learn and practice Mathematics and Science based on the general school curriculum.">
<meta name="Keywords" content="online courses in srilanka, virtual studies in srilanka, o level class in tamil, ol math tamil, grade 11 science in sinhala">
<?php require_once('function-testo-footer.php'); commoncss(); ?>
<link href="student/css/loader.css" rel="stylesheet">
<style>.animated-item-2{color:#fff;}.animated-item-2{font-size:18px;}.margin-left{margin-left:5%;}
#main-slider .carousel .carousel-content {padding-top: 15%;padding-left: 10%;margin: 0 auto;}
#main-slider .carousel .item{background-position: 100%;background-size: cover;height:530px;}
#main-slider .carousel .slide-margin{margin-top:0px;}
@media (max-width: 1180px) {#main-slider .carousel .item{height:auto;}}
.loading_blog .loader img{
width: 480px;
position:absolute;
left:50%;
top:50%;
margin-left:-240px;
margin-top:-120px;
}
@media screen and (max-width: 768px){
.loading_blog .loader img{
width: 140px;
position:absolute;
left:50%;
top:50%;
margin-left:-60px;
}
}
</style>
</head><!--/head-->
<body class="homepage video_tutorial">
<div class="loading_blog" id="loading_blog" style="position: relative; height: 100%; background-color: #fff;z-index: 9999999999;">
<div class="loader">
<!--
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
<div class="bar4"></div>
<div class="bar5"></div>
<div class="bar6"></div>
/-->
</div>
</div>
<?php headermenu();?>
<!-- Alert Box 02 /-->
<div class="popup-2-cont">
<div class="popup-2">
<div class="inner">
<div class="popup-box">
<span id="boxCloser2">X</span>
<div class="btn-cont"><button class="offer-btn1" onclick="window.location='our-courses.php'">Take A Course</button></div>
</div>
</div>
<div class="glass1"></div>
</div>
</div>
<section id="main-slider" class="no-margin">
<div class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#main-slider" data-slide-to="0"></li>
<li data-target="#main-slider" data-slide-to="1"></li>
<li data-target="#main-slider" data-slide-to="2"></li>
<li data-target="#main-slider" data-slide-to="3"></li>
<li data-target="#main-slider" data-slide-to="4"></li>
</ol>
<div class="carousel-inner">
<div class="item active" style="background-image: url(images/banner/1.jpg);">
<div class="container">
<div class="row slide-margin">
<div class="col-sm-12">
<div class="carousel-content">
<h1 class="animation animated-item-1 bg-head">We Are Different</h1>
<p class="animation animated-item-2 ">So Is Our Approach to Education</p>
<a class="btn-slide animation animated-item-3" href="our-courses.php">Learn More <i class="fa fa-chevron-right"></i></a>
</div>
</div>
</div>
</div>
</div><!--/.item-->
<div class="item" style="background-image: url(images/banner/2.jpg)">
<div class="container">
<div class="row slide-margin">
<div class="col-sm-12">
<div class="carousel-content">
<h1 class="animation animated-item-1 bg-head">With Lanka Virtual Academy</h1>
<p class="animation animated-item-2 ">We Have Brought the Classroom Closer to You than Ever Before</p>
<a class="btn-slide animation animated-item-3" href="benefits.php">Learn More <i class="fa fa-chevron-right"></i></a>
</div>
</div>
<!--<div class="col-sm-6 col-xs-6 hidden-xs animation animated-item-4">
<div class="slider-img">
<img src="images/slider/img2.png" class="img-responsive">
</div>
</div>-->
</div>
</div>
</div><!--/.item-->
<div class="item" style="background-image: url(images/banner/3.jpg)">
<div class="container">
<div class="row slide-margin">
<div class="col-sm-12">
<div class="carousel-content">
<h1 class="animation animated-item-1 bg-head">Save Not Only Your Precious Time</h1>
<p class="animation animated-item-2 ">The Hard Earned Wealth of Your Loved Ones As Well</p>
<a class="btn-slide animation animated-item-3" href="sample.php">Learn More <i class="fa fa-chevron-right"></i></a>
</div>
</div>
<!--<div class="col-sm-6 col-xs-6 hidden-xs animation animated-item-4">
<div class="slider-img">
<img src="images/slider/img3.png" class="img-responsive">
</div>
</div>-->
</div>
</div>
</div><!--/.item-->
<div class="item" style="background-image: url(images/banner/4.jpg)">
<div class="container">
<div class="row slide-margin">
<div class="col-sm-12">
<div class="carousel-content">
<h1 class="animation animated-item-1 bg-head">With Lanka Virtual Academy</h1>
<p class="animation animated-item-2 ">To Learn, Where You Are Doesn’t Matter Much</p>
<a class="btn-slide animation animated-item-3" href="news.php">Learn More <i class="fa fa-chevron-right"></i></a>
</div>
</div>
<!--<div class="col-sm-6 col-xs-6 hidden-xs animation animated-item-4">
<div class="slider-img">
<img src="images/slider/img3.png" class="img-responsive">
</div>
</div>-->
</div>
</div>
</div>
<div class="item" style="background-image: url(images/banner/5.jpg)">
<div class="container">
<div class="row slide-margin">
<div class="col-sm-12">
<div class="carousel-content">
<h1 class="animation animated-item-1 bg-head"> Lanka Virtual Academy</h1>
<p class="animation animated-item-2 yellow">Your Search For The Best Tutor Ends Here</p>
<a class="btn-slide animation animated-item-3" href="blog.php">Learn More <i class="fa fa-chevron-right"></i></a>
</div>
</div>
<!--<div class="col-sm-6 col-xs-6 hidden-xs animation animated-item-4">
<div class="slider-img">
<img src="images/slider/img3.png" class="img-responsive">
</div>
</div>-->
</div>
</div>
</div>
</div><!--/.carousel-inner-->
</div><!--/.carousel-->
<a class="prev hidden-xs" href="#main-slider" data-slide="prev">
<i class="fa fa-chevron-left"></i>
</a>
<a class="next hidden-xs" href="#main-slider" data-slide="next">
<i class="fa fa-chevron-right"></i>
</a>
</section><!--/#main-slider-->
<section id="home_4_section">
<div class="container">
<div class="row">
<a href="our-courses.php">
<div class="col-lg-3 col-sm-6 col-xs-12">
<div><h4>OUR COURSES</h4></div>
<div class="box-img"><img src="img/Online Learning.jpg" class="img-responsive" style="height: 200px;"></div>
<div>
<div class="col-sm-10 col-xs-10 txt-left">Join us, together we can discover your potential – then exceed it!</div>
<!-- <div class="col-sm-2 col-xs-2 yellow-bac txt-right"><a href="our-courses.php"><i class="fa fa-chevron-right"></i></a></div> -->
<div class="col-sm-2 col-xs-2 yellow-bac txt-right"><i class="fa fa-chevron-right"></i></div>
</div>
</div>
</a>
<a href="benefits.php">
<div class="col-lg-3 col-sm-6 col-xs-12">
<div><h4>THE BENEFITS</h4></div>
<div class="box-img"><img src="img/Elearning Benefits.jpg" class="img-responsive" style="height: 200px;"></div>
<div>
<div class="col-xs-10 txt-left">The benefit of joining us never ends here. It is countless and endless!</div>
<!-- <div class="col-xs-2 yellow-bac txt-right"><a href="benifits.php"><i class="fa fa-chevron-right"></i></a></div> -->
<div class="col-xs-2 yellow-bac txt-right"><i class="fa fa-chevron-right"></i></div>
</div>
</div>
</a>
<a href="sample.php">
<div class="col-lg-3 col-sm-6 col-xs-12">
<div><h4>SAMPLE TUTORIALS</h4></div>
<div class="box-img"><img src="img/Best online institute in Sri Lanka.jpg" class="img-responsive" style="height: 200px;"></div>
<div>
<div class="col-xs-10 txt-left">A quick glimpse into what Lanka Virtual Academy has to offer.</div>
<!-- <div class="col-xs-2 yellow-bac txt-right"><a href="sample.php"><i class="fa fa-chevron-right"></i></a></div> -->
<div class="col-xs-2 yellow-bac txt-right"><i class="fa fa-chevron-right"></i></div>
</div>
</div>
</a>
<a href="blog.php">
<div class="col-lg-3 col-sm-6 col-xs-12">
<div><h4>THE BLOGS</h4></div>
<div class="box-img"><img src="img/Educational Blogs.jpg" class="img-responsive" style="height: 200px;"></div>
<div>
<div class="col-xs-10 txt-left">Your chance to get involved, explore the topics and share your thoughts.</div>
<!-- <div class="col-xs-2 yellow-bac txt-right"><a href="blog.php"><i class="fa fa-chevron-right"></i></a></div> -->
<div class="col-xs-2 yellow-bac txt-right"><i class="fa fa-chevron-right"></i></div>
</div>
</div>
</a>
</div>
</div>
</section>
<?php testofooter(); newssletter(); ?>
<?php video_tutorial(); ?>
<?php footer(); commonjs(); ?>
<script type="text/javascript">
$(document).ready(function() {
$('.carousel').carousel({
interval: 6000
})
});
$(window).load(function(){
$('#loading_blog').hide();
});
$("#boxCloser2, .glass1").on('click', () => {
$(".popup-2-cont").fadeOut(300);
});
var offerBgset = "";
if($(window).width() < 768){
var offerBgset = "offer_mobile_bg";
$("#loading_blog .loader").html(`<img src="img/loading003.gif" alt="Loading...">`);
}
else{
var offerBgset = "offer_bg";
$("#loading_blog .loader").html(`<img src="img/loading001.gif" alt="Loading...">`);
}
$.post("get_img_toscreen.php", {offerBgset})
.done((response) => {
//$(".popup-2-cont").fadeIn(0).css({'opacity': '0'});
console.log(response);
if(response !== "not"){
setTimeout(() => {
$(".popup-box").css({
'backgroundImage':'url(admin/img/page/'+response+')'
});
$(".glass1").fadeIn();
$(".popup-2-cont").fadeIn(300);
}, 6000);
}
})
</script>
</body>
</html>
Zerion Mini Shell 1.0