1#@!#!123s

��JFIF�� 1#@!#!123s
: / home4 / mcspunei / www / chitpavan.in /
Filename : getnewsdetails.php
back
  <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Maharashtra Chitpavan Sangh</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="" name="keywords">
    <meta content="" name="description">

    <!-- Favicon -->
    <link href="img/favicon.ico" rel="icon">

    <!-- Google Web Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <!--<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Roboto:wght@500;700&display=swap" rel="stylesheet">-->

    <!-- Icon Font Stylesheet -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">

    <!-- Libraries Stylesheet -->
    <link href="lib/animate/animate.min.css" rel="stylesheet">
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
    <link href="lib/tempusdominus/css/tempusdominus-bootstrap-4.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Customized Bootstrap Stylesheet -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    
    
    <!--<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">-->
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>

    <!-- Template Stylesheet -->
    <link href="css/style.css" rel="stylesheet">

    <style>
    .title-large {
  font-size: 20px;
  margin: 10px 0 5px;
  line-height: 27px;
  color: #141517;
}





.title-small {
  color: #141517;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  margin: 6px 0 0;
}
.title-x-small {
  font-size: 18px;
  margin: 0px;
}
.title-large a,
.title-small a,
.title-x-small a {
  color: inherit;
}
.banner-sec {
  float: left;
  width: 100%;
  background: #fff;
}

.card1{
    background-color:white;
    margin-top:10%;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);

    
}
.card1-block {
  padding: 0 10px 10px;
  
}
.card1-text {
  margin: 0;
}
.text-time {
  color: #ff0000;
  font-weight: 600;
}
.banner-sec .card1-img-overlay {
  padding: 0;
  top: 3px;
  left: 7px;
  height: 20%;
}


.small-top {
  border-bottom: 1px solid #2b2b2b;
  float: left;
  width: 100%;
  background: #000;
}
.small-top .social-icon {
  float: right;
}
.small-top .social-icon a {
  border-left: 1px solid #2b2b2b;
  color: #ca1b1b;
  float: left;
  padding: 6px 13px;
}
.small-top .social-icon a:last-child {
  border-right: 1px solid #2b2b2b;
}
.small-top .social-icon a:hover {
  color: #fd3a13;
  text-decoration: none;
}
.small-top .date-sec {
  font-size: 13px;
  font-weight: 600;
  float: left;
  margin-top: 4px;
  color: #898989;
}




.top-slider .carousel-indicators {
  bottom: 0;
}
.top-slider .carousel-indicators li {
  border: 1px solid #000;
  margin-top:4%;
}
.top-slider .carousel-indicators .active {
  background: #000;
}

.side-bar .nav-tabs {
  border-bottom: none;
}
.side-bar .nav-tabs .nav-link {
  color: #aeaeae;
  text-transform: uppercase;
  border: none;
}
.side-bar .nav-tabs .nav-link.active,
.side-bar .nav-tabs .nav-link:hover {
  border-bottom: 2px solid #ff0000;
  text-transform: uppercase;
  color: #222;
}
.sidebar-tabing .media {
  margin-top: 20px;
}
.sidebar-tabing img {
  width: 100%;
  height: 200px;
}
.sidebar-tabing .title-small {
  line-height: 23px;
  margin-top: 5px;
  font-size: 18px;
}




.banner-sec {
  float: left;
  width: 100%;
}
.banner-sec .news-block {
  margin-bottom: 20px;
}
.banner-sec .news-block:last-child {
  margin-bottom: 0px;
}
.banner-sec .news-des {
  margin-bottom: 5px;
}
.banner-sec .title-large {
  margin: 18px 0 0;
}
.banner-sec .time {
  margin-top: 0px;
  font-size: 13px;
}
.banner-sec .carousel-control.left,
.banner-sec .carousel-control.right {
  background: none;
}
.banner-sec .card1 {
  margin-bottom: 20px;
}

.section-01 {
  float: left;
  width: 100%;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  background-color:white;
}
.section-01 .heading-large {
  border-bottom: 2px solid #222;
  color: #222;
  float: left;
  width: 100%;
  padding: 0 0 6px;
  margin: 0 0 18px;
  text-align: left;
}
.section-01 .heading-large::before,
.section-01 .heading-large::after {
  background: transparent;
}
.section-01 .heading-small {
  border-bottom: 2px solid #222;
  color: #222;
  float: left;
  margin: 7px 0 0;
  width: 100%;
  padding-bottom: 10px;
  font-size: 18px;
}
.section-01 .title-small {
  margin-bottom: 5px;
  padding:5px;
  font-size: 17px;
}
.section-01 .news-block {
  border-bottom: 1px dashed #000;
  padding-bottom: 30px;
  border: none;
}
.section-01 aside > .news-block {
  border-bottom: 1px dashed #000;
  padding-bottom: 19px;
}
.section-01 aside > .news-block:last-child {
  border-bottom: none;
  margin-bottom: 20px;
}
.section-01 .card1 {
  border: none;
}
.section-01 .card1-block {
  padding: 10px 0;
}
.section-01 .video-sec {
  float: left;
  margin-top: 30px;
  width: 100%;
}
.section-01 .video-block {
  float: left;
  margin-top: 20px;
  width: 100%;
}

.action-sec {
  width: 100%;
  float: left;
  background: #222;
}
.action-box {
  float: left;
  width: 100%;
  text-align: center;
}
.action-box h2 {
  color: #fff;
  font-size: 20px;
}


.badge .badge-pill .badge-danger{
    
}

.posts {
  display: flex;
  flex-wrap: wrap;
  
  justify-content: space-between;
}
.posts__item {
  display: flex;
  flex-direction: column;
  flex-basis: 48%;
  background-color: #fff;
  margin-bottom: 22px;
  font-size:14px;
  position: relative;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.posts__item--main {
  flex-basis: 66%;
}
.posts__item--main:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}
.posts__item--main .posts__image {
  display: flex;
  flex-grow: 1;
}
.posts__item--main .posts__information {
  position: absolute;
  bottom: 35px;
  left: 50px;
  padding: 0 0px 0 0;
  z-index: 1;
}
.posts__item--main .posts__title a {
  font-size: 30px;
  line-height: 36px;
  letter-spacing: 0.75px;
  color: #fff;
}
.posts__image > img {
  display: block;
  width: 100%;
}
.posts__information {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 5px 5px;
  flex-grow: 1;
}
.posts__date {
  font-size: 13px;
  line-height: 30px;
  letter-spacing: 0.325px;
  color: #818181;
  text-transform: uppercase;
  font-weight: 600;
  margin: 3px 0;
}
.posts__title {
  margin-top: 10px;
  margin-bottom: auto;
}
.posts__title a {
  font-size: 18px;
  line-height: 20px;
  color: #000;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.55px;
}
.posts__title a:hover {
  text-decoration: underline;
}
.posts__author {
  margin-top: 3px;
  color:#ff6a00;
}
.posts__author img {
  border-radius: 50px;
  width: 60px;
}

@media screen and (max-width: 992px) {
 .posts__item {
    flex-basis: 100%;
  }
  
  /*.t{*/
  /*    height:180px;*/
  /*}*/
  
 

  /*.posts__item--main {*/
  /*  flex-basis: 100%;*/
  /*  justify-content: center;*/
  /*}*/
  .posts__item--main .posts__image {
    display: block;
  }
  /*.posts__item--main .posts__information {*/
  /*  width: 100%;*/
  /*  bottom: auto;*/
  /*  left: auto;*/
  /*  align-items: center;*/
  /*  text-align: center;*/
  /*  padding: 0;*/
  /*}*/
  
  /*.t{*/
  /*    height:180px;*/
  /*}*/
  
   .sidebar-tabing img {
    width: 100%;
    height: 280px;
}
}
@media screen and (max-width: 768px) {
  .posts__item {
    flex-basis: 100%;
  }

  /*.posts__item--main {*/
  /*  flex-basis: 100%;*/
  /*  justify-content: center;*/
  /*}*/
  .posts__item--main .posts__image {
    display: block;
  }
  /*.posts__item--main .posts__information {*/
  /*  width: 100%;*/
  /*  bottom: auto;*/
  /*  left: auto;*/
  /*  align-items: center;*/
  /*  text-align: center;*/
  /*  padding: 0;*/
  /*}*/
  
  /*.t{*/
  /*    height:180px;*/
  /*}*/
  
   .sidebar-tabing img {
    width: 100%;
    height: 280px;
}
 
}
@media screen and (max-width: 480px) {
  .posts__item {
    flex-basis: 100%;
  }
  
  /*.t{*/
  /*    height:180px;*/
  /*}*/
  
   .sidebar-tabing img {
    width: 100%;
    height: 280px;
}
  
}

/* new css */
  
    

.vl2 {
    border-left: 4px solid grey;
    height: 25px;
}
.example {
  border: 1px solid;
  padding: 10px;
  box-shadow: 5px 10px #888888;
  background-color:#fff;
  margin-top:30px;
  
}

.dip{
    overflow:auto;
    height:550px;
}
  

.news-img{
    height:350px;
    width:100%;
}

/**/



    .service .nav .nav-link {
    transition: .5s;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    /*color: #;*/
    background-color: transperent;
}

/*.service .nav .nav-link.active {*/
/*    border-color: var(--primary) !important;*/
/*    background: var(--primary);*/
/*}*/

/*.service .nav .nav-link.active h5 {*/
/*    color: black !important;*/
/*}*/

.service .nav .nav-link.active h5 i {
    color: #FFFFFF !important;
}



        .card-img-overlay{
        position: absolute;
        bottom: 85px !important;
        left: -16px;
        top: 38%;
        padding: 1rem;
        border-radius: 0;
        }
        .lext-event{
            margin-top: -40px !important;
        }

        @media (max-width:768px){
            .card-img-overlay{
          position: absolute;
          bottom: 85px !important;
          left: -16px;
         top: 40%;
        padding: 1rem;
        border-radius: 0;
            }
        }
        @media (max-width:480px) {
            .card-img-overlay {
    position: absolute;
    bottom: 85px !important;
    left: -16px;
    top: 22%;
    padding: 1rem;
    border-radius: 0;
}
            .lext-event{
                margin-top: 0% !important;
            }
            .mob-box{
                margin: 0 0 10px 28px !important;
                margin-right: 0 !important;
                width: 85%;
                padding: 15px !important;
            }
            
            .card{
                margin-bottom: 30px;
                width: 95% !important;
            }
        }




        .card-img-overlay h5{
            width: 120px;
            /* height: 12vh; */
            background-color: #FF6A00;
            
        }
        .card {
   
    margin-top: -20px !important;
     width: 100%;
     height: 100%;
    aspect-ratio: 0 / 5;
    position: relative;
    border-radius: 10px;
    /* margin-left: 20px; */
    overflow: hidden;
    color: #000;
    transform: translateZ(0); 

}



.slider-container {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	position: relative;
	height: 100vh;
	width: 100%;
}

.slider-container h1 {
	color: #fff;
	font-size: 100px;
	letter-spacing: 5px;
	position: relative;
	z-index: 100;
	text-align: center;
}

.slider-container::after {
	background-color: #000;
	content: '';
	position: absolute;
	opacity: 0.3;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
}

.slide {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	height: 100%;
	width: 100%;
	transform: scale(1.15);
	transition: opacity .6s ease;
}

.slide.active {
	animation: grow 4s linear forwards;
	opacity: 1;
}

@keyframes grow {
	0%, 20% {
		transform: scale(1);
	}
	
	75%, 100% {
		transform: scale(1.15);
	}
}

.controls-container {
	position: absolute;
	top: 50%;
	right: 10px;
	display: flex;
	flex-direction: column;
	transform: translateY(-50%);
	z-index: 2;
}

.control {
	background-color: #fff;
	cursor: pointer;
	opacity: 0.5;
	margin: 6px;
	height: 40px;
	width: 5px;
	transition: opacity 0.3s, background-color 0.3s, transform 0.3s;
}

.control.active, .control:hover {
	background-color: #fff;
	opacity: 1;
	transform: scale(1.2);
}


.bit{
    overflow-y:scroll;
    overflow-x:hidden;
    /*height:580px;*/
}






    

/**/



    </style>
        </head>
        
        <body>
            <?php
$categoryId = $_GET['category_id'];
// echo"$categoryId";
include"config.php";
session_start();
// $sql = "SELECT * FROM  business_subcategory WHERE business_category_id = $categoryId";
        $result = $conn->query("SELECT * FROM  news WHERE  id =$categoryId");
?>
 <!--<div class="container-fluid about py-5" >-->
 <!--         <div class="container wow fadeInUp"  id="products"> -->
             <div class="tab-content w-100 ">
                <?php
if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
          $news_title= $row['news_title'];
          $news_description= $row['news_description'];
           $news_date= $row['news_date'];
            $announcement_status= $row['announcement_status'];
        
        
          $date = new DateTime($news_date);
            $formatted_date = $date->format('M j');
            $formatted_date1 = $date->format('Y');
        ?>
                 <div class="tab-pane fade show active" id="tab-pane-1">
                                                        <div class="offset-lg-0 col-lg-12 offset-md-1 col-md-10 mb-md-5 d-flex align-items-center">
                                            <div class="card">
                                              <img class="card-img" src="<?php echo 'admin_panel/uploads/News/'.$row['news_image']; ?>" alt="succulent" width="100%" height="100%" style="position: relative;">
                                              <div class="card-img-overlay text-white" style="position: absolute;">
                                                <!--<h5 class="card-title text-light text-center p-3"><?php echo $formatted_date;?><br> <?php echo $formatted_date1;?>-->
                                                
                                              </div>
                                              <div class="card-body pb-4">
                                                <h4 class="card-title" style="color:black">
                                                   <!--By Chitpavan || Jul 11 2024 || latest</h4>-->
                                                   By Chitpavan || <?php echo $formatted_date;?> || <?php echo $announcement_status?></h4>
                                                <div class="card-text">
                                                    
                                                    <div class="icon d-flex align-items-center justify-content-start">
                                                       <p><?php echo $news_title?></p>
                                                       </div>
                                                       <div class="location d-flex justify-content-start align-items-center">
                                                       <p><?php echo $news_description?></p>
                                                       </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                                    </div>
                         
                                   <?php 
    }
}
?>
 </div>
 <!--</div>-->
 <!--</div></div>-->
  
  <!--</div></div>-->
            
           
              
                
                </body>
                </html>