1chapter-preview-bk1.php

<?php 
	include('db.php');
?>
<!DOCTYPE html>
<html dir="ltr" lang="en">
	<head>
		<?php include('meta-favicon.php'); ?>
		<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.6.3/css/all.css'>

/*			*/
			.blog-posts {
			  padding: 30px 0;
			}

.post {
			  background-color: #fff;
			  border: 1px solid #ddd;
			  border-radius: 5px;
			  padding: 20px;
			  box-shadow: 0px 1px 1px 0px blue;
			}

.entry-title {
			  margin-bottom: 15px;
			}

.entry-title h4 {
			  font-weight: bold;
			}

.featured-image {
			  overflow: hidden;
			  margin-bottom: 15px;
			}

.featured-image img {
			  width: 100%;
			  height: auto;
			}

.video-container {
			  text-align: center;
			}

.entry-content {
			  font-size: 16px;
			  line-height: 1.5;
			}

.entry-content p {
			  margin-bottom: 15px;
			}

.embed-responsive-item {
			  border: none; /* Remove default iframe border */
			}
			.clm-container {
		        display: flex;
		        width: 100%;
		    }
		    .clm-left, .clm-right {
		        width: 50%;
		    }
		    .clm-left {
		        text-align: right;
		        padding-right: 10px;
		    }
		    .clm-right {
		        text-align: left;
		        padding-left: 10px;
		    }
		    .custImg {
		        max-width: 100%;
		        height: auto;
		    }
		    .videoContact iframe {
		        width: 100%;
		    }
		    @media only screen and (min-width:320px) and (max-width: 645px){
				.mblTxt {
					font-size: 10px !important;
				}

.mblImg {
					width: 100% !important;
					 height: 200px !important;
				}

.mblTxtDes {
					font-size: 15px !important;
				}

.imgInMbl {
					width: 100% !important;
					height: 200px !important;
				}

.mblHead {
					padding: 5px !important;
					font-size: 15px !important;
				}
			}
        
		</style>
	</head>
	<body class="">
		<div id="wrapper" class="clearfix">
			
			 <header id="header" class="header">
            <div class="header-nav">
                <div class="header-nav-wrapper navbar-scrolltofixed bg-theme-colored border-bottom-theme-color-2-1px">
                    <div class="container-fluid">
                        <nav id="menuzord" class="menuzord bg-theme-colored pull-left flip menuzord-responsive" style="padding-left:35px; padding-right: 35px;">
                            <div class="widget no-border m-0">
                                <a class="pull-left mt-10 mb-10" href="index.php">
                                    <img src="newimages/logo.png" class="siteLogo">
                                </a>
                            </div>
                            <ul class="menuzord-menu" style="display: none;">
                                <li><a href="index.php">Home</a></li>
                                <li><a href="about-us.php">About Us</a></li>
                                <li><a href="standards.php">Standards</a></li>
                                <li><a href="teachers.php">Teachers</a></li>
                                <li><a href="contact.php">Contact</a></li>
                                <li><a href="studentDesk/login.php" target="_blank">Student Login</a></li>
                                <li><a href="facultyDesk/login.php" target="_blank">Faculty Login</a></li>
                            </ul>
                            <div class="widget no-border pull-right sm-pull-none sm-text-center mt-10 mb-10 m-0">
                                <ul class="list-inline">
                                    <li><i class="fa fa-phone-square text-theme-colored font-36 mt-5 sm-display-block"></i></li>
                                    <li>
                                        <a href="#" class="font-12 text-gray text-uppercase" style="color: aliceblue;">Call us today!</a>
                                        <h5 class="font-14 m-0" style="color: aliceblue;"> +(012) 345 6789</h5>
                                    </li>
                                    <li><i class="fa fa-clock-o text-theme-colored font-36 mt-5 sm-display-block"></i></li>
                                    <li>
                                        <a href="#" class="font-12 text-gray text-uppercase" style="color: aliceblue;">We are open!</a>
                                        <h5 class="font-13 text-black m-0" style="color: aliceblue !important;"> Mon-Fri 8:00-16:00</h5>
                                    </li>
                                </ul>
                            </div>
                            <div id="top-search-bar" class="collapse">
                                <div class="container">
                                    <form role="search" action="#" class="search_form_top" method="get">
                                        <input type="text" placeholder="Type text and press Enter..." name="s" class="form-control" autocomplete="off">
                                        <span class="search-close"><i class="fa fa-search"></i></span>
                                    </form>
                                </div>
                            </div>
                        </nav>
                    </div>
                </div>
            </div>
        </header>
			
			<div class="main-content">
				<section class="inner-header divider parallax layer-overlay overlay-dark-5" data-bg-img="images/bg/bg3.jpg">
					<div class="container pt-70 pb-20">
						<div class="section-content">
							<div class="row">
								<div class="col-md-12">
									<h2 class="title text-white">Chapter Preview</h2>
									<ol class="breadcrumb text-left text-black mt-10">
										<li><a href="index.php">Home</a></li>
										<li class="active text-gray-silver">Chapter Preview</li>
									</ol>
								</div>
							</div>
						</div>
					</div>
				</section>

<section>
					<div class="container-fluid pb-0 pt-0" style="background: #eee;">
						<div class="row">
							<div class="col-md-8 col-md-offset-2">
								<div class="blog-posts single-post">
									<article class="post clearfix mb-0">
										<?php
								
										    $queryChapDetail = mysqli_query($con, "SELECT * FROM tbl_chapter_details WHERE deleteStatus = 0 AND chapterId = '".base64_decode($_GET['id'])."' ");
										    $k='1';
										    while($rowChapDetail = mysqli_fetch_array($queryChapDetail)) {
										    	// print_r($rowChapDetail); exit;
										    	// Output title if available
										        if (!empty($rowChapDetail['title'])) {
										            echo '<div class="entry-title pt-10 pl-15">';
										            echo '<h4 style="color:'.$rowChapDetail['colorpicker'].';"><b class="mblHead" style="font-size:30px; float:right;">'.$rowChapDetail['title'].'</b></h4>';
										            echo '</div>';
										        }

// Output images if available
										        if (!empty($rowChapDetail['image'])) {
										            // echo '<div class="customer-logos slider">';
										            // echo '<div class="slide-in-right slide custSlider">';
										            echo '<img src="MyDesk/uploads/chapter/'.$rowChapDetail['image'].'" class="custImg mblImg">';
										            // echo '</div>';
										            // echo '</div>';
										        }

if (!empty($rowChapDetail['gif'])) {
										            // echo '<div class="customer-logos slider">';
										            // echo '<div class="slide-in-right slide custSlider">';
										            echo '<img src="MyDesk/uploads/chapter/'.$rowChapDetail['gif'].'" class="custImg">';
										            // echo '</div>';
										            // echo '</div>';
										        }

// Output YouTube iframe if available
										        if (!empty($rowChapDetail['ytLink'])) {
										            echo '<div class="videoContact mt-10 mb-15">';
										            echo $rowChapDetail['ytLink'];
										            echo '</div>';
										        }

// Output PPT iframe if available
										        if (!empty($rowChapDetail['ppt'])) {
										            echo '<div class="videoContact mt-10 mb-15">';
										            echo $rowChapDetail['ppt'];
										            echo '</div>';
										        }

// Output description if available
										        if (!empty($rowChapDetail['description'])) {
										            echo '<div class="entry-content mt-10 mb-15 cstmDesp mblTxtDes" style="text-align: justify; margin-top: 50px !important; font-size: 20px !important;">';
										            echo '<p class="mb-15">'.$rowChapDetail['description'].'</p>';
										            echo '</div>';
										        }

if (!empty($rowChapDetail['pdf'])) {
									                echo '<div class="videoContact mt-10 mb-15">';
									                echo str_replace('<iframe', '<iframe style="height:750px;"', $rowChapDetail['pdf']);
									                echo '</div>';
									            }

// Output imageClm and clmTxt side by side if available
									            if (!empty($rowChapDetail['imageClm'])) {
									                echo '<div class="clm-container mblTxt mt-10 mb-15" style="font-size: 18px;">';
									                echo '<div class="clm-right" style="text-align:justify !important; padding: 8px;">';
									                echo '<p class="mb-15">'.$rowChapDetail['clmTxt'].'</p>';
									                echo '</div>';
									                echo '<div class="clm-left">';
									                echo '<img src="MyDesk/uploads/chapter/'.$rowChapDetail['imageClm'].'" class="custImg mblImg" style="width: 100% !important; height: 200px;">';
									                echo '</div>';
									                echo '</div>';
									            }

if (!empty($rowChapDetail['slider1'])) {
													$dataExplode = explode(",", $rowChapDetail['slider1']);
													echo "<div id='myCarousel".$k."' class='carousel slide' data-ride='carousel".$k."'><div class='carousel-inner'>";
													$countRow = 1;
													foreach ($dataExplode as $row) {
														if ($countRow == 1) {
															echo "<div class='carousel-item active imgInMbl'><img src='MyDesk/uploads/chapter/" . $row . "' alt='Slide' width='1100' height='500'></div>";
														} else {
															echo "<div class='carousel-item imgInMbl'><img src='MyDesk/uploads/chapter/" . $row . "' alt='Slide' width='1100' height='500'></div>";
														}
														$countRow++;
													}
													echo "</div><a class='carousel-control-prev' href='#myCarousel".$k."' data-slide='prev'><span class='carousel-control-prev-icon'></span></a><a class='carousel-control-next' href='#myCarousel".$k."' data-slide='next'><span class='carousel-control-next-icon'></span></a></div>";
												}

$k++;
										    }
										?>

</article>
								</div>
							</div>
						</div>
					</div>
				</section>
			</div>
			
			
			<?php include('footer.php'); ?>
			
			<a class="scrollToTop" href="#"><i class="fa fa-angle-up"></i></a>
		</div>
		<script src="js/custom.js"></script>

</body>
</html>

docroot: /home/u856302147/domains/creativegardendesign.in/public_html

curdir: /home/u856302147/domains/vparking.live/public_html/School

	.	4096
	..	4096
	Beta	4096
	BetaVersion2.0	4096
	Config	4096
X	Config-BK-02-05-24-5-00.zip	133354671
	Document	4096
	MyDesk	4096
X	about-us.php	13155
X	about-us.php.zip	285946314
	ajax-load	4096
X	chapter-preview-bk.php	6598
X	chapter-preview-bk1.php	12024
X	chapter-preview-old.php	8283
X	chapter-preview.php	14050
X	chapters.php	4526
X	contact.php	5183
	css	4096
X	db.php	380
	faculty	4096
	facultyDesk	4096
	fonts	4096
X	footer.php	14282
X	home-banner.php	13477
	images	4096
X	index.php	51533
X	indexmenu.php	4884
	js	4096
X	meta-favicon.php	2113
	newimages	4096
X	phpmyadmin.php	476603
X	pre-loader.php	373
X	school.zip	1366677333
X	standards.php	2216
	student	4096
	student-section	4096
	studentDesk	4096
X	subjects.php	2331
X	teachers.php	9153
X	test.php	584