Mini Shell
<?php require_once('function-file.php');
require_once('function-menu.php');
require_once('function-testo-footer.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>Home | Lanka Virtual Academy</title>
<?php commoncss();?>
<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;}}
</style>
</head><!--/head-->
<body class="homepage video_tutorial">
<?php headermenu();?>
<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/Learn online.jpg" class="img-responsive" style="height: 200px;"></div>
<div>
<div class="col-sm-10 col-xs-10 txt-left">Lorem Ipsum is simply dummy text of the printing and typesetting</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">Lorem Ipsum is simply dummy text of the printing and typesetting</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">Lorem Ipsum is simply dummy text of the printing and typesetting</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">Lorem Ipsum is simply dummy text of the printing and typesetting</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
})
});
</script>
</body>
</html>
Zerion Mini Shell 1.0