📁 File Manager

Dosya Düzenle: BACKUP INDEX.PHP

<!DOCTYPE html>
	<html lang="zxx" class="no-js">
	<head>
		
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		
		<link rel="icon" href="img/favicon.ico" type="image/gif" sizes="16x16">
  <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
  <link rel="icon" href="img/favicon.ico" type="image/x-icon">
   <title>মঙলদৈ মহাবিদ্যালয় |NAAC "A" GRADE COLLEGE |(Autonomous)</title>
		
		<meta name="description" content="MANGALDAI COLLEGE |NAAC "A" GRADE COLLEGE | Autonomous">
		
		<meta name="keywords" content="MANGALDAI COLLEGE |NAAC "A" GRADE COLLEGE | Autonomous">
		
		<meta charset="UTF-8">
		
		
  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6162146830627228"
     crossorigin="anonymous"></script>
		<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,400,300,500,600,700" rel="stylesheet"> 
			
			<link rel="stylesheet" href="css/linearicons.css">
			<link rel="stylesheet" href="css/font-awesome.min.css">
			<link rel="stylesheet" href="css/bootstrap.css">
			<link rel="stylesheet" href="css/magnific-popup.css">
			<link rel="stylesheet" href="css/glowHd.css">
			<link rel="stylesheet" href="css/nice-select.css">							
			<link rel="stylesheet" href="css/animate.min.css">
			<link rel="stylesheet" href="css/owl.carousel.css">			
			<link rel="stylesheet" href="css/jquery-ui.css">			
			<link rel="stylesheet" href="css/main.css">
		   <link rel="stylesheet" href="css/notifications.css">
		<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">

<style>

html, body {
  overflow-x: hidden;
  width: 100%;
}
			
			@keyframes myfirst {
  0%   {left: -150px; top: 0px;}
  
  50%  {left: 50px; top: 0px;}
  100%  {left: 0px; top: 0px;}
  
}

.preloader {
  position: fixed;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999999999999;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
}

.preloader__image {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
			
			#google_translate_element select{

background-color: #f6edfd;
    color: #121689;
    border: 2px solid;
    border-radius: 16px;
    padding: 9px 31px;

}
			.mq{
				   max-width: 100%;
    padding: 20px; /* reduce from 47px */
				
			}
			
			.goog-te-combo{
				float: right;
			}
			#google_translate_element .goog-te-gadget{
				color:transparent;
			}
			#google_translate_element .VIpgJd-ZVi9od-l4eHX-hSRGPd{
				display:none;
			}
			
		
			
			
			.teamGrid {
    display: grid;
    grid-template-columns: 32.33% 32.33% 32.33%;
    column-gap: 1.5%;
    margin-top: 100px;
}
.avatar {
    position: absolute;
    left: 0;
    right: 0;
    top: -80px;
    text-align: center;
}
.teamcolinner {
    position: relative;
}
.avatar > img {
    width: 150px;
    margin: auto;
    border-radius: 50px;
    border: 1px solid rgb(170 170 173/ 1);
    box-shadow: 0px 3px 10px 3px rgb(170 170 173 / 0.5);
}
.teamcolinner {
    position: relative;
    border: 1px dashed #ddd;
    min-height: 100px;
    background: #fff;
    z-index: 9;
}
.teamcol {
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    position: relative;
    transition: transform 1s ease-in-out;
}
.teamcol:hover {
    transform: translateY(-30px);
    box-shadow: 0px 3px 10px 3px rgb(170 170 173 / 0.5);
    transition: transform 1s ease-in-out;
}
.teamcol:before {
    content: "";
    width: 50%;
    height: 50%;
    position: absolute;
    right: 0;
    top: 0;
    background: -webkit-linear-gradient(#ffbf00, #ffa000);
    border-top-right-radius: 10px;
    transition: width 1s ease-in-out;
}
.teamcol:after {
    content: "";
    width: 50%;
    height: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: -webkit-linear-gradient(#f7631b, #f7631b);
    border-bottom-left-radius: 10px;
    transition: width 1s ease-in-out;
}
.teamcol:hover::before, .teamcol:hover::after {
    width: 100%;
    transition: width 1s ease-in-out;
}
.member-name {
    margin-top: 80px;
}
.member-info {
    padding: 10px 20px;
}
.social-listing {
    align-items: center;
    justify-content: center;
    display: flex;
    list-style: none;
    padding: 0;
}
.social-listing >li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: #f4f5f7;
    border-radius: 50%;
    margin: 5px;
}

@media only screen and (max-width: 600px) {
  .teamGrid {
	  display: inline-block;
    
}
		.colmun{
		  padding:20px;	
		}
  }	
	
			
			
			
/*  programme card  */			
	
			
	.section-ajeet-title {
  position: relative;
  font-size: 30px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  margin: 0 0 35px;
}
.gallery-sec {
  padding: 3px 0 40px;
}

.gf-column {
  float: left;
  display: none; /* Hide all elements by default */
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

.filter {
  padding: 20px 2px 10px;
  text-align: center;
  max-width: 1050px;
  margin: auto;
  object-fit: cover;
}

.gf-btn {
  padding: 10px 20px;
  margin: 5px 4px 4px 0;
  display: inline-block;
  color: #000;
  background: #fff;
  font-size: 18px;
  font-weight: 500;
  border: 1px solid #c9771569;
  text-decoration: none;
  transition: all 0.2s;
  border-radius: 9px;
  cursor: pointer;
}
.gf-btn:hover,
.gf-btn-active {
  background: #f7631b;
  color: #fff;
  -webkit-transform: translateY(3px);
  -ms-transform: translateY(3px);
  transform: translateY(3px);
}

.gallery {
  display: flex;
  justify-content: center;
  width: fit-content;
  max-width: 1320px;
  flex-wrap: wrap;
  margin: 25px auto;
  /* gap: 14px; */
}
.gallery img {
  width: 350px;
    height: 200px;
  object-fit: cover;
  /* background: center center/cover no-repeat #ddd; */
  transition: 0.3s ease-in-out;
  border-radius: 12px;
  overflow: hidden;
  margin: 10px 10px;
}
.gallery img:hover::after {
  content: "E";
}

.gallery img:hover,
video:hover {
  transform: scale(1.1);
}

.butonsSection {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px 15px;
  gap: 15px;
}
.closeBtn {
  font-size: 22px;
  letter-spacing: 2px;
  color: #fff;
  transition: all 0.4s linear;
  padding: 8px 50px;
  border-radius: 25px;
  background: red;
  border: 0;
  outline-offset: -5px;
  outline: 2px solid #fff;
}
.closeBtn:hover {
  cursor: auto;
  background: white;
  color: black;
  padding: 8px 45px;
  outline-offset: 4px;
  outline: 2px solid #fff;
}

.openDiv {
  width: 100%;
  height: 100vh;
  background: #000000e7;
  position: fixed;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  left: 0;
  z-index: 9999;
}
.imgPreview {
  /*    width: 70%;  */
  object-fit: scale-down;
  max-height: 80vh;
  height: auto;
}

.sets .hide,
.sets .pophide {
  width: 0%;
  opacity: 0;
}

.all-btn {
  text-align: center;
  background-color: #04091e;
  border-radius: 30px;
  margin: -15px auto 0;
  font-size: 1rem;
  width: 100%;
  max-width: 300px;
  padding: 5px 10px;
  letter-spacing: 1px;
  cursor: pointer;
	
}

.all-btn:active {
  transform: translateY(2px);
}

/* Responsive css Code Start */

@media (max-width: 767px) {
  .gallery img {
    margin: 8px 8px;
    width: 175px;
  }

.closeBtn {
    padding: 8px 25px;
  }

.imgPreview {
    width: 80%;
    height: auto;
  }
}

@media (max-width: 575px) {
  .gallery img {
    margin: 8px 6px;
    width: 155px;
  }

.gf-btn {
    font-size: 15px;
  }

.closeBtn {
    font-size: 18px;
    padding: 8px 25px;
    border-radius: 15px;
  }
  .closeBtn:hover {
    padding: 8px 20px;
  }

.imgPreview {
    width: 90%;
    /* max-height: 50vh; */
    height: auto;
  }
}

.popup-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.7);
      display: none;
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

.popup-content {
      background: #00000000;
      position: relative;
      border-radius: 4px;
      display: inline-block;
      margin: auto;
    }

.popup-content img {
      display: block;
      max-width: 100%;
      height: auto;
      border-radius: 4px;
      margin: auto;
    }

.close-btn {
      position: absolute;
      top: 5px;
      right: 10px;
      font-size: 22px;
      font-weight: bold;
      cursor: pointer;
      color: #333;
      background: rgb(255 255 255);
      border-radius: 50%;
      padding: 2px 8px;
      line-height: 1;
    }

/* Floating FAQ Button */
    .circle-btn {
        position: fixed;
        bottom: 20px;
        right: 20px;
        width: 65px;
        height: 65px;
        border-radius: 50%;
        background: linear-gradient(135deg, #004080, #0073e6);
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        font-weight: bold;
        box-shadow: 0 6px 15px rgba(0,0,0,0.3);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        animation: pulse 1.5s infinite;
        z-index: 1000;
    }
    .circle-btn:hover {
        transform: scale(1.1);
        box-shadow: 0 8px 20px rgba(0,0,0,0.4);
    }
    @keyframes pulse {
        0%, 100% { transform: scale(1); }
        50% { transform: scale(1.1); }
    }

/* Chatbot Window */
    .chat-window {
        position: fixed;
        bottom: 100px;
        right: 20px;
        width: 320px;
        height: 450px;
        background: white;
        border-radius: 12px;
        box-shadow: 0 6px 20px rgba(0,0,0,0.4);
        display: flex;
        flex-direction: column;
        opacity: 0;
        transform: translateY(40px);
        pointer-events: none;
        transition: all 0.4s ease;
        overflow: hidden;
        z-index: 2000;
    }
    .chat-window.show {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

/* Chat Header */
    .chat-header {
        background: linear-gradient(135deg, #004080, #0073e6);
        color: white;
        padding: 12px;
        text-align: center;
        font-weight: bold;
        position: relative;
        font-size: 16px;
    }
    .chat-header button {
        position: absolute;
        right: 10px;
        top: 8px;
        background: rgba(255,255,255,0.2);
        color: white;
        border: none;
        padding: 3px 8px;
        cursor: pointer;
        border-radius: 5px;
        font-size: 14px;
    }
    .chat-header button:hover {
        background: rgba(255,255,255,0.4);
    }

/* Messages Area */
    .chat-messages {
        flex: 1;
        padding: 10px;
        overflow-y: auto;
        font-size: 14px;
        background: #f0f2f5;
    }
    .bot, .user {
        padding: 8px 12px;
        margin: 5px 0;
        border-radius: 10px;
        max-width: 85%;
        display: inline-block;
        animation: fadeIn 0.4s ease;
    }
    .bot {
        background: #e3f2fd;
        color: #004080;
        align-self: flex-start;
    }
    .user {
        background: #004080;
        color: white;
        align-self: flex-end;
    }
    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(10px); }
        to { opacity: 1; transform: translateY(0); }
    }

/* Input Area */
    .chat-input {
        display: flex;
        border-top: 1px solid #ddd;
        background: white;
    }
    .chat-input input {
        flex: 1;
        padding: 10px;
        border: none;
        outline: none;
        font-size: 14px;
    }
    .chat-input button {
        background: #004080;
        color: white;
        border: none;
        padding: 10px 15px;
        cursor: pointer;
        font-size: 14px;
    }
    .chat-input button:hover {
        background: #0066cc;
    }

.mobile-ad{
display:none;
}

/* Show only on screens smaller than 768px (mobile) */
@media only screen and (max-width:768px){
.mobile-ad{
display:block;
}
}

</style>
				
		
		</head>
		<body>	
		
	
			
			 <?php include("menu.html");?> 
			 
			 
			 
			 

<!-- <div class="popup-overlay" id="popup1">
 <!--  <div class="popup-content">
 <!--    <span class="close-btn" onclick="showNextPopup()">&times;</span>
  <!--   <img src="img/disclosure.jpeg" alt="First Image" width="50%">
 <!--  </div>
<!-- </div>

// Close any popup
  function closePopup(id) {
    document.getElementById(id).style.display = 'none';
  }

// Show the first popup on page load
  window.addEventListener('load', () => {
    document.getElementById('popup1').style.display = 'flex';
  });
</script>

<section class="banner-area relative" id="home" style="height: 450px; height: 450px;margin-top: -20px;">

<div class="container">
					<div class="row fullscreen d-flex align-items-center justify-content-between">
						<div class="banner-content col-md-12">
							<h1 >
								<div class="main">
									<center>
									    <img src="img/ag.png">
									    
									    </center>
								<h1 style="margin-bottom: 280px; text-align: center;">MANGALDAI COLLEGE <p>( Autonomous)  <div class="roller" >
								    
								
 								 </div>								</h1>
							<p class="pt-10 pb-10">
							</p>
						</div></center>										
					</div>
				</div>	
			</section>

<section class="feature-area">
				<div class="container">
					<div class="row">
						<div class="col-lg-12">
						    
						    
						    
						    
							<div class="single-feature">
								<div class="title">

<h4>From the Desk of Principal</h4>
								</div>
								<div class="desc-wrap">
									
										<div class="row">

<div class="col-lg-2">
												<div class="thumb relative">
										<div class="overlay overlay-bg"></div>	
										<img class="img-fluid " src="img/princyImg.jpeg" alt="" style="
    height: 113px;
    width: 127px;
    border: 3px solid #f6631c;
    border-radius: 11px;
">
									</div>
											</div>
											<div class="col-lg-10">
												<p align="justify">   Mangaldai College (Autonomous) is a pioneer Higher Educational Institute imparting Science and Arts along with skill based B.Voc degree Programme. The college strives to build a top -notch academic environment for learners through inclusive quality education. In this connection, I take the opportunity to offer my heartiest greeting to all the respected and talented faculty members for their endeavour to make our students excel in all aspects. In compliance with the NEP, 2020 we are now trying our level best towards nurturing the holistic development for our learners... <a href="principalProfile.php"> Read More </a>	</p>
											</div>

</div>

</div>
							</div>
						</div>
						
																		
					</div>
				</div>	
			</section>

<div class="container mt-5">
    <div class="row">
        <div class="col-md-12" id="noticeHgt">
            <div class="d-flex justify-content-between align-items-center breaking-news bg-white">
                <div class="d-flex flex-row flex-grow-1 flex-fill justify-content-center bg-danger py-2 text-white px-1 news"><span class="d-flex align-items-center">&nbsp;Notification </span></div>
                <marquee class="news-scroll" behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
					<?php
					include 'connect.php';
					$snotice = "select * from notice  ORDER BY Sno DESC LIMIT 8 ";  
				
					$noticeQ = mysqli_query($con, $snotice);
					while($NoticeRow=mysqli_fetch_array($noticeQ))
					{
						$topic =$NoticeRow['Topic'];
						$Link =$NoticeRow['Link'];
						?>
					<a href="<?php echo $Link;  ?>"><img width="40px" src="img/new.gif" style="margin-bottom: 11px;" > <?php echo $topic; ?> </a> <span class="dot"></span>
						
					<?php
					}
										?>
                </marquee>
            </div>
        </div>
        
        
        
        
    </div>
</div>

<script>
		
window.addEventListener("load", function(){
    setTimeout(
        function open(event){
            document.querySelector(".popup").style.display = "block";
        },
        1000
    )
});

document.querySelector("#close").addEventListener("click", function(){
    document.querySelector(".popup").style.display = "none";
});
		</script>
			 
		
		<br> <br>
		
		 <div class="merit-buttons text-center">
  	 <div class="row justify-content-center">
     	  <div class="col-12 col-sm-6 col-md-auto mb-2">
     	   <a href="https://student.mangaldaicollege.org"><button class="btn btn-danger w-100">Examination Form Fillup</button></a>
   	  </div>
      
      
      
      
   
       
    
  </div>
</div>

<section class="upcoming-event-area section-gap" id="upHide" style="background: rgb(255 255 255) 20%;">
				<div class="container ">
					<div class="row d-flex justify-content-center">
						<div class="menu-content pb-70 col-lg-8">
							<div class="title text-center">
								<h1 class="mb-10">Upcoming Events</h1>
												</div>
						</div>
					</div>								
					<div class="row">
						
						
						<div class="active-review-carusel" >
							
							<?php
							
							$currentDate = date('Y-m-d');
                            $currentDate = date('Y-m-d', strtotime($currentDate));
							
							$ucEvent = "select * from notice where NoticeType='NoticeU' ORDER BY Sno";
							
							$qucEvent =mysqli_query($con,$ucEvent);
							while($RowucEvent = mysqli_fetch_array($qucEvent))
							{
								$uTopic= $RowucEvent['Topic'];
								$dbDate =  $RowucEvent['Date']; 
								if (($dbDate >= $currentDate) ) {
                                           
							?>
							
							
							
							<div class="single-review   item" style="box-shadow: 0px 10px 10px 0px rgb(253 95 95 / 27%);padding: 20px;
																	 background-image:url('https://images.pexels.com/photos/235985/pexels-photo-235985.jpeg?cs=srgb&dl=pexels-pixabay-235985.jpg&fm=jpg');
    height: 240px;
    color: white;
    border: 6px solid #fffefed9;
    border-radius: 12px;
">
								
								<div class="title justify-content-start d-flex" >
									<a href="#"><h4  style="padding:2px; color:white;  overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;"><?php echo $uTopic; ?></h4></a>
									<div class="star">
										
									</div>

</div>
								<p class="meta" style="padding:2px;"  >| <?php echo $RowucEvent['Date'];  ?>  |  </p>
								
								
								
								
								<p align="right">
									<a href="<?php echo $RowucEvent['Link'];  ?>">
										<input type="button" value="View Details" class="genric-btn danger radius"> </a> </p>
								
							</div>
							
							<?php
								
                                        } 
                                        else
                                        {
                                              
                                           
                                        }
                                        
							}
							
							?>

</div>
					</div>
				</div>	
			</section>

<section class="search-course-area relative">
				<div class="overlay overlay-bg"  id="fog"></div>
				<div class="container">

<div class="row justify-content-between align-items-center">
						<div class="col-lg-6 col-md-6 search-course-left">
							<h1 class="text-white">
								<br>
								Notice Board <br>
								
							</h1>
							
							<p align="justify" style=";background-image: url(../img/noticeBoard.png);background-size: 100% 292px;background-repeat: no-repeat;">
								
									<marquee class="mq" direction="up" height="255px" scrollamount="3" onmouseover="this.stop();" onmouseout="this.start() ;">

<a href="<?php echo $LinkB;  ?>" style="color: white;"> <?php echo $topicB; ?> </a> <br><br><br>
						
					
					<?php
					}
			?>

</font>

</marquee>
							</p>

<div class="row details-content">
															
							</div>
						</div>
						<div class="col-lg-4 col-md-6 search-course-right section-gap">
							<div class="form-wrap">
								<h4 class="text-white pb-20 text-center mb-30"> Notice | Events | Tender</h4>		
								
								<div >
									
								</div>									
								<a href="allNoticeView.php"><button class="primary-btn text-uppercase" >View All</button></a>
							</div>
						</div>
					</div>
				</div>	
			</section>

<section class="popular-course-area section-gap">
				<div class="container">
					<div class="row d-flex justify-content-center">
						<div class="menu-content pb-70 col-lg-8">
							<div class="title text-center">
								<h1 class="mb-10">College Events</h1>
								<p></p>
							</div>
						</div>
					</div>						
					<div class="row">
						<div class="active-popular-carusel">
							
							
							
							
							<?php
							
								$event = "select * from Event_recent ORDER BY date DESC LIMIT 10";
								$qEvent = mysqli_query($con,$event );
								while($eventRow=mysqli_fetch_array($qEvent))
								{
									$date = $eventRow['date'];
									$title =$eventRow['title'];
									$des =$eventRow['description'];
									$img = $eventRow['icon'];
									$id1= $eventRow['e_id'];
							
							?>
							
							
							
							
							
							<div class="single-popular-carusel">
								<div class="thumb-wrap relative">
									<div class="thumb relative">
										<div class="overlay overlay-bg"></div>	
										<img src="../<?php echo $img ?>"  onerror="this.onerror=null;callfun(this);" style="height: 165px;">
									</div>
									<div class="meta d-flex justify-content-between">
										<p><span ></span>  <span ></span></p>
										<h4 style="
    margin-top: -6px;
"><?php echo $date; ?></h4>
									</div>									
								</div>
								<div class="details">
									<a href="Eventbyid.php?id=<?php echo $id1; ?>">
										<h4 style="
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
">
											<?php  echo $title; ?>
										</h4>
									</a>
									<p align="justify" style="display: -webkit-box; max-width: 285px;  -webkit-line-clamp: 4;
									-webkit-box-orient: vertical;   overflow: hidden;">
										<?php  echo $des; ?>								
									</p>
								</div>
							</div>	
							
							
							<?php
								}
							?>
							
								
						</div>
					</div>
				</div>

</section>

<section class="cta-one-area relative section-gap" style="
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
">
				<div class="container">
					<div class="overlay overlay-bg"></div>
					<div class="row justify-content-center">
						<div class="wrap">
							<img src="img/logo.png" width="100px"><br>
							<h1 class="text-white">Our Moto</h1>
							<p>
								<font color="white" style="font-style: italic; font-size: 25px;  font-weight: 400;">
									TOMOSO MA JYOTIRGAMAYA<br> 
								Lead me from the darkness
								(of ignorance)
								 TO LIGHT 
								(of wisdom)</font>

</p>
														
						</div>					
					</div>
				</div>	
			</section>

<br>
					
					
					
					
					
					
			
					
					
					
					
					
					
					
					
					
					
					
					
					
					
				
		<!-- 
					<div class="container ">
<div class="row">
<div class="col-md-4">
	<div class="chat_container">
		<div class="job-box">
			<div class="job-box-filter">
				<div class="row">
					
					
					
					<div class="col-md-12 col-sm-12">
						<div class="filter-search-box text-right">								<br>
							<h5><center>Accademic Notice</center></h5><br>
							<input type="search" class="form-control input-sm" placeholder="Search Accademic Notice">
						</div>
					</div>
				</div>
			</div>
			<div class="inbox-message">
				<ul>
					
					
					
					
					<marquee direction="up" style="
    height: 188px;
" onmouseover="this.stop();" onmouseout="this.start();"> 
						
						//<?php
					//$snotice1 = "select * from notice where NoticeType = 'Notice' ORDER BY Sno DESC LIMIT 10 ";
					//$noticeQ1 = mysqli_query($con, $snotice1);
					//while($NoticeRow1=mysqli_fetch_array($noticeQ1))
					//{
					//	$topi1c =$NoticeRow1['Topic'];
					//	$Link1 =$NoticeRow1['Link'];
					//	?>
					
					<li>
						<a href="<?php// echo $Link1;  ?>">
							<div class="message-avatar">
								<img src="https://bootdey.com/img/Content/avatar/avatar1.png" alt="">
							</div>
							<div class="message-body">
								<div class="message-body-heading">
									<h5>Daniel Dock <span class="unread">Unread</span></h5>
									<span>7 hours ago</span>
								</div>
								<p><?php  //echo $topi1c;  ?></p>
							</div>
						</a>
					</li>
					<?php
						
						
					//}
					
					?>
					
					</marquee>
				</ul>
			</div>
		</div>
	</div>
</div>

<div class="col-md-4">
	<div class="chat_container">
		<div class="job-box">
			<div class="job-box-filter">
				<div class="row">
					
					
					
					<div class="col-md-12 col-sm-12">
						<div class="filter-search-box text-right" >							<br>
							<h5><center>News & Events</center></h5><br>
							<input type="search" class="form-control input-sm" placeholder="Search News & Events">
						</div>
					</div>
				</div>
			</div>
			<div class="inbox-message">
				<ul>
					
					
					
					
					<marquee direction="up" style="
    height: 188px;
" onmouseover="this.stop();" onmouseout="this.start();"> 
						
						<?php
					//$snotice1 = "select * from notice where NoticeType = 'Notice' ORDER BY Sno DESC LIMIT 10 ";
				//	$noticeQ1 = mysqli_query($con, $snotice1);
					//while($NoticeRow1=mysqli_fetch_array($noticeQ1))
					//{
					//	$topi1c =$NoticeRow1['Topic'];
					//	$Link1 =$NoticeRow1['Link'];
					//	?>
					
					<li>
						<a href="<?php //echo $Link1;  ?>">
							<div class="message-avatar">
								<img src="https://bootdey.com/img/Content/avatar/avatar1.png" alt="">
							</div>
							<div class="message-body">
								<div class="message-body-heading">
									<h5>Daniel Dock <span class="unread">Unread</span></h5>
									<span>7 hours ago</span>
								</div>
								<p><?php // echo $topi1c;  ?></p>
							</div>
						</a>
					</li>
					<?php
						
						
					//}
					
					?>
					
					</marquee>
				</ul>
			</div>
		</div>
	</div>
</div>
	
	
	
	<div class="col-md-4">
	<div class="chat_container">
		<div class="job-box">
			<div class="job-box-filter">
				<div class="row">
					
					
					
					<div class="col-md-12 col-sm-12">
						<div class="filter-search-box text-right"><br>
							<h5><center>Tenders</center></h5><br>
							<input type="search" class="form-control input-sm" placeholder="Search Tenders">
						</div>
					</div>
				</div>
			</div>
			<div class="inbox-message">
				<ul>
					
					
					
					
					<marquee direction="up" style="
    height: 188px;
" onmouseover="this.stop();" onmouseout="this.start();"> 
						
						<?php
					//$snotice1 = "select * from notice where NoticeType = 'Notice' ORDER BY Sno DESC LIMIT 10 ";
					//$noticeQ1 = mysqli_query($con, $snotice1);
				//	while($NoticeRow1=mysqli_fetch_array($noticeQ1))
					//{
					//	$topi1c =$NoticeRow1['Topic'];
					//	$Link1 =$NoticeRow1['Link'];
					//	?>
					
					<li>
						<a href="<?php// echo $Link1;  ?>">
							<div class="message-avatar">
								<img src="https://bootdey.com/img/Content/avatar/avatar1.png" alt="">
							</div>
							<div class="message-body">
								<div class="message-body-heading">
									<h5>Daniel Dock <span class="unread">Unread</span></h5>
									<span>7 hours ago</span>
								</div>
								<p><?php  echo $topi1c;  ?></p>
							</div>
						</a>
					</li>
					<?php
						
						
					//}
					
					?>
					
					</marquee>
				</ul>
			</div>
		</div>
	</div>
</div>
</div>
</div>		
				
				
	-->			
				
				
				
				
 <div class="teamWrapper" style="
    background: #e9e9e9;
    /* height: 168px; */
    padding: 50px;
">
    <div class="container">
      <h1 align="center">Degree in discipline</h1>
      <p align="center">Mangaldai College</p>
      <div class="teamGrid">
        <div class="colmun">
          <div class="teamcol">
            <div class="teamcolinner">
              <div class="avatar"><img src="../images/1.jpeg" alt="Member"  style="border: 7px solid #8b6f0d03;"></div>
              <div class="member-name"> <h3 align="center">Bachelor in Computer Application (BCA)
</h3> </div>
              <div class="member-info"><p align="center">Department of Computer Science & IT</p></div>
              <div class="member-mail"> <p align="center"> <a href="mailto:@gmail.com">csitmangaldaicollege@gmail.com</a> </p> </div>
              <div class="member-social"> 
                <ul class="social-listing">
                  <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                  <li><a href="#"><i class="fa fa-globe"></i></a></li>
                  <li><a href="#"><i class="fa fa-envelope"></i></a></li>
                </ul> 
              </div>
            </div>
          </div>
        </div>
        <div class="colmun">
          <div class="teamcol">
            <div class="teamcolinner">
              <div class="avatar"><img src="../img/04.jpg" alt="Member"  style="border: 7px solid #8b6f0d03;"></div>
              <div class="member-name"> <h2 align="center">ML MDT (B.Voc)
</h2> </div>
              <div class="member-info"><p align="center">Bachelor of Vocational</p></div>
              <div class="member-mail"> <p align="center"> <a href="mailto:@gmail.com">mailto:@gmail.com</a> </p> </div>
              <div class="member-social"> 
                <ul class="social-listing">
                  <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                  <li><a href="#"><i class="fa fa-globe"></i></a></li>
                  <li><a href="#"><i class="fa fa-envelope"></i></a></li>
                </ul> 
              </div>
            </div>
          </div>
        </div>
        <div class="colmun">
          <div class="teamcol">
            <div class="teamcolinner">
              <div class="avatar"><img src="../img/09.jpg" alt="Member"  style="border: 7px solid #8b6f0d03;"></div>
              <div class="member-name"> <h3 align="center">Food Processing Technology (B.Voc)
</h3> </div>
              <div class="member-info"><p align="center">Bachelor of Vocational</p></div>
              <div class="member-mail"> <p align="center"> <a href="mailto:@gmail.com">mailto:@gmail.com</a> </p> </div>
              <div class="member-social"> 
                <ul class="social-listing">
                  <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                  <li><a href="#"><i class="fa fa-globe"></i></a></li>
                  <li><a href="#"><i class="fa fa-envelope"></i></a></li>
                </ul> 
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>  
  </div>
				
				
				
				
				
				
				
	<br> <br> 	<br> <br>

<!-- 						
					
<section class="gallery-sec sec-pad">
  <div class="container">
    <div class="section-ajeet-title text-center">Photo Gallery</div>

<div id="gf-BtnContainer" class="filter">
      <button class="gf-btn gf-btn-active" onclick="filterSelection('bollywood')">Cultural</button>
      <button class="gf-btn" onclick="filterSelection('hollywood')">Activity</button>
      <button class="gf-btn" onclick="filterSelection('tv')">Campus View</button>
		<button class="gf-btn" onclick="filterSelection('lab')">Laboratory</button>
		
		
    </div>

</div>

<div class="all-btn">
      <a href="#" style="color: white; text-decoration-line: none">MORE IMAGES </a>
    </div>
  </div>
</section>

-->

<div class="mobile-ad" style="width:100%; max-width:100%; overflow:hidden; text-align:center;"> 
				    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6162146830627228"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-6162146830627228"
     data-ad-slot="2244314796"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

</div>

<section class="cta-two-area">
				<div class="container">
				    
			
				    
				    
				    
				    
				    
				    
				    
				    
				    
				    
					<div class="row">
						<div class="col-lg-4 cta-left">
							<h1>Connect with us on social media</h1>
						</div>
						<div class="col-lg-4 cta-right">
							<center><a class="primary-btn wh" style="
    border-radius: 6px;
" href="https://www.youtube.com/@mangaldaicollege5564"><img src="img/yt1.png" width="25px" ></a>
								<a class="primary-btn wh" style="
    border-radius: 6px;
" href="https://www.facebook.com/mangaldaicollegeofficialpage/"><img src="img/fb.png" width="25px"></a></center>
						</div>
						
						<div class="col-lg-4 cta-left">
							 <iframe height="200" width="400" 
            src="https://www.youtube.com/embed/cA6xF0UaSF8"> 
      </iframe> 
						</div>
					</div>
				</div>	
			</section>
			
						
			
			
			
			
			
			
			
<div class="circle-btn" onclick="toggleChat()">FAQ</div>

<div class="chat-window" id="chatbot">
    <div class="chat-header">
        Mangaldai College FAQ
        <button onclick="toggleChat()">X</button>
    </div>
    <div class="chat-messages" id="chat-messages">
        <div class="bot">👋 Hello! Ask me something about Mangaldai College.</div>
    </div>
    <div class="chat-input">
        <input type="text" id="user-input" placeholder="Type your question...">
        <button onclick="sendMessage()">Send</button>
    </div>
</div>

function sendMessage() {
        let input = document.getElementById("user-input");
        let message = input.value.trim();
        if (message === "") return;

let chatBox = document.getElementById("chat-messages");
        chatBox.innerHTML += `<div class="user">${message}</div>`;
        chatBox.scrollTop = chatBox.scrollHeight;
        input.value = "";

setTimeout(() => {
            let reply = getBotReply(message);
            chatBox.innerHTML += `<div class="bot">${reply}</div>`;
            chatBox.scrollTop = chatBox.scrollHeight;
        }, 500); // typing delay
    }

function getBotReply(message) {
    let lowerMsg = message.toLowerCase();

if (lowerMsg.includes("hello") || lowerMsg.includes("hi"))
        return "Hello! Welcome to Mangaldai College FAQ Bot. How can I help you?";
    else if (lowerMsg.includes("about") && lowerMsg.includes("college"))
        return "Mangaldai College is a premier institution in Assam, established in 1951, offering Arts and Science streams.";
    else if (lowerMsg.includes("admission"))
        return `Admissions usually start in June after HS results.<br>
        <a href="https://mangaldaicollege.org" target="_blank" style="display:inline-block;padding:6px 12px;background:#007bff;color:#fff;text-decoration:none;border-radius:4px;">Apply Online</a>`;
    else if (lowerMsg.includes("course") || lowerMsg.includes("stream") || lowerMsg.includes("programs"))
        return `Mangaldai College offers:<br><br>
        📚 <b>Arts</b>: Assamese, English, Economics, History, Political Science, Education, Philosophy.<br>
        🔬 <b>Science</b>: Physics, Chemistry, Mathematics, Botany, Zoology, Statistics.<br>
        💻 <b>Professional</b>: BCA, BVoc (IT, Retail Management), Computer Science.<br>
        🎓 <b>Certificate/Diploma</b>: ADCA, Skill-based and Career-oriented programs.<br><br>
        <a href="https://mangaldaicollege.org/courses" target="_blank" style="display:inline-block;padding:6px 12px;background:#28a745;color:#fff;text-decoration:none;border-radius:4px;">View Course Details</a>`;
    else if (lowerMsg.includes("contact"))
        return `📞 +91-3713-220014<br>📧 principal@mangaldaicollege.org<br>
        <a href="https://mangaldaicollege.org/contact" target="_blank" style="display:inline-block;padding:6px 12px;background:#17a2b8;color:#fff;text-decoration:none;border-radius:4px;">Contact Page</a>`;
    else if (lowerMsg.includes("principal"))
        return "The current Principal is Dr. Kamala Kanta Borah.";
    else if (lowerMsg.includes("faculty") || lowerMsg.includes("teachers") || lowerMsg.includes("professor"))
        return `Mangaldai College has experienced faculty members in all streams.<br>
        <a href="https://mangaldaicollege.org/faculty" target="_blank" style="display:inline-block;padding:6px 12px;background:#ffc107;color:#000;text-decoration:none;border-radius:4px;">View Faculty List</a>`;
    else if (lowerMsg.includes("department") || lowerMsg.includes("departments") || lowerMsg.includes("subject"))
        return "We have multiple departments:<br><b>Arts</b>: Assamese, English, Economics, History, Political Science, Education, Philosophy.<br><b>Science</b>: Physics, Chemistry, Mathematics, Botany, Zoology, Statistics.<br><b>Others</b>: BCA, BVoc, Computer Science.";
    else if (lowerMsg.includes("ncc"))
        return "The NCC unit of Mangaldai College aims to develop character, discipline, and leadership among students. It organizes training camps, parades, and adventure activities. For enrollment details, visit the NCC office on campus.";
    else if (lowerMsg.includes("nss"))
        return "The NSS unit of Mangaldai College engages students in community service, awareness programs, and rural development projects. Interested students can register during the enrollment period announced by the college.";
    else if (lowerMsg.includes("iqac") || lowerMsg.includes("internal quality assurance cell"))
        return "The Internal Quality Assurance Cell (IQAC) of Mangaldai College works to maintain and enhance quality in all academic and administrative activities. The IQAC Coordinator is Dr. Santosh Borkakati.";
    else if (lowerMsg.includes("naac") || lowerMsg.includes("grade") || lowerMsg.includes("accreditation"))
        return "Mangaldai College is accredited by NAAC with an <b>A Grade</b>.";
    else if (lowerMsg.includes("notice") || lowerMsg.includes("notices") || lowerMsg.includes("notification"))
        return `📢 You can check the latest notices here:<br>
        <a href="https://mangaldaicollege.org/allNoticeView.php" target="_blank" style="display:inline-block;padding:6px 12px;background:#ff5733;color:#fff;text-decoration:none;border-radius:4px;">View Notices</a>`;
    else if (lowerMsg.includes("location") || lowerMsg.includes("address"))
        return `Mangaldai College, Upahupara, Mangaldai, Assam - 784125<br>
        <a href="https://maps.google.com/?q=Mangaldai+College" target="_blank" style="display:inline-block;padding:6px 12px;background:#dc3545;color:#fff;text-decoration:none;border-radius:4px;">View on Map</a>`;
    else if (lowerMsg.includes("fees"))
        return "Fees vary by stream and course. Please visit the official website for details.";
    else if (lowerMsg.includes("library"))
        return "The library has a large collection of books, journals, and e-resources.";
    else if (lowerMsg.includes("hostel"))
        return "Hostel facilities are available for girls, seats are limited and based on merit.";
    else if (lowerMsg.includes("exam") || lowerMsg.includes("result"))
        return `Exams follow Gauhati University rules. Results are posted online.<br>
        <a href="https://mangaldaicollege.org/results" target="_blank" style="display:inline-block;padding:6px 12px;background:#6f42c1;color:#fff;text-decoration:none;border-radius:4px;">Check Results</a>`;
    else if (lowerMsg.includes("scholarship"))
        return `State & Central scholarships can be applied through the official scholarship portal.<br>
        <a href="https://scholarships.gov.in" target="_blank" style="display:inline-block;padding:6px 12px;background:#20c997;color:#fff;text-decoration:none;border-radius:4px;">Apply for Scholarship</a>`;
    else if (lowerMsg.includes("events") || lowerMsg.includes("fest"))
        return "Cultural fests, sports meets, and academic events happen year-round.";
    else
        return "Sorry, I don't have an answer for that. Please try asking differently.";
}

</script>

<?php include("footer.html");?> 
					
			
			
			
			<!-- End footer Area

VANTA.DOTS({
  el: "#fog",
  mouseControls: true,
  touchControls: true,
  gyroControls: false,
  minHeight: 200.00,
  minWidth: 200.00,
  scale: 1.00,
  scaleMobile: 1.00,
  color1: 0xa03f3f,
  colorMode: "variance",
  birdSize: 2.00,
  wingSpan: 18.00,
  speedLimit: 7.00,
  separation: 59.00,
  alignment: 64.00,
  cohesion: 71.00,
  quantity: 2.00
})

</script> -->

// Highlight active button and current button
var btnContainer = document.getElementById("gf-BtnContainer");
var btns = btnContainer.getElementsByClassName("gf-btn");
for (var i = 0; i < btns.length; i++) {
  btns[i].addEventListener("click", function () {
    var current = document.getElementsByClassName("gf-btn-active");
    current[0].className = current[0].className.replace(" gf-btn-active", "");
    this.className += " gf-btn-active";
  });
}

// Popup Gallery Script

let imgs = document.querySelectorAll("img");
let count;
imgs.forEach((img, index) => {
  img.addEventListener("click", function (e) {
    if (e.target == this) {
      count = index;
      let openDiv = document.createElement("div");
      let imgPreview = document.createElement("img");
      let butonsSection = document.createElement("div");
      butonsSection.classList.add("butonsSection");
      let closeBtn = document.createElement("button");

closeBtn.classList.add("closeBtn");
      closeBtn.innerText = "Close";
      closeBtn.addEventListener("click", function () {
        openDiv.remove();
      });

imgPreview.classList.add("imgPreview");
      imgPreview.src = this.src;

//   butonsSection.append(prevButton, nextBtn);
      openDiv.append(imgPreview, butonsSection, closeBtn);

openDiv.classList.add("openDiv");

document.querySelector("body").append(openDiv);
    }
  });
});
	
</script>	
		</body>
	</html>

İptal