ok
Mini Shell
<?php
include("header.php");
?>
<style>
.header-theme-1+.subvisual-block, .header-theme-1+.visual-block, .header-theme-1+.visual-map {
margin-top: 80px;
padding-bottom: 0px !important;
}
</style>
<!-- Sub Visual of the page -->
<div class="subvisual-block subvisual-theme-1 bg-dark-green d-flex pt-60 pt-md-90 pt-lg-150 pb-30 text-white">
<div class="pattern-image"><img src="images/bg-pattern-overlay.jpg" width="1920" height="570" alt="Pattern"></div>
<div class="container position-relative text-center">
<div class="row">
<div class="col-12">
<div class="subvisual-textbox">
<h1>Pricing Plan</h1>
<p>Choose your suitable membership plan</p>
</div>
<!--<nav class="breadcrumb-nav text-white d-flex justify-content-center mt-20 mt-lg-40">
<ul class="breadcrumb mb-0">
<li class="breadcrumb-item"><a href="index.php">Home</a></li>
<li class="breadcrumb-item"><a href="#">Pages</a></li>
<li class="breadcrumb-item active">Pricing Plan</li>
</ul>
</nav>-->
</div>
</div>
</div>
</div>
<!-- contain main informative part of the site -->
<main class="main">
<!-- Packages Block -->
<!--<section class="section section-theme-1 packages-block option-styles pt-35 pt-md-50 pt-lg-65 pt-xl-85 pt-xxl-110 pb-35 pb-md-50 pb-lg-65 pb-xl-85 pb-xxl-110">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-md-6 col-lg-4 mb-15 mb-md-30">
<div class="package-box">
<div class="box-head">
<strong class="subtitle">Basic Package</strong>
<h3>₹149.00</h3>
</div>
<div class="box-inner">
<div class="icon">
<img src="images/bag-icon.svg" width="38" height="34" alt="Image Description">
</div>
<ul class="list-unstyled features-list">
<li>30 job posting</li>
<li>3 featured job</li>
<li>Job displayed for 15 days</li>
<li>Premium Support 24/7</li>
</ul>
<a href="#" class="btn btn-green btn-sm"><span class="btn-text">Select Plan</span></a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 mb-15 mb-md-30">
<div class="package-box bg-dark-green text-white">
<div class="box-head">
<strong class="subtitle">Standard Package</strong>
<h3>₹499.00</h3>
<strong class="recommended-tag">Recommended</strong>
</div>
<div class="box-inner">
<div class="icon">
<img src="images/handshake-icon.svg" width="55" height="49" alt="Image Description">
</div>
<ul class="list-unstyled features-list">
<li>30 job posting</li>
<li>3 featured job</li>
<li>Job displayed for 15 days</li>
<li>Premium Support 24/7</li>
</ul>
<a href="#" class="btn btn-green btn-sm"><span class="btn-text">Select Plan</span></a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 mb-5 mb-lg-30">
<div class="package-box">
<div class="box-head">
<strong class="subtitle">Extended Package</strong>
<h3>₹899.00</h3>
</div>
<div class="box-inner">
<div class="icon">
<img src="images/promotion-icon.svg" width="52" height="52" alt="Image Description">
</div>
<ul class="list-unstyled features-list">
<li>30 job posting</li>
<li>3 featured job</li>
<li>Job displayed for 15 days</li>
<li>Premium Support 24/7</li>
</ul>
<a href="#" class="btn btn-green btn-sm"><span class="btn-text">Select Plan</span></a>
</div>
</div>
</div>
</div>
</div>
</section>-->
<!-- Packages Block -->
<section class="section section-theme-1 packages-block bg-light-sky pt-35 pt-md-50 pt-lg-65 pt-xl-85 pt-xxl-110 pb-35 pb-md-50 pb-lg-65 pb-xl-85 pb-xxl-110">
<div class="container">
<!-- Section header -->
<header class="section-header text-center mb-30 mb-md-45 mb-xl-60">
<h2>Affortable Plans for All</h2>
</header>
<div class="row justify-content-center">
<?php
$statement = $pdo->prepare("SELECT * FROM `subscription`");
$statement->execute();
$query = $statement->fetchAll(PDO::FETCH_ASSOC);
$totalData = $statement->rowCount();
foreach($query as $res){
?>
<div class="col-12 col-md-6 col-lg-4 mb-15 mb-md-30">
<div class="package-box">
<div class="box-head">
<center><strong class="subtitle"><?=$res['name']?></strong></center>
</div>
<div class="box-inner">
<div class="icon">
<img src="https://y1jobportal.in/images/logo/y1-logo-with-slogan.png" style='width: 154px;height: fit-content;background: beige;border-radius: 19px;' alt="Image Description">
</div>
<ul class="list-unstyled features-list">
<li>Amount : ₹<?=$res['amount']?><b></b></li>
<li>Duration : <?=$res['duration']?> - Month</li>
<li>No. of Employees : <?=$res['count']?> </li>
</ul>
<span class="btn btn-white btn-sm" onclick="add_plan('<?=$res['id']?>')"><span class="btn-text">Select Plan</span></span>
</div>
</div>
</div>
<?php } ?>
<!--
<div class="col-12 col-md-6 col-lg-4 mb-15 mb-md-30">
<div class="package-box bg-dark-green">
<div class="box-head text-white">
<strong class="subtitle">Standard Package</strong>
<h3>₹499.00</h3>
<strong class="recommended-tag">Recommended</strong>
</div>
<div class="box-inner">
<div class="icon">
<img src="images/handshake-icon.svg" width="55" height="49" alt="Image Description">
</div>
<ul class="list-unstyled features-list">
<li>30 job posting</li>
<li>3 featured job</li>
<li>Job displayed for 15 days</li>
<li>Premium Support 24/7</li>
</ul>
<a href="#" class="btn btn-green btn-sm"><span class="btn-text">Select Plan</span></a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 mb-5 mb-lg-30">
<div class="package-box">
<div class="box-head">
<strong class="subtitle">Extended Package</strong>
<h3>₹899.00</h3>
</div>
<div class="box-inner">
<div class="icon">
<img src="images/promotion-icon.svg" width="52" height="52" alt="Image Description">
</div>
<ul class="list-unstyled features-list">
<li>30 job posting</li>
<li>3 featured job</li>
<li>Job displayed for 15 days</li>
<li>Premium Support 24/7</li>
</ul>
<a href="#" class="btn btn-white btn-sm"><span class="btn-text">Select Plan</span></a>
</div>
</div>
</div>-->
</div>
</div>
</section>
</main>
<!-- footer of the page -->
<section class="section section-theme-1 section-downloads pt-35 pt-md-0 pb-50 pb-md-75 pb-lg-75 pb-xl-110 pb-xxl-150">
<div class="container">
<!-- Section header -->
<header class="section-header text-center mb-30 mb-md-40 mb-lg-50">
<h2>Download our mobile app</h2>
<p>Search through millions of jobs and find the right fit.<br> Simply swipe right to apply.</p>
</header>
<div class="app-buttons">
<a class="btn-app btn-play-store" href="demo-download.php" title="app will coming soon">
<div class="store-icon">
<img src="images/icon-play-store.png" width="28" height="30" alt="Google Play">
</div>
<div class="btn-text">
Download From <span>Google Play</span>
</div>
</a>
<!--<a class="btn-app btn-app-store" href="#">-->
<!-- <div class="store-icon">-->
<!-- <img src="images/icon-app-store.png" width="32" height="38" alt="App Store">-->
<!-- </div>-->
<!-- <div class="btn-text">-->
<!-- Download From <span>App Store</span>-->
<!-- </div>-->
<!--</a>-->
</div>
<div class="icon ico01"><img src="images/ico-app01.png" alt="Image Description"></div>
<!--<div class="icon ico02"><img src="images/ico-app02.png" alt="Image Description"></div>-->
<!--<div class="icon ico03"><img src="images/ico-app03.png" alt="Image Description"></div>-->
<div class="icon ico03"><img src="images/ico-app04.png" alt="Image Description"></div>
</div>
</section>
<script>
// add plan () to enable the function
function add_plan(plan_id){
var result = confirm("Confirm If You Want Add The Plan in Your Subscription History");
if (result) {
$.ajax({
type: 'POST',
dataType: 'json',
url: 'api/plan-add-api.php',
data: {type:'added_plan',plan_id:plan_id},
success: function(response) {
console.log(response);
//emp_datas();
var check_out_id = response[0]['check_out_id'];
alert(response[0]['message']);
window.location.href = "checkout-list.php?id="+check_out_id;
}
});
}
}
</script>
<?php
include("footer.php");
?>
Zerion Mini Shell 1.0