Mini Shell
<?php
require_once("function-file.php");
require_once("../config.php");
$userid=$_SESSION["userid"];
require_once("function-menu.php");
cookiecheck();
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Renew Subscription</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<?php cssfile();?>
</head>
<body class="hold-transition skin-blue layout-top-nav">
<!-- Site wrapper -->
<div class="wrapper">
<?php headermenu();?>
<?php
$getUserInfo = mysqli_query($connt, "SELECT * FROM student_reg WHERE stu_id='".$userid."'");
$userRess = mysqli_fetch_array($getUserInfo);
$getCoursePrc = mysqli_query($connt, "SELECT * FROM courses WHERE course_id='".$userRess['course_id']."'");
$courseRess = mysqli_fetch_array($getCoursePrc);
?>
<style>
/* Alert Component */
.exp-alert-comp{
width: 100%;
text-align: center;
color: #293f6e;
margin-top: 5%;
}
.exp-alert-comp h1{
font-weight: 600;
font-size: 36px;
margin-bottom: 20px;
}
.exp-alert-comp p{
font-size: 26px;
}
.exp-alert-comp .upgBtn{
background-color: #16a9ff;
padding: 10px 20px;
font-size: 24px;
color: #ffffff;
text-transform: uppercase;
border: none;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
letter-spacing: 1px;
transition: .3s;
-webkit-transition: .3s;
-moz-transition: .3s;
outline: none !important;
margin-left: -55px;
}
.exp-alert-comp .upgBtn:hover{
background-color: #48bbff;
box-shadow: 0px 5px 20px rgba(72,187,255,0.2)
}
.exp-alert-comp .upgBtn::after{
content: '';
position: absolute;
width: 30px;
height: 30px;
padding: 27px;
background-color: #1498e5;
margin-top: -10px;
margin-left: 12px;
border-radius: 0px 5px 5px 0px;
-webkit-border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
-ms-border-radius: 0px 5px 5px 0px;
-o-border-radius: 0px 5px 5px 0px;
background-image: url('css/arr01.svg');
background-position:center;
background-repeat: no-repeat;
background-size: 40%;
}
@media screen and (max-width:768px){
.exp-alert-comp p{
font-size: 18px;
line-height: 32px
}
}
/* Toggle Comps */
#paymentTypeComp{
display: none;
}
.tml{
font-size: 26px !important;
}
.tml-p{
font-size: 18px !important;
}
.sn-p{
font-size: 22px !important;
}
</style>
<!-- =============================================== -->
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper" style="height: 100% !important;">
<!-- Content Header (Page header) -->
<!-- Main content -->
<section class="content">
<?php
$deduction = ($courseRess["course_fees"] / 100) * $courseRess["discount"];
$course_amount = $courseRess["course_fees"] - $deduction;
?>
<div class="exp-alert-comp content" id="expiredAlert">
<img src="css/exm.svg" alt="" width="130">
<h1>කාලය කල් ඉකුත්වී ඇත</h1>
<p class="sn-p">කණගාටුයි, ඔබගේ නොමිලේ අත්හදා බැලීමේ කාලය කල් ඉකුත්වී ඇත. රුපියල් <?=$course_amount?> ක් පමණක් ගෙවීමෙන් සම්පූර්ණ විෂය නිර්දේශය වසරක් අඛණ්ඩව අධ්යයනය කිරීමට පහත බොත්තම ක්ලික් කරන්න</p>
<h1 class="tml">இலவச சேவைக்காலம் காலாவதியாகிவிட்டது</h1>
<p class="tml-p">மன்னிக்கவும், உங்களுக்கான இலவச சேவைக்காலம் காலாவதியாகிவிட்டது. முழுப்பாடத்திட்டத்தையும் ரூ. <?=$course_amount?> மாத்திரம் செலுத்தி ஒரு வருடத்திற்கு தொடர்ந்து கற்க கீழ்காணும் Button ஐ கிளிக் செய்யவும்.</p>
<h1>Trial Expired</h1>
<p>Sorry, your <strong>free trial</strong> period has expired.<br> Pay just LKR <?=$course_amount?> to continue studying for <strong>one year</strong>.</p>
<br><br>
<button class="upgBtn" id="gotoPayType">Upgrade Now</button>
</div>
<?php include ("comps.php"); ?>
</section>
</div><!-- /.content-wrapper -->
<?php footer();?>
</div><!-- ./wrapper -->
<?php jsfile();?>
<script>
$("#gotoPayType").on('click', () => {
$("#expiredAlert").hide();
$("#paymentTypeComp").show();
});
</script>
</body>
</html>
Zerion Mini Shell 1.0