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 | Our Online Courses</title>
<meta name="description" content="Negligible subscription fees, highly qualified teachers, complete syllabus with video presentations, written contents, past papers, practice questions and more.">
<meta name="Keywords" content="">
<link href="https://fonts.googleapis.com/css?family=Roboto:700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Tomorrow:400,500&display=swap" rel="stylesheet">
<?php require_once('function-testo-footer.php'); commoncss();?>
<style>
.course_single > a:hover{ opacity: 0.8; }
@media (max-width: 767px){ #our_course_list h4{ text-align: center; } }
@media (min-width: 780px){.text-padd{height:200px;}}
.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; }
#our_course_list .col-sm-4.col-xs-12 .text-padd{ height: 250px;overflow: auto; }
.discount-rate{ margin-top: -28px;}
@media screen and (max-width: 768px){
.discount-rate{ margin-top: 0px;}
}
#bottom {
padding-top:30px !important;
padding-bottom:30px !important;
}
</style>
</head><!--/head-->
<body class="our-courses video_tutorial">
<!-- Alert Box 01 /-->
<div class="alert-comp1">
<div id="alertBox1" class="alert-box1">
<div class="inner">
<div class="alert-box">
<span id="boxCloser">X</span>
<div class="newsletter-form2">
<input type="text" id="nltName" placeholder="Enter Your Name" class="form-control">
<input type="text" id="nltPhone" placeholder="Enter Your Phone Number" class="form-control">
<input type="email" id="nltEmail" placeholder="Enter Your Email Address" class="form-control" require>
<input type="hidden" name="courseId" id="courseId">
<div class="fmErr"></div>
<button class="offer-btn1" id="newsletterSubscribe">Submit</button>
</div>
</div>
</div>
<div class="glass1"></div>
</div>
</div>
<div id="imgSetupLoader" style="display: none;"></div>
<!-- Notification Comp /-->
<div id="notificationComp">
<div class="modal-dialog modal-sm" role="document">
<div class="modal-content">
<div class="modal-header" style="background:#111b26 !important;border-radius:3px 3px 0px 0px;color:#fff">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" style="color:#fff">×</span></button>
<h4 class="modal-title" id="myModalLabel" style="color:#fff" align="center"><i class="fa fa-cross"></i> Already Registered!!</h4>
</div>
<div class="modal-body">
<!--<div><h4 style="color: #ea1c0d;text-align: center;font-size: 30px;">Sorry you are already Registered</h4></div>-->
<div><h4 style="color: #111b26;text-align: center;font-size: 16px;">Sorry you are already Registered</h4></div>
</div>
</div></div>
</div>
</div>
<div id="notificationComp2">
<div class="modal-dialog modal-sm" role="document">
<div class="modal-content">
<div class="modal-header" style="background:#111b26 !important;border-radius:3px 3px 0px 0px;color:#fff">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" style="color:#fff">×</span></button>
<h4 class="modal-title" id="myModalLabel" style="color:#fff" align="center"><i class="fa fa-cross"></i> Subscribed Successfully!!</h4>
</div>
<div class="modal-body">
<!--<div><h4 style="color: #ea1c0d;text-align: center;font-size: 30px;">Sorry you are already Registered</h4></div>-->
<div><h4 style="color: #111b26;text-align: center;font-size: 16px;">Thank you for subscribing</h4></div>
</div>
</div></div>
</div>
</div>
<div class="ntf-glass"></div>
<?php headermenu();?>
<?php video_tutorial(); ?>
<section class="header-title">
<div class="container">
<div class="row">
<div class="col-sm-12"><h2>OUR COURSES</h2></div>
</div>
</div>
</section>
<section id="our_course_list">
<div class="container">
<div class="row">
<?php $data=$conn->prepare("select * from courses where course_status='0'");
$data->execute();$result=$data->fetchall();
$i=1;
foreach($result as $row){
?>
<div onclick="routFunc('<?php echo $row['course_id']; ?>', '<?php echo $row['av_status']; ?>')" class="col-sm-4 col-xs-12 course_single" style="margin-bottom:28px;" data-href="register.php?course=<?php echo $row['course_id']; ?>">
<div><h4><?php echo $row['course_name']; ?></h4></div>
<div class="box-border col-sm-12">
<!--<div class='binded_ele' style="padding: 2px;"><img src="admin/img/courses/<?php echo $row['course_image']; ?>" class="img-responsive"></div>-->
<div class='binded_ele' style="padding: 2px;display: block;"><img src="admin/img/courses/<?php echo $row['course_image']; ?>" class="img-responsive"></div>
<div class="overview-head"><h4>Course Overview</h4></div>
<div class="text-padd"><?php /*echo substr($row['course_overview'],0,400);*/echo nl2br($row['course_overview']);?><hr/>End of content.</div>
</div>
<div><div class="foot-tag">
<div class="col-sm-7 col-xs-12 take<?php echo $i; ?>"><h4>TAKE THIS COURSE</h4></div>
<?php
if($row["discount"] > 0){
$pcnt = $row['discount'];
$prc = $row['course_fees'];
$deduct = ($prc / 100) * $pcnt;
$finalAmount = $prc - $deduct;
echo '<div class="col-sm-5 col-xs-12 rate discount-rate" style="height: auto;">
<h4><s>LKR '.$row['course_fees'].'</s></h4>
<p>LKR '.$finalAmount.'</p>
</div>';
}
else{
echo '<div class="col-sm-5 col-xs-12 rate"><h4 style="font-size: 20px;">LKR '.$row['course_fees'].'</h4></div>';
}
?>
</div></div>
</div>
<?php $i++;if($i==5){$i=1;}}?>
</div>
</div>
</section>
<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: #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">Payment Message</h4>
</div>
<div class="modal-body" style=" height: 70px;">
<?php if($_GET['msg']=='success'){?><div class='center' style="color: #0382a9;font-size:16px;"><b>Payment Successfully</b></div>
<?php }else{ ?><div class='center' style="color: red;font-size:16px;"><b>Something went wrong! Please try again or contact us.</b></div><?php }?>
</div>
</div>
</form>
</div>
</div>
<?php testofooter(); ?>
<div style="width:100%;height:70px;background:#f6f6f6;"></div>
<?php footer(); commonjs();
if(!empty($_GET['msg'])){?>
<script type="text/javascript">
$(document).ready(function(){
$("#myModal").modal('show');
});
</script>
<?php }?>
<script type="text/javascript">
$(".text-padd").mCustomScrollbar({
theme:"rounded-dots",
scrollInertia:400
});
$('.course_single').click(function(){
// window.location.href = $(this).data('href');
});
// Popup access
$("#boxCloser, .glass1").on("click", () => {
$(".alert-comp1").fadeOut(300);
});
var imgSet = "";
if($(window).width() < 768){
var imgSet = "mobile_bg";
}
else{
var imgSet = "popup_bg";
}
var loagOfferImg = () => {
$.post("get_img_toscreen.php", {imgSet})
.done((response) => {
document.getElementById("imgSetupLoader").innerHTML = `
<img src="admin/img/page/${response}">
`;
$(".alert-box").css({
'backgroundImage':'url(admin/img/page/'+response+')'
});
})
}
// Rout or alert
function routFunc(id, sts){
if(sts == "0"){
$(".alert-comp1").fadeIn(300);
$("#courseId").val(id);
}
else{
window.location = "register.php?course="+id;
}
}
// Close Notification comp
$(".ntf-glass, .close").on('click', () => {
$("#notificationComp, #notificationComp2, .ntf-glass").fadeOut(300);
});
$("#newsletterSubscribe").on('click', () => {
var nm = $("#nltName").val();
var pn = $("#nltPhone").val();
var em = $("#nltEmail").val();
var courseId = $("#courseId").val();
if(nm==""){
$(".newsletter-form2 input").css({'borderColor': '', 'backgroundColor':''});
$("#nltName").css({'borderColor': 'red', 'backgroundColor': 'rgba(255,0,0,0.1)'});
}
else if(pn==""){
$(".newsletter-form2 input").css({'borderColor': '', 'backgroundColor':''});
$("#nltPhone").css({'borderColor': 'red', 'backgroundColor': 'rgba(255,0,0,0.1)'});
}
else if((em=="") || ((em.indexOf("@") < 0)) || ((em.indexOf(".") < 0))){
$(".newsletter-form2 input").css({'borderColor': '', 'backgroundColor':''});
$("#nltEmail").css({'borderColor': 'red', 'backgroundColor': 'rgba(255,0,0,0.1)'});
}
else{
$(".newsletter-form2 input").css({'borderColor': '', 'backgroundColor':''});
$.post("get-subscription.php", {getSubscribe: 1, nm, pn, em, courseId})
.done((response) => {
if(response == "Done"){
//console.log(response);
$(".alert-comp1").fadeOut(100);
setTimeout(() => {$("#notificationComp2, .ntf-glass").fadeIn(300)}, 100)
$(".newsletter-form2 input").val("");
}
else if(response == "Exist"){
console.log(response);
$(".alert-comp1").fadeOut(100);
setTimeout(() => {$("#notificationComp, .ntf-glass").fadeIn(300)}, 100)
$(".newsletter-form2 input").val("");
}
})
return false;
}
});
var sidePopupFunc1 = () => {
$('#h-more-info-div .btn-close-info').click(function(){
$(this).parents('#h-more-info-div').toggleClass('open');
$('#fullPage-nav').toggleClass('info-open');
//$(this).next('.h-more-info-div').toggleClass('open');
});
$('#h-more-info-div').removeClass('open');
$("#h-more-info-div .c").mCustomScrollbar({
theme:"rounded-dots",
scrollInertia:400
});
};
window.onload = loagOfferImg(), sidePopupFunc1();
</script>
</body>
</html>
Zerion Mini Shell 1.0