Mini Shell
<?php require_once('function-file.php');
require_once('function-menu.php');
require_once('config.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 | Demo Presentations</title>
<meta name="description" content="A quick glimpse into the fast-evolving teaching methods and techniques of Lanka Virtual Academy.">
<meta name="Keywords" content="">
<?php require_once('function-testo-footer.php'); commoncss();?>
<style>
iframe{width:100%;height: 155px; padding: 0px;}.no-padd{padding:0px;}
iframe .sun{}
.vp-center{
width: 100%;
padding: 0px !important;
margin: 0px !important;
}
.vp-video-wrapper{
padding: 0px !important;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{ border-right: 4px dotted #ccc !important;background-image: unset !important; }
.mCSB_dragger_bar{ background-color: #ccc !important; }
.scroller{ /*height: 110px;*/height: 180px;overflow: auto;padding-bottom: 10px; }
@media screen and (max-width: 768px){
iframe{min-width: 100%;width:100% !important;min-height: 200px;}
}
</style>
</head><!--/head-->
<body class="sample-page video_tutorial">
<?php headermenu();?>
<?php video_tutorial(); ?>
<section class="header-title">
<div class="container">
<div class="row">
<div class="col-sm-12"><h2>SAMPLE TUTORIALS</h2></div>
</div>
</div>
</section>
<div id="sample-data"></div>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<form method="post" action="#" id="rateform">
<div class="modal-content">
<div class="modal-header" style="background-color:#0382a9;">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel" align="center" style="color:#fff;margin:0;">Enter your email address to rate</h4>
</div>
<div class="modal-body">
<div id="result" align="center" style="color:#0382a9;font-size:16px;"></div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-success" style="background-color:#0382a9;border-color:#0382a9;">Rate</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</form>
</div>
</div>
<?php testofooter(); newssletter(); ?>
<?php footer(); commonjs();?>
<script>
$(document).ready(function(){
$("#sample-data").load("sample-data.php",function(){
$(".scroller").mCustomScrollbar({
theme:"rounded-dots",
scrollInertia:400
});
});
})
</script>
<script>
function rating(rating,sample_id){
$.ajax({
type: 'post',
url: 'rating-ajax.php',
data: {'rating':rating,'sample_id':sample_id},
success: function (data) {
$(".btn-success").show();
$("#result").html(data);
}
});
}
</script>
<script>
$('#rateform').on('submit', function (e) {
e.preventDefault();
$.ajax({
type: 'post',
url: 'rating-save-ajax.php',
data: $('form').serialize(),
success: function (data) {
$(".btn-success").hide();
$("#sample-data").load("sample-data.php");
$("#result").html("Thank You for your feedback!");
}
});
});
</script>
</body>
</html>
Zerion Mini Shell 1.0