ok
Mini Shell
<?php include "header.php";
?>
<!--PC size stater here-->
<style>
@media (min-width: 991px){
#home_banner {
margin-top: 35px;
/*background-color: #bdefff;*/
margin-left: 35px;
margin-right: 35px;
border-radius: 52px;
}
#right_home{
padding-bottom: 14%;
}
#banner_heading{
font-size: 38px;
font-weight: 800;
color:#7371ff;
padding-top: 15px;
padding-bottom: 11px;
display: flex;
justify-content: center;
}
.banner_content1{
font-size: 38px;
font-weight: 800;
padding-top: 63px;
display: flex;
justify-content: center;
}
.banner_content{
font-size: 38px;
font-weight: 800;
display: flex;
justify-content: center;
}
#about{
margin-top: 35px;
margin-left: 35px;
margin-right: 35px;
border-radius: 52px;
}
#exam_types{
padding-top: 50px;
padding-bottom: 0px;
}
#heading_exam_type{
font-size: 35px;
}
#pdf_heading{
font-size: 28px;
font-weight: 800;
font-family: initial;
}
.twm-search-bar-2-wrap{
margin-top: 8%;
}
}
</style>
<!--PC size End here-->
<!--mobile size stater here-->
<style>
@media (max-width: 576px){
#home_banner {
margin-top: 60px;
/*background-color: #bdefff;*/
margin-left: 9px;
margin-right: 8px;
border-radius: 19px;
}
#banner_heading{
font-size: 29px;
font-weight: 800;
color:#7371ff;
padding-top: 7px;
padding-bottom: 11px;
display: flex;
justify-content: center;
}
.banner_content1{
font-size: 26px;
font-weight: 600;
padding-top: 0px;
}
.banner_content{
font-size: 26px;
font-weight: 600;
padding-top: 0px;
}
#about{
margin-top: 35px;
margin-left: 9px;
margin-right: 8px;
border-radius: 52px;
}
#exam_types{
padding-top: 0px;
padding-bottom: 0px;
}
#right_home{
padding-bottom: 3%;
}
#heading_exam_type{
font-size: 28px;
line-height: 30px;
}
#pdf_heading{
font-size: 28px;
font-weight: 800;
font-family: initial;
line-height: 33px;
}
.twm-search-bar-2-wrap{
margin-top: -6%;
}
#pdf_syllabus{
margin-top: 3%;
}
#total_pdf{
margin-top: 3%;
}
}
</style>
<!--mobile size End here-->
<div class="section-full p-t120 twm-explore-area bg-cover" id="home_banner">
<div class="container">
<div class="row">
<div class="col-md-12">
<!--Banner Start-->
<div class="row">
<!--Left Section-->
<div class="col-xl-5 col-lg-5 col-sm-5">
<img id="banner_image" src="images/banner/final-banner.jpeg" alt="#" >
</div>
<!--right Section-->
<div class="col-xl-7 col-lg-7 col-sm-7 twm-bnr-right-section" id="right_home" >
<div class="twm-bnr-right-content" style="background-color: white;line-height: 0px;">
<h2 id="banner_heading" >tnpsctestbatch.com</h2>
</div>
<div class="twm-bnr-right-content">
<h3 class="banner_content1" >
A platform to</h3>
<h3 class="banner_content">
practice questions </h3>
<h3 class="banner_content" >
for TNPSC exams. </h3>
</div>
</div>
</div>
<!--Banner End-->
</div>
</div>
</div>
</div>
<!--Search Bar-->
<div class="twm-search-bar-2-wrap" data-aos="fade-down-right">
<div class="container">
<div class="twm-search-bar-2-inner">
<div class="row">
<div class="col-lg-12 col-md-12">
<h2 class="wt-small-separator site-text-primary" id="pdf_heading">Aspirants become civil servants only by preparing as per the TNPSC exam syllabus</h2>
<div class="twm-bnr-discription" style="margin-top: -12px;">So Know your TNPSC exam syllabi.</div>
</div>
<div class="col-lg-12 col-md-12">
<div class="text-center job-categories-btn" id="total_pdf">
<a data-aos="fade-left" data-aos-offset="300" data-aos-easing="ease-in-sine" target="_blank" href="images/pdf/Gr_I_09_03_2020.pdf" class=" site-button"> Group 1 Syllabus</a>
<a data-aos="zoom-out-up" data-aos-offset="300" data-aos-easing="ease-in-sine" target="_blank" href="images/pdf/G2_Revised_Scheme_Syllabus_27012022.pdf" class=" site-button"> Group 2 Syllabus</a>
<a id="pdf_syllabus" data-aos="fade-right" data-aos-offset="300" data-aos-easing="ease-in-sine" target="_blank" href="images/pdf/G4_Scheme_Revised_27012022.pdf" class=" site-button"> Group 4 Syllabus</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- HOW IT WORK SECTION START -->
<div class="section-full p-t120 p-b90 site-bg-white twm-how-it-work-area2" id="exam_types">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-head left wt-small-separator-outer">
<h2 class="wt-small-separator site-text-primary" id="heading_exam_type" >Asses your exam preparation by </h2>
</div>
</div>
<div class="col-lg-12 col-md-12">
<div class="twm-w-process-steps-2-wrap">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-6" >
<div class="twm-w-process-steps-2">
<div class="twm-w-pro-top bg-clr-sky-light bg-sky-light-shadow">
<span class="twm-large-number text-clr-sky">01 </span>
<div class="twm-media">
<span><img src="images/work-process/icon1.png" alt="icon1" /></span>
</div>
<h4 class="twm-title">General Studies<br /></h4>
<p style="font-size: 16px;">
Practice General Studies questions from school text books according to TNPSC syllabus.
</p>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6">
<div class="twm-w-process-steps-2">
<div class="twm-w-pro-top bg-clr-yellow-light bg-yellow-light-shadow">
<span class="twm-large-number text-clr-yellow">02 </span>
<div class="twm-media">
<span><img src="images/work-process/icon4.png" alt="icon1" /></span>
</div>
<h4 class="twm-title">Test Batch Series</h4>
<p style="font-size: 16px;" >Practice numerous Mock Tests to know leval of your exam preparation </p>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6">
<div class="twm-w-process-steps-2">
<div class="twm-w-pro-top bg-clr-pink-light bg-pink-light-shadow">
<span class="twm-large-number text-clr-pink">03 </span>
<div class="twm-media">
<span><img src="images/work-process/icon3.png" alt="icon1" /></span>
</div>
<h4 class="twm-title">Current Affairs</h4>
<p style="font-size: 16px;">
Stay updated with latest Daily current affairs.
</p>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6">
<div class="twm-w-process-steps-2">
<div class="twm-w-pro-top bg-clr-green-light bg-clr-light-shadow">
<span class="twm-large-number text-clr-green">04 </span>
<div class="twm-media">
<span><img src="images/work-process/icon3.png" alt="icon1" /></span>
</div>
<h4 class="twm-title">Blogs</h4>
<p style="font-size: 16px;" >Check out blogs to stay updated with mains current Affairs additional facts outside of the school text books</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="twm-how-it-work-section">
</div>
</div>
</div>
<!-- HOW IT WORK SECTION END -->
<div class="section-full twm-explore-area bg-cover" id="about">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 style="margin-top: 13px;font-size: 37px;font-weight: 800;color:#1967d2;">Exclusive features of the platform</h2>
</div>
<!--<div class="col-md-6">-->
<!-- <ul style="font-size: 22px;color: black;font-weight: 600;">-->
<!-- <li>Give yourself a pat. </li>-->
<!-- <li>You have arrived to the right spot.</li>-->
<!-- <li>-->
<!-- Practice chapter wise tests for the general studies from the school text books.-->
<!-- </li>-->
<!-- <li> Practice mock test in tests batch series.</li>-->
<!-- <li>Stay upto date with latest current affairs in our platform. </li>-->
<!-- <li> Get your self registered with our platform to ace the TNPSC exam and fulfill your dream of becoming a civil servant.</li>-->
<!-- </ul>-->
<!--</div>-->
<div class="col-md-6">
<img src="icons/Final.jpg" alt="" />
<p>A well designed UI to keep your focus on the question. </p>
</div>
<div class="col-md-6">
<img src="icons/explanation.jpg" alt="" />
<p>Questions are exlained with videos and images for your easy understanding. </p>
</div>
</div>
</div>
</div>
<!-- JOBS CATEGORIES SECTION START -->
<div class="section-full p-t120 p-b90 site-bg-gray twm-job-categories-area2">
<!-- TITLE START-->
<div class="section-head center wt-small-separator-outer">
<div class="wt-small-separator site-text-primary">
<div>Just give it a shot</div>
</div>
<h2 class="wt-title">Attend a sample test</h2>
</div>
<!-- TITLE END-->
<div class="container">
<div class="twm-job-categories-section-2">
<div class="job-categories-style1 m-b30">
<div class="row">
<?php
$query_subject = $pdo->prepare("SELECT * FROM tbl_subject WHERE status=1 ORDER BY id DESC");
$query_subject->execute();
$result_subject = $query_subject->fetchAll(PDO::FETCH_ASSOC);
$total=$query_subject->rowCount();
foreach($result_subject as $result_datas){
if($result_datas['image']==""){
$subject_image = '<img src="" alt="">';
}else{
$subject_image = '<img src="admin/'.$result_datas['image'].'" alt="">';
}
?>
<!-- COLUMNS 1 -->
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-offset="300" data-aos-easing="ease-in-sine" >
<div class="job-categories-block-2 m-b30">
<div class="twm-media">
<?= $subject_image ?>
</div>
<div class="twm-content">
<div class="twm-jobs-available">Topic</div>
<a href="subject_book.php?id=<?=$result_datas['id']?>"><?= $result_datas['subject_name'] ?></a>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
</div>
</div>
</div>
<!-- JOBS CATEGORIES SECTION END -->
<?php include "footer.php"?>
Zerion Mini Shell 1.0