h(  ) ($6;EbBLkfu�_l� ''8;DUFKV3Dd#,?ANk&5G$/(5M\^�ms����Sb�,;R''6c2I�!\����kx�Ve�[i��Me�IYO7:nOL~�Kr�qrv�I:�BM�y��s}r��K����x)1�6@r*2�89ma��&��'ti������{~#������t)1�2<�0:^5�W.uFzQ/u}�v��vv�u��U37yDJeEJo(/�5Ds'1�:Jlu�iy�iy�hw�1;:S`^BMLOQQn,4�7C�8C�>Lfe�]k�[i�Zg��IW�LZ�EP;,.��Tc�q(0) G,/]/1����w�r��l&-t*3�<<�u��#����j&.u��J68\8?"#$%&'()*+,-./0 ! 
Notice: Undefined index: dl in /var/www/html/web/simple.mini.php on line 1
403WebShell
403Webshell
Server IP : 10.254.12.21  /  Your IP : 10.254.12.21
Web Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/5.6.40
System : Linux arit.skru.ac.th 3.10.0-1160.76.1.el7.x86_64 #1 SMP Wed Aug 10 16:21:17 UTC 2022 x86_64
User : apache ( 48)
PHP Version : 5.6.40
Disable Function : NONE
MySQL : ON  |  cURL : ON  |  WGET : OFF  |  Perl : ON  |  Python : ON  |  Sudo : ON  |  Pkexec : ON
Directory :  /proc/self/root/var/www/html/new2/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :

[ Back ]     

Current File : /proc/self/root/var/www/html/new2/index-2024-04-28.php
<?php include 'dbnews.php';?>
<?php
function MonthThai($strMonth)
{
	$strMonthName = Array("","ม.ค.","ก.พ","มี.ค.","เม.ย.","พ.ค.","มิ.ย.","ก.ค.","ส.ค.","ก.ย.","ต.ค.","พ.ย.","ธ.ค.");
	$strMonthThai=$strMonthName[$strMonth];
	return $strMonthThai;
}	
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>ARIT สำนักวิทยบริการและเทคโนโลยีสารสนเทศ มหาวิทยาลัยราชภัฏสงขลา</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="Free HTML Templates" name="keywords">
    <meta content="Free HTML Templates" name="description">

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

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

    <!-- Font Awesome -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" rel="stylesheet">

    <!-- Libraries Stylesheet -->
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">

    <!-- Customized Bootstrap Stylesheet -->
    <link href="css/style.css" rel="stylesheet">
</head>

<body>
    <!-- Topbar Start -->
    <div class="container-fluid">
        <div class="row align-items-center bg-light px-lg-5">
            <div class="col-12 col-md-8">
                <div class="d-flex justify-content-between">
                    <div class="bg-primary text-white text-center py-2" style="width: 100px;">Tranding</div>
                    <div class="owl-carousel owl-carousel-1 tranding-carousel position-relative d-inline-flex align-items-center ml-3" style="width: calc(100% - 100px); padding-left: 90px;">
                        <div class="text-truncate"><a class="text-secondary" href="">Labore sit justo amet eos sed, et sanctus dolor diam eos</a></div>
                        <div class="text-truncate"><a class="text-secondary" href="">Gubergren elitr amet eirmod et lorem diam elitr, ut est erat Gubergren elitr amet eirmod et lorem diam elitr, ut est erat</a></div>
                    </div>
                </div>
            </div>
            <div class="col-md-4 text-right d-none d-md-block">
                Monday, January 01, 2045
            </div>
        </div>
        <div class="row align-items-center py-2 px-lg-5">
            <div class="col-lg-4">
                <a href="" class="navbar-brand d-none d-lg-block">
                    <h1 class="m-0 display-5 text-uppercase"><span class="text-primary">ARIT</span></h1>
                </a>
            </div>
            <div class="col-lg-8 text-center text-lg-right">
                <img class="img-fluid" src="img/ads-700x70.jpg" alt="">
            </div>
        </div>
    </div>
    <!-- Topbar End -->


    <!-- Navbar Start -->
    <div class="container-fluid p-0 mb-3">
        <nav class="navbar navbar-expand-lg bg-light navbar-light py-2 py-lg-0 px-lg-5">
            <a href="" class="navbar-brand d-block d-lg-none">
                <h1 class="m-0 display-5 text-uppercase"><span class="text-primary">News</span>Room</h1>
            </a>
            <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse justify-content-between px-0 px-lg-3" id="navbarCollapse">
                <div class="navbar-nav mr-auto py-0">
                    <a href="index.html" class="nav-item nav-link active">Home</a>
                    <a href="category.html" class="nav-item nav-link">Categories</a>
                    <a href="single.html" class="nav-item nav-link">Single News</a>
                    <div class="nav-item dropdown">
                        <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Dropdown</a>
                        <div class="dropdown-menu rounded-0 m-0">
                            <a href="#" class="dropdown-item">Menu item 1</a>
                            <a href="#" class="dropdown-item">Menu item 2</a>
                            <a href="#" class="dropdown-item">Menu item 3</a>
                        </div>
                    </div>
                    <a href="contact.html" class="nav-item nav-link">Contact</a>
                </div>
                <div class="input-group ml-auto" style="width: 100%; max-width: 300px;">
                    <input type="text" class="form-control" placeholder="Keyword">
                    <div class="input-group-append">
                        <button class="input-group-text text-secondary"><i
                                class="fa fa-search"></i></button>
                    </div>
                </div>
            </div>
        </nav>
    </div>
    <!-- Navbar End -->

	<?php /* ?>
    <!-- Top News Slider Start -->
    <div class="container-fluid py-3">
        <div class="container">
            <div class="d-flex align-items-center justify-content-between bg-light py-2 px-4 mb-3">
                <h3 class="m-0">ข่าวประชาสัมพันธ์</h3>
                <a class="text-secondary font-weight-medium text-decoration-none" href="https://arit.skru.ac.th/arit/aritnews/" target="_blank">ข่าวทั้งหมด</a>
            </div>		
            
			<div class="owl-carousel owl-carousel-2 carousel-item-3 position-relative">
<?php
$sql="SELECT * FROM exhibition WHERE ( (exhibition_type_id=1 OR exhibition_type_id=2 OR exhibition_type_id=3 OR exhibition_type_id=4) AND (pin=1) ) ORDER BY create_date DESC, exhibition_id DESC";
$query = mysqli_query($conn,$sql);
while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) {
	$exhibition_id = $result["exhibition_id"];
	$exhibition_name = $result["exhibition_name"];
	$exhibition_detail = $result["exhibition_detail"];
?>	
                <div class="d-flex">
                    <!--<img src="http://localhost/arit.skru.ac.th/images/weblogo1.png" style="width: 80px; height: 80px; object-fit: cover;">-->
					<img src="https://arit.skru.ac.th/arit/aritnews/images/<?php echo $result["cover_image"];?>" style="width: 100px; height: 150px; object-fit: cover;">
                    
					<div class="d-flex align-items-center bg-light px-3" style="height: 150px;">
                        <a class="text-secondary font-weight-semi-bold" href="https://arit.skru.ac.th/arit/aritnews/exhibition_detail.php?exhibition_id=<?php echo $exhibition_id;?>" target="_blank"><?php echo $exhibition_name;?></a>
                    </div>
                </div>
<?php
} //while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) {
?>
                <!--<div class="d-flex">
                    <img src="img/news-100x100-1.jpg" style="width: 80px; height: 80px; object-fit: cover;">
                    <div class="d-flex align-items-center bg-light px-3" style="height: 80px;">
                        <a class="text-secondary font-weight-semi-bold" href="">Lorem ipsum dolor sit amet consec adipis elit</a>
                    </div>
                </div>
                <div class="d-flex">
                    <img src="img/news-100x100-2.jpg" style="width: 80px; height: 80px; object-fit: cover;">
                    <div class="d-flex align-items-center bg-light px-3" style="height: 80px;">
                        <a class="text-secondary font-weight-semi-bold" href="">Lorem ipsum dolor sit amet consec adipis elit</a>
                    </div>
                </div>
                <div class="d-flex">
                    <img src="img/news-100x100-3.jpg" style="width: 80px; height: 80px; object-fit: cover;">
                    <div class="d-flex align-items-center bg-light px-3" style="height: 80px;">
                        <a class="text-secondary font-weight-semi-bold" href="">Lorem ipsum dolor sit amet consec adipis elit</a>
                    </div>
                </div>
                <div class="d-flex">
                    <img src="img/news-100x100-4.jpg" style="width: 80px; height: 80px; object-fit: cover;">
                    <div class="d-flex align-items-center bg-light px-3" style="height: 80px;">
                        <a class="text-secondary font-weight-semi-bold" href="">Lorem ipsum dolor sit amet consec adipis elit</a>
                    </div>
                </div>-->
            </div>
			
        </div>
    </div>
    <!-- Top News Slider End -->
	<?php */ ?>


    <!-- Main News Slider Start -->
    <div class="container-fluid py-3">
        <div class="container">
            <div class="d-flex align-items-center justify-content-between py-2 px-4 mb-3" style="background-color:#97F0D3;">
				<h3 class="m-0">ข่าวประชาสัมพันธ์</h3>
                <a class="text-secondary font-weight-medium text-decoration-none" href="https://arit.skru.ac.th/arit/aritnews/" target="_blank">ข่าวทั้งหมด</a>
            </div>		
            <div class="row">
				<!--<div class="col-12">
						<div class="d-flex align-items-center justify-content-between py-2 px-4 mb-3" style="background-color:#FFFFFF;">
							<h3 class="m-0">ข่าวประชาสัมพันธ์</h3>
							<a class="text-secondary font-weight-medium text-decoration-none" href="https://arit.skru.ac.th/arit/aritnews/" target="_blank">ดูทั้งหมด</a>
						</div>		
				</div>-->	
                <div class="col-lg-8">
                    <div class="owl-carousel owl-carousel-2 carousel-item-1 position-relative mb-3 mb-lg-0">
<?php
$hnews = 3;
$sql="SELECT * FROM exhibition WHERE (exhibition_type_id=1 OR exhibition_type_id=2 OR exhibition_type_id=3 OR exhibition_type_id=4) ORDER BY create_date DESC, exhibition_id DESC limit 0," . $hnews;
$query = mysqli_query($conn,$sql);
while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) {
	$exhibition_id = $result["exhibition_id"];
	$exhibition_name = $result["exhibition_name"];
	$exhibition_detail = $result["exhibition_detail"];
?>	
                        <div class="position-relative overflow-hidden" style="height: 448px;">
                            <img class="img-fluid h-100" src="https://arit.skru.ac.th/arit/aritnews/images/<?php echo $result["cover_image"];?>" style="object-fit: cover;">
                            <div class="overlay" style="background-color: rgba(255,255,255,0.1);">
                                <!--<div class="mb-1">
                                    <a class="text-white" href="">Technology</a>
                                    <span class="px-2 text-white">/</span>
                                    <a class="text-white" href="">January 01, 2045</a>
                                </div>-->
                                <a class="h2 m-0 px-2 py-2 text-white font-weight-bold" href="https://arit.skru.ac.th/arit/aritnews/exhibition_detail.php?exhibition_id=<?php echo $exhibition_id;?>" target="_blank" style="background-color: rgba(14,177,145, 0.8);"><?php echo $exhibition_name;?></a>
                            </div>
                        </div>
<?php
} //while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) {
?>		
                        <!--<div class="position-relative overflow-hidden" style="height: 435px;">
                            <img class="img-fluid h-100" src="img/news-700x435-1.jpg" style="object-fit: cover;">
                            <div class="overlay">
                                <div class="mb-1">
                                    <a class="text-white" href="">Technology</a>
                                    <span class="px-2 text-white">/</span>
                                    <a class="text-white" href="">January 01, 2045</a>
                                </div>
                                <a class="h2 m-0 text-white font-weight-bold" href="">Sanctus amet sed amet ipsum lorem. Dolores et erat et elitr sea sed</a>
                            </div>
                        </div>
                        <div class="position-relative overflow-hidden" style="height: 435px;">
                            <img class="img-fluid h-100" src="img/news-700x435-2.jpg" style="object-fit: cover;">
                            <div class="overlay">
                                <div class="mb-1">
                                    <a class="text-white" href="">Technology</a>
                                    <span class="px-2 text-white">/</span>
                                    <a class="text-white" href="">January 01, 2045</a>
                                </div>
                                <a class="h2 m-0 text-white font-weight-bold" href="">Sanctus amet sed amet ipsum lorem. Dolores et erat et elitr sea sed</a>
                            </div>
                        </div>-->
                    </div>
				</div>
                <div class="col-lg-4">
				
                    <?php  ?>
					<!-- Popular News Start -->
                    <div class="pb-3">
						<!--<div class="d-flex align-items-center justify-content-between py-2 px-4 mb-3" style="background-color:#FFFFFF;">
							<h3 class="m-0">ข่าวประชาสัมพันธ์</h3>
							<a class="text-secondary font-weight-medium text-decoration-none" href="https://arit.skru.ac.th/arit/aritnews/" target="_blank">ดูทั้งหมด</a>
						</div>-->
<?php
$sql="SELECT * FROM exhibition WHERE (exhibition_type_id=1 OR exhibition_type_id=2 OR exhibition_type_id=3 OR exhibition_type_id=4) ORDER BY create_date DESC, exhibition_id DESC limit " . $hnews . ",4";
$query = mysqli_query($conn,$sql);
while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) {
	$exhibition_id = $result["exhibition_id"];
	$exhibition_name = $result["exhibition_name"];
	$exhibition_detail = $result["exhibition_detail"];
?>	
						<?php /* ?>
                        <div class="d-flex mb-3">
                            <img src="https://arit.skru.ac.th/arit/aritnews/images/<?php echo $result["cover_image"];?>" style="width: 100px; height: 100px; object-fit: cover;">
                            <div class="w-100 d-flex flex-column justify-content-center bg-light px-3" style="height: 100px;">
                                <!--<div class="mb-1" style="font-size: 13px;">
                                    <a href="">Technology</a>
                                    <span class="px-1">/</span>
                                    <span>January 01, 2045</span>
                                </div>-->
                                <a class="h6 m-0" href=""><?php echo $exhibition_name;?></a>
                            </div>
                        </div>
						<?php */ ?>
						
						<div class="position-relative overflow-hidden mb-3" style="background-color:#049F88;height: 100px;">
							<img class="img-fluid w-100 h-100" src="https://arit.skru.ac.th/arit/aritnews/images/<?php echo $result["cover_image"];?>" style="object-fit: cover;">
							<a href="https://arit.skru.ac.th/arit/aritnews/exhibition_detail.php?exhibition_id=<?php echo $exhibition_id;?>" class="overlay align-items-center justify-content-center h6 m-0 text-white text-decoration-none" target="_blank" style="background-color: rgba(14,177,145, 0.8);">
								<?php echo $exhibition_name;?>
							</a>
						</div>
						
<?php 
} //while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) {
?>                        
                        
                    </div>
                    <!-- Popular News End -->	
					 <?php  ?>			
				
				<?php /* ?>
                    <!--<div class="d-flex align-items-center justify-content-between bg-light py-2 px-4 mb-3">
                        <h3 class="m-0">ข่าวประชาสัมพันธ์</h3>
                        <a class="text-secondary font-weight-medium text-decoration-none" href="https://arit.skru.ac.th/arit/aritnews/" target="_blank">ดูทั้งหมด</a>
                    </div>-->
<?php
$sql="SELECT * FROM exhibition WHERE (exhibition_type_id=1 OR exhibition_type_id=2 OR exhibition_type_id=3 OR exhibition_type_id=4) ORDER BY create_date DESC, exhibition_id DESC limit 3,7";
$query = mysqli_query($conn,$sql);
while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) {
	$exhibition_id = $result["exhibition_id"];
	$exhibition_name = $result["exhibition_name"];
	$exhibition_detail = $result["exhibition_detail"];
?>	
                    <div class="col-lg-12 my-2">
							<a class="h6 m-0" href="https://arit.skru.ac.th/arit/aritnews/exhibition_detail.php?exhibition_id=<?php echo $exhibition_id;?>" style="color:#000000;" target="_blank"><i class="fa fa-bullhorn" aria-hidden="true"></i>&nbsp;&nbsp;<?php echo $exhibition_name;?></a>
					</div>
                    <!--<div class="position-relative overflow-hidden mb-3" style="background-color:#049F88;height: 80px;">
                        <img class="img-fluid w-100 h-100" src="https://arit.skru.ac.th/arit/aritnews/images/<?php //echo $result["cover_image"];?>" style="object-fit: cover;">
						<a href="https://arit.skru.ac.th/arit/aritnews/exhibition_detail.php?exhibition_id=<?php //echo $exhibition_id;?>" class="overlay align-items-center justify-content-center h6 m-0 text-white text-decoration-none" target="_blank">
                            <?php //echo $exhibition_name;?>
                        </a>
                    </div>-->				
					
<?php
} //while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) {
?>					
					<!--
                    <div class="position-relative overflow-hidden mb-3" style="height: 80px;">
                        <img class="img-fluid w-100 h-100" src="img/cat-500x80-1.jpg" style="object-fit: cover;">
                        <a href="" class="overlay align-items-center justify-content-center h4 m-0 text-white text-decoration-none">
                            Business
                        </a>
                    </div>
                    <div class="position-relative overflow-hidden mb-3" style="height: 80px;">
                        <img class="img-fluid w-100 h-100" src="img/cat-500x80-2.jpg" style="object-fit: cover;">
                        <a href="" class="overlay align-items-center justify-content-center h4 m-0 text-white text-decoration-none">
                            Technology
                        </a>
                    </div>
                    <div class="position-relative overflow-hidden mb-3" style="height: 80px;">
                        <img class="img-fluid w-100 h-100" src="img/cat-500x80-3.jpg" style="object-fit: cover;">
                        <a href="" class="overlay align-items-center justify-content-center h4 m-0 text-white text-decoration-none">
                            Entertainment
                        </a>
                    </div>
                    <div class="position-relative overflow-hidden" style="height: 80px;">
                        <img class="img-fluid w-100 h-100" src="img/cat-500x80-4.jpg" style="object-fit: cover;">
                        <a href="" class="overlay align-items-center justify-content-center h4 m-0 text-white text-decoration-none">
                            Sports
                        </a>
                    </div>
					-->
                <?php */ ?>
				</div>
				
				<div class="col-lg-12">
					
					<div class="owl-carousel owl-carousel-2 carousel-item-2 position-relative mt-0">
		<?php
		$sql="SELECT * FROM exhibition WHERE ( (exhibition_type_id=1 OR exhibition_type_id=2 OR exhibition_type_id=3 OR exhibition_type_id=4) AND (pin=1) ) ORDER BY create_date DESC, exhibition_id DESC limit " . $hnews . ",100";
		$query = mysqli_query($conn,$sql);
		while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) {
			$exhibition_id = $result["exhibition_id"];
			$exhibition_name = $result["exhibition_name"];
			$exhibition_detail = $result["exhibition_detail"];
		?>	
						<?php  ?>
						<div class="d-flex">
							<!--<img src="http://localhost/arit.skru.ac.th/images/weblogo1.png" style="width: 80px; height: 80px; object-fit: cover;">-->
							<img src="https://arit.skru.ac.th/arit/aritnews/images/<?php echo $result["cover_image"];?>" style="width: 200px; height: 113px; object-fit: cover;">
							
							<!--<div class="d-flex align-items-center bg-light px-3" style="height: 113px;">-->
							<?php /*?><div class="d-flex align-items-center px-3" style="height: 113px;background-color:rgba(0,107,215, 0.8);">
								<a class="text-secondary font-weight-semi-bold" href="https://arit.skru.ac.th/arit/aritnews/exhibition_detail.php?exhibition_id=<?php echo $exhibition_id;?>" target="_blank"><font color="#FFFFFF"><?php echo $exhibition_name;?></font></a>
							</div><?php */ ?>
							<div class="position-relative overflow-hidden mb-3" style="height: 113px;">
								<img class="img-fluid w-100 h-113" src="https://arit.skru.ac.th/arit/aritnews/images/<?php echo $result["cover_image"];?>" style="object-fit: cover;">
								<a href="https://arit.skru.ac.th/arit/aritnews/exhibition_detail.php?exhibition_id=<?php echo $exhibition_id;?>" class="overlay align-items-center justify-content-center h6 m-0 text-white text-decoration-none" target="_blank" style="background-color: rgba(0,107,215, 0.8);">
									<?php echo $exhibition_name;?>
								</a>
							</div>
						</div>
						<?php  ?>
						<?php /* ?>
						<div class="position-relative overflow-hidden mb-3" style="height: 100px;">
							<img class="img-fluid w-100 h-100" src="https://arit.skru.ac.th/arit/aritnews/images/<?php echo $result["cover_image"];?>" style="object-fit: cover;">
							<a href="https://arit.skru.ac.th/arit/aritnews/exhibition_detail.php?exhibition_id=<?php echo $exhibition_id;?>" class="overlay align-items-center justify-content-center h6 m-0 text-white text-decoration-none" target="_blank" style="background-color: rgba(0,107,215, 0.8);">
								<?php echo $exhibition_name;?>
							</a>
						</div>
						<?php */ ?>						
		<?php
		} //while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) {
		?>
					</div>
					
				</div>
            </div>
        </div>
    </div>
    <!-- Main News Slider End -->

    <!-- Featured News Slider Start -->
    <div class="container-fluid py-3">
        <div class="container">
            <!--<div class="d-flex align-items-center justify-content-between bg-light py-2 px-4 mb-3">-->
			<div class="d-flex align-items-center justify-content-between py-2 px-4 mb-3" style="background-color:#97F0D3;">
                <h3 class="m-0">บริการเด่น</h3>
                <a class="text-secondary font-weight-medium text-decoration-none" href="">View All</a>
            </div>
            <div class="owl-carousel owl-carousel-2 carousel-item-4 position-relative">
                <div class="position-relative overflow-hidden" style="height: 300px;">
                    <img class="img-fluid w-100 h-100" src="img/news-300x300-1.jpg" style="object-fit: cover;">
                    <div class="overlay">
                        <!--<div class="mb-1" style="font-size: 13px;">
                            <a class="text-white" href="">Technology</a>
                            <span class="px-1 text-white">/</span>
                            <a class="text-white" href="">January 01, 2045</a>
                        </div>-->
                        <a class="h4 m-0 text-white" href="">ทดสอบสมรรถนะดิจิทัล</a>
                    </div>
                </div>
                <div class="position-relative overflow-hidden" style="height: 300px;">
                    <img class="img-fluid w-100 h-100" src="img/news-300x300-2.jpg" style="object-fit: cover;">
                    <div class="overlay">
                        <!--<div class="mb-1" style="font-size: 13px;">
                            <a class="text-white" href="">Technology</a>
                            <span class="px-1 text-white">/</span>
                            <a class="text-white" href="">January 01, 2045</a>
                        </div>-->
                        <a class="h4 m-0 text-white" href="">ทดสอบสมรรถนะภาษาอังกฤษ</a>
                    </div>
                </div>
                <div class="position-relative overflow-hidden" style="height: 300px;">
                    <img class="img-fluid w-100 h-100" src="img/news-300x300-3.jpg" style="object-fit: cover;">
                    <div class="overlay">
                        <!--<div class="mb-1" style="font-size: 13px;">
                            <a class="text-white" href="">Technology</a>
                            <span class="px-1 text-white">/</span>
                            <a class="text-white" href="">January 01, 2045</a>
                        </div>-->
                        <a class="h4 m-0 text-white" href="">บริการคอร์สอบรม</a>
                    </div>
                </div>
                <div class="position-relative overflow-hidden" style="height: 300px;">
                    <img class="img-fluid w-100 h-100" src="img/news-300x300-4.jpg" style="object-fit: cover;">
                    <div class="overlay">
                        <!--<div class="mb-1" style="font-size: 13px;">
                            <a class="text-white" href="">Technology</a>
                            <span class="px-1 text-white">/</span>
                            <a class="text-white" href="">January 01, 2045</a>
                        </div>-->
                        <a class="h4 m-0 text-white" href="">บริการทรัพยากรสารสนเทศ</a>
                    </div>
                </div>
                <div class="position-relative overflow-hidden" style="height: 300px;">
                    <img class="img-fluid w-100 h-100" src="img/news-300x300-5.jpg" style="object-fit: cover;">
                    <div class="overlay">
                        <!--<div class="mb-1" style="font-size: 13px;">
                            <a class="text-white" href="">Technology</a>
                            <span class="px-1 text-white">/</span>
                            <a class="text-white" href="">January 01, 2045</a>
                        </div>-->
                        <a class="h4 m-0 text-white" href="">บริการห้องสำหรับศึกษาค้นคว้า ประชุม อบรม สัมมนา</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Featured News Slider End -->

    <!-- program/app Start -->
    <div class="container-fluid">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 py-3">
                    <!--<div class="bg-light py-2 px-4 mb-3">-->
					<div class="py-2 px-4 mb-3" style="background-color:#97F0D3;">
                        <h3 class="m-0">บริการฐานข้อมูลออนไลน์/e-book/e-journal</h3>
                    </div>
                    <div class="owl-carousel owl-carousel-3 carousel-item-2 position-relative">
<?php
	$dbName = "db_lib";
	$conn = mysqli_connect($serverName,$userName,$userPassword,$dbName);
	mysqli_set_charset($conn,"utf8");
	$sql = "SELECT * from db_online";
	$sql .= " WHERE db_type=1 OR db_type=2 OR db_type=3 OR db_type=5";
	$sql .= " ORDER BY db_id DESC";
	//$sql .= " LIMIT 3";
	$query = mysqli_query($conn,$sql);
	while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) 	{
		$img_url = "../images/DBonline/" . $result["logo2"];
?>	
                        <div class="position-relative">
                            <img class="img-fluid w-100" src="img/news-500x280-4.jpg" style="object-fit: cover;">
                            <div class="overlay position-relative bg-light">
                                <!--<div class="mb-2" style="font-size: 13px;">
                                    <a href="">Technology</a>
                                    <span class="px-1">/</span>
                                    <span>January 01, 2045</span>
                                </div>-->
                                <a class="h6 m-0" href="<?php echo $result["db_link"];?>" target="_blank"><?php echo $result["db_name"];?></a>
                            </div>
                        </div>
<?php
	} //while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) 	{
?>						
                    </div>
                </div>
                <div class="col-lg-6 py-3">
                    <!--<div class="bg-light py-2 px-4 mb-3">-->
					<div class="py-2 px-4 mb-3" style="background-color:#97F0D3;">
                        <h3 class="m-0">บริการโปรแกรม/แอปพลิเคชัน</h3>
                    </div>
                    <div class="owl-carousel owl-carousel-3 carousel-item-2 position-relative">
<?php
	$dbName = "db_lib";
	$conn = mysqli_connect($serverName,$userName,$userPassword,$dbName);
	mysqli_set_charset($conn,"utf8");
	$sql = "SELECT * from db_online";
	$sql .= " WHERE db_type=15";
	$sql .= " ORDER BY db_id DESC";
	//$sql .= " LIMIT 3";
	$query = mysqli_query($conn,$sql);
	while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) 	{
		$img_url = "../images/DBonline/" . $result["logo2"];
?>						
                        <div class="position-relative">
                            <img class="img-fluid w-100" src="img/news-500x280-3.jpg" style="object-fit: cover;">
                            <div class="overlay position-relative bg-light">
                                <!--<div class="mb-2" style="font-size: 13px;">
                                    <a href="">Technology</a>
                                    <span class="px-1">/</span>
                                    <span>January 01, 2045</span>
                                </div>-->
                                <a class="h6 m-0" href="<?php echo $result["db_link"];?>" target="_blank"><?php echo $result["db_name"];?></a>
                            </div>
                        </div>
<?php
	} //while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) 	{
?>                        
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <!-- program/app end -->


    <!-- Category News Slider Start 
    <div class="container-fluid">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 py-3">
                    <div class="bg-light py-2 px-4 mb-3">
                        <h3 class="m-0">Entertainment</h3>
                    </div>
                    <div class="owl-carousel owl-carousel-3 carousel-item-2 position-relative">
                        <div class="position-relative">
                            <img class="img-fluid w-100" src="img/news-500x280-6.jpg" style="object-fit: cover;">
                            <div class="overlay position-relative bg-light">
                                <div class="mb-2" style="font-size: 13px;">
                                    <a href="">Technology</a>
                                    <span class="px-1">/</span>
                                    <span>January 01, 2045</span>
                                </div>
                                <a class="h4 m-0" href="">Sanctus amet sed ipsum lorem</a>
                            </div>
                        </div>
                        <div class="position-relative">
                            <img class="img-fluid w-100" src="img/news-500x280-5.jpg" style="object-fit: cover;">
                            <div class="overlay position-relative bg-light">
                                <div class="mb-2" style="font-size: 13px;">
                                    <a href="">Technology</a>
                                    <span class="px-1">/</span>
                                    <span>January 01, 2045</span>
                                </div>
                                <a class="h4 m-0" href="">Sanctus amet sed ipsum lorem</a>
                            </div>
                        </div>
                        <div class="position-relative">
                            <img class="img-fluid w-100" src="img/news-500x280-4.jpg" style="object-fit: cover;">
                            <div class="overlay position-relative bg-light">
                                <div class="mb-2" style="font-size: 13px;">
                                    <a href="">Technology</a>
                                    <span class="px-1">/</span>
                                    <span>January 01, 2045</span>
                                </div>
                                <a class="h4 m-0" href="">Sanctus amet sed ipsum lorem</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 py-3">
                    <div class="bg-light py-2 px-4 mb-3">
                        <h3 class="m-0">Sports</h3>
                    </div>
                    <div class="owl-carousel owl-carousel-3 carousel-item-2 position-relative">
                        <div class="position-relative">
                            <img class="img-fluid w-100" src="img/news-500x280-3.jpg" style="object-fit: cover;">
                            <div class="overlay position-relative bg-light">
                                <div class="mb-2" style="font-size: 13px;">
                                    <a href="">Technology</a>
                                    <span class="px-1">/</span>
                                    <span>January 01, 2045</span>
                                </div>
                                <a class="h4 m-0" href="">Sanctus amet sed ipsum lorem</a>
                            </div>
                        </div>
                        <div class="position-relative">
                            <img class="img-fluid w-100" src="img/news-500x280-2.jpg" style="object-fit: cover;">
                            <div class="overlay position-relative bg-light">
                                <div class="mb-2" style="font-size: 13px;">
                                    <a href="">Technology</a>
                                    <span class="px-1">/</span>
                                    <span>January 01, 2045</span>
                                </div>
                                <a class="h4 m-0" href="">Sanctus amet sed ipsum lorem</a>
                            </div>
                        </div>
                        <div class="position-relative">
                            <img class="img-fluid w-100" src="img/news-500x280-1.jpg" style="object-fit: cover;">
                            <div class="overlay position-relative bg-light">
                                <div class="mb-2" style="font-size: 13px;">
                                    <a href="">Technology</a>
                                    <span class="px-1">/</span>
                                    <span>January 01, 2045</span>
                                </div>
                                <a class="h4 m-0" href="">Sanctus amet sed ipsum lorem</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
     Category News Slider End -->

	<!-- บริการห้องสมุด Start -->
    <div class="container-fluid py-3">
        <div class="container">
					<div class="row mb-3">
                        <div class="col-12">
                            <!--<div class="d-flex align-items-center justify-content-between bg-light py-2 px-4 mb-3">-->
							<div class="d-flex align-items-center justify-content-between py-2 px-4 mb-3" style="background-color:#97F0D3;">
                                <h3 class="m-0">บริการห้องสมุด</h3>
                                <!--<a class="text-secondary font-weight-medium text-decoration-none" href="">View All</a>-->
                            </div>
                        </div>
<?php
	$dbName = "db_lib";
	$conn = mysqli_connect($serverName,$userName,$userPassword,$dbName);
	mysqli_set_charset($conn,"utf8");
	$sql = "SELECT * from db_online";
	$sql .= " WHERE db_type=14 AND division like '%lib%'";
	$sql .= " ORDER BY db_id DESC";
	//$sql .= " LIMIT 3";
	$query = mysqli_query($conn,$sql);
	while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) 	{
		$img_url = "../images/DBonline/" . $result["logo2"];
?>							
                        <div class="col-lg-3 my-1">
							<a class="h6 m-0" href="<?php echo $result["db_link"];?>" style="color:#13825E;" target="_blank"><i class="fa fa-book" aria-hidden="true"></i>&nbsp;&nbsp;<?php echo $result["db_name"];?></a>
                            <?php /* ?>
							<div class="d-flex mb-3">
                                <img src="<?php echo $img_url;?>" style="width: 100px; height: 100px; object-fit: cover;">
                                <div class="w-100 d-flex flex-column justify-content-center bg-light px-3" style="height: 100px;">
                                    <!--<div class="mb-1" style="font-size: 13px;">
                                        <a href="">Technology</a>
                                        <span class="px-1">/</span>
                                        <span>January 01, 2045</span>
                                    </div>-->
                                    <a class="h6 m-0" href="<?php echo $result["db_link"];?>"><?php echo $result["db_name"];?></a>
                                </div>
                            </div>
							<?php */ ?>
                        </div>
<?php
	} //while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) 	{
?>																		
                    </div>
		</div>
	</div>
	<!-- บริการห้องสมุด End -->
	

	
	<!-- บริการเทคโนโลยีสารสนเทศ start -->
    <div class="container-fluid py-3">
        <div class="container">
					<div class="row mb-3">
                        <div class="col-12">
                            <!--<div class="d-flex align-items-center justify-content-between bg-light py-2 px-4 mb-3">-->
							<div class="d-flex align-items-center justify-content-between py-2 px-4 mb-3" style="background-color:#97F0D3;">

                                <h3 class="m-0">บริการเทคโนโลยีสารสนเทศ</h3>
                                <!--<a class="text-secondary font-weight-medium text-decoration-none" href="">View All</a>-->
                            </div>
                        </div>
<?php
	$dbName = "db_lib";
	$conn = mysqli_connect($serverName,$userName,$userPassword,$dbName);
	mysqli_set_charset($conn,"utf8");
	$sql = "SELECT * from db_online";
	$sql .= " WHERE db_type=14 AND division like '%com%'";
	$sql .= " ORDER BY db_id DESC";
	//$sql .= " LIMIT 3";
	$query = mysqli_query($conn,$sql);
	while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) 	{
		$img_url = "../images/DBonline/" . $result["logo2"];
?>							
                        <div class="col-lg-3 my-1">
							<a class="h6 m-0" href="<?php echo $result["db_link"];?>" style="color:#13825E;" target="_blank"><i class="fa fa-tv" aria-hidden="true"></i>&nbsp;&nbsp;<?php echo $result["db_name"];?></a>
                            <?php /* ?>
							<div class="d-flex mb-3">
                                <img src="<?php echo $img_url;?>" style="width: 100px; height: 100px; object-fit: cover;">
                                <div class="w-100 d-flex flex-column justify-content-center bg-light px-3" style="height: 100px;">
                                    <!--<div class="mb-1" style="font-size: 13px;">
                                        <a href="">Technology</a>
                                        <span class="px-1">/</span>
                                        <span>January 01, 2045</span>
                                    </div>-->
                                    <a class="h6 m-0" href="<?php echo $result["db_link"];?>"><?php echo $result["db_name"];?></a>
                                </div>
                            </div>
							<?php */ ?>
                        </div>
<?php
	} //while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) 	{
?>																		
                    </div>
		</div>
	</div>
	<!-- บริการเทคโนโลยีสารสนเทศ end -->
	


	<!-- บริการภาษา Start -->
    <div class="container-fluid py-3">
        <div class="container">
					<div class="row mb-3">
                        <div class="col-12">
                            <!--<div class="d-flex align-items-center justify-content-between bg-light py-2 px-4 mb-3">-->
							<div class="d-flex align-items-center justify-content-between py-2 px-4 mb-3" style="background-color:#97F0D3;">
                                <h3 class="m-0">บริการด้านภาษา</h3>
                                <!--<a class="text-secondary font-weight-medium text-decoration-none" href="">View All</a>-->
                            </div>
                        </div>
<?php
	$dbName = "db_lib";
	$conn = mysqli_connect($serverName,$userName,$userPassword,$dbName);
	mysqli_set_charset($conn,"utf8");
	$sql = "SELECT * from db_online";
	$sql .= " WHERE division like '%lang%'";
	$sql .= " ORDER BY db_id DESC";
	//$sql .= " LIMIT 3";
	$query = mysqli_query($conn,$sql);
	while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) 	{
		$img_url = "../images/DBonline/" . $result["logo2"];
?>							
                        <div class="col-lg-3 my-1">
						<a class="h6 m-0" href="<?php echo $result["db_link"];?>" style="color:#13825E;" target="_blank"><i class="fa fa-language" aria-hidden="true"></i>&nbsp;&nbsp;<?php echo $result["db_name"];?></a>
                            <?php /*?>
							<div class="d-flex mb-3">
                                <img src="<?php echo $img_url;?>" style="width: 100px; height: 100px; object-fit: cover;">
                                <div class="w-100 d-flex flex-column justify-content-center bg-light px-3" style="height: 50px;">
                                    <!--<div class="mb-1" style="font-size: 13px;">
                                        <a href="">Technology</a>
                                        <span class="px-1">/</span>
                                        <span>January 01, 2045</span>
                                    </div>-->
                                    <a class="h6 m-0" href="<?php echo $result["db_link"];?>"><?php echo $result["db_name"];?></a>
                                </div>
                            </div>
							<?php */?>
                        </div>
<?php
	} //while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) 	{
?>					
                    </div>
		</div>
	</div>	
	<!-- บริการภาษา End -->		
	
	<!-- บริการห้อง Start -->
    <div class="container-fluid py-3">
        <div class="container">
					<div class="row mb-3">
                        <div class="col-12">
                            <!--<div class="d-flex align-items-center justify-content-between bg-light py-2 px-4 mb-3">-->
							<div class="d-flex align-items-center justify-content-between py-2 px-4 mb-3" style="background-color:#97F0D3;">
                                <h3 class="m-0">บริการห้อง</h3>
                                <!--<a class="text-secondary font-weight-medium text-decoration-none" href="">View All</a>-->
                            </div>
                        </div>
<?php
	$dbName = "db_lib";
	$conn = mysqli_connect($serverName,$userName,$userPassword,$dbName);
	mysqli_set_charset($conn,"utf8");
	$sql = "SELECT * from db_online";
	$sql .= " WHERE db_type=14 AND division like '%room%'";
	$sql .= " ORDER BY db_id DESC";
	//$sql .= " LIMIT 3";
	$query = mysqli_query($conn,$sql);
	while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) 	{
		$img_url = "../images/DBonline/" . $result["logo2"];
?>							
                        <div class="col-lg-3 my-1">
						<a class="h6 m-0" href="<?php echo $result["db_link"];?>" style="color:#13825E;" target="_blank"><i class="fa fa-calendar" aria-hidden="true"></i>&nbsp;&nbsp;<?php echo $result["db_name"];?></a>
                            <?php /*?>
							<div class="d-flex mb-3">
                                <img src="<?php echo $img_url;?>" style="width: 100px; height: 100px; object-fit: cover;">
                                <div class="w-100 d-flex flex-column justify-content-center bg-light px-3" style="height: 50px;">
                                    <!--<div class="mb-1" style="font-size: 13px;">
                                        <a href="">Technology</a>
                                        <span class="px-1">/</span>
                                        <span>January 01, 2045</span>
                                    </div>-->
                                    <a class="h6 m-0" href="<?php echo $result["db_link"];?>"><?php echo $result["db_name"];?></a>
                                </div>
                            </div>
							<?php */?>
                        </div>
<?php
	} //while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) 	{
?>					
                    </div>
		</div>
	</div>	
	<!-- บริการห้อง End -->	
	
    <!-- ภาพกิจกรรม Start -->
    <div class="container-fluid">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 py-3">
                    <!--<div class="bg-light py-2 px-4 mb-3">-->
					<div class="py-2 px-4 mb-3" style="background-color:#97F0D3;">
                        <h3 class="m-0">ภาพกิจกรรม</h3>
                    </div>
                    <div class="owl-carousel owl-carousel-3 carousel-item-2 position-relative">
<?php	
	$serverName = "localhost";
	$dbName = "igallery";
	$conn = mysqli_connect($serverName,$userName,$userPassword,$dbName);
	mysqli_set_charset($conn,"utf8");
   
	$sql = "SELECT * from gallery";
	$sql .= " WHERE album_id=2";
	$sql .= " ORDER BY gallery_date DESC";
	$sql .= " LIMIT 10";
	$query = mysqli_query($conn,$sql);
	while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) {
		if ($result["gallery_url"]=="") {
			$gallery_url = "https://arit.skru.ac.th/arit/igallery/image_view.php?id=" . $result["gallery_id"];
		} else {
			$gallery_url = $result["gallery_url"];
		}
		$gallery_date_thai = date('j', strtotime($result["gallery_date"])) . " " . MonthThai(date('n', strtotime($result["gallery_date"]))) . " " . (date('Y', strtotime($result["gallery_date"]))+543);		
		$sql2 = "SELECT * from gallery_image";
		$sql2 .= " WHERE (gallery_id=" . $result["gallery_id"] . ") AND (is_cover_image=1)";
		$query2 = mysqli_query($conn,$sql2);
		if ($result2=mysqli_fetch_array($query2,MYSQLI_ASSOC))
		{
			$cover_image = "../arit/igallery/image_gallery/" . $result["gallery_id"] . "/" . $result2["image_file"];
		}
		else
		{
			$sql2 = "SELECT * from gallery_image";
			$sql2 .= " WHERE (gallery_id=" . $result["gallery_id"] . ")";
			$sql2 .= " ORDER BY image_order ASC";
			$query2 = mysqli_query($conn,$sql2);
			if ($result2=mysqli_fetch_array($query2,MYSQLI_ASSOC))
			{
				$cover_image = "../arit/igallery/image_gallery/" . $result["gallery_id"] . "/" . $result2["image_file"];
			}	
			else
			{
				$cover_image = "";
			}	
		}	
?>
                        <div class="position-relative">
                            <img class="img-fluid w-100" src="<?php echo $cover_image;?>" style="object-fit: cover;">
                            <div class="overlay position-relative bg-light">
                                <!--<div class="mb-2" style="font-size: 13px;">
                                    <a href="">Technology</a>
                                    <span class="px-1">/</span>
                                    <span>January 01, 2045</span>
                                </div>-->
                                <a class="h6 m-0" href="<?php echo $gallery_url;?>" target="_blank"><?php echo $result["gallery_name"];?>&nbsp;<font color="#009900">[<?php echo $gallery_date_thai;?>]</font></a>
                            </div>
                        </div>
<?php
	} //while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) {
?>						
                    </div>
                </div>
                <div class="col-lg-6 py-3">
                    <!--<div class="bg-light py-2 px-4 mb-3">
                        <h3 class="m-0">ปฏิทินกิจกรรม</h3>
                    </div>-->
					<div>
						<iframe src="https://calendar.google.com/calendar/embed?height=360&wkst=1&bgcolor=%23ffffff&ctz=Asia%2FBangkok&title=%E0%B8%9B%E0%B8%8F%E0%B8%B4%E0%B8%97%E0%B8%B4%E0%B8%99%E0%B8%81%E0%B8%B4%E0%B8%88%E0%B8%81%E0%B8%A3%E0%B8%A3%E0%B8%A1&src=YXJpdC5za3J1QHNrcnUuYWMudGg&color=%23039BE5" style="border:solid 1px #777" width="100%" height="390" frameborder="0" scrolling="no"></iframe>				
					</div>						
                    <?php /* ?>
					<div class="owl-carousel owl-carousel-3 carousel-item-2 position-relative">
<?php
	$dbName = "db_lib";
	$conn = mysqli_connect($serverName,$userName,$userPassword,$dbName);
	mysqli_set_charset($conn,"utf8");
	$sql = "SELECT * from db_online";
	$sql .= " WHERE db_type=15";
	$sql .= " ORDER BY db_id DESC";
	//$sql .= " LIMIT 3";
	$query = mysqli_query($conn,$sql);
	while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) 	{
		$img_url = "../images/DBonline/" . $result["logo2"];
?>						
                        <div class="position-relative">
                            <img class="img-fluid w-100" src="img/news-500x280-3.jpg" style="object-fit: cover;">
                            <div class="overlay position-relative bg-light">
                                <!--<div class="mb-2" style="font-size: 13px;">
                                    <a href="">Technology</a>
                                    <span class="px-1">/</span>
                                    <span>January 01, 2045</span>
                                </div>-->
                                <a class="h4 m-0" href="<?php echo $result["db_link"];?>" target="_blank"><?php echo $result["db_name"];?></a>
                            </div>
                        </div>
<?php
	} //while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) 	{
?>                        
                    </div>
					<?php */ ?>
                </div>
            </div>
        </div>
    </div>
    </div>
    <!-- ภาพกิจกรรม end -->	
	
    <?php /*?>
	<!-- บริการฐานข้อมููลออนไลน์/e-book/e-journal Slider Start -->
    <div class="container-fluid">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 py-3">
                    <div class="bg-light py-2 px-4 mb-3">
                        <h3 class="m-0">บริการฐานข้อมูลออนไลน์/e-book/e-journal</h3>
                    </div>
                    <div class="owl-carousel owl-carousel-3 carousel-item-4 position-relative">
<?php
	$dbName = "db_lib";
	$conn = mysqli_connect($serverName,$userName,$userPassword,$dbName);
	mysqli_set_charset($conn,"utf8");
	$sql = "SELECT * from db_online";
	$sql .= " WHERE db_type=1 OR db_type=2 OR db_type=3 OR db_type=5";
	$sql .= " ORDER BY db_id DESC";
	//$sql .= " LIMIT 3";
	$query = mysqli_query($conn,$sql);
	while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) 	{
		$img_url = "../images/DBonline/" . $result["logo2"];
?>						
                        <div class="position-relative">
                            <img class="img-fluid w-100" src="img/news-500x280-4.jpg" style="object-fit: cover;">
                            <div class="overlay position-relative bg-light">
                                <!--<div class="mb-2" style="font-size: 13px;">
                                    <a href="">111</a>
                                    <span class="px-1">/</span>
                                    <span>January 01, 2045</span>
                                </div>-->
                                <a class="h4 m-0" href="<?php echo $result["db_link"];?>" target="_blank"><?php echo $result["db_name"];?></a>
                            </div>
                        </div>
<?php
	} //while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) 	{
?>                        
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    <!-- บริการฐานข้อมููลออนไลน์/e-book/e-journal Slider End -->	
	
    <!-- บริการโปรแกรม/แอปพลิเคชัน Slider Start -->
    <div class="container-fluid">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 py-3">
                    <div class="bg-light py-2 px-4 mb-3">
                        <h3 class="m-0">บริการโปรแกรม/แอปพลิเคชัน</h3>
                    </div>
                    <div class="owl-carousel owl-carousel-3 carousel-item-4 position-relative">
<?php
	$dbName = "db_lib";
	$conn = mysqli_connect($serverName,$userName,$userPassword,$dbName);
	mysqli_set_charset($conn,"utf8");
	$sql = "SELECT * from db_online";
	$sql .= " WHERE db_type=15";
	$sql .= " ORDER BY db_id DESC";
	//$sql .= " LIMIT 3";
	$query = mysqli_query($conn,$sql);
	while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) 	{
		$img_url = "../images/DBonline/" . $result["logo2"];
?>						
                        <div class="position-relative">
                            <img class="img-fluid w-100" src="img/news-500x280-5.jpg" style="object-fit: cover;">
                            <div class="overlay position-relative bg-light">
                                <!--<div class="mb-2" style="font-size: 13px;">
                                    <a href="">111</a>
                                    <span class="px-1">/</span>
                                    <span>January 01, 2045</span>
                                </div>-->
                                <a class="h4 m-0" href="<?php echo $result["db_link"];?>" target="_blank"><?php echo $result["db_name"];?></a>
                            </div>
                        </div>
<?php
	} //while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) 	{
?>                        
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    <!-- บริการโปรแกรม/แอปพลิเคชัน Slider End -->			
	<?php */ ?>
	
    <!-- News With Sidebar Start -->
    <div class="container-fluid py-3">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <div class="row mb-3">
                        <div class="col-12">
                            <div class="d-flex align-items-center justify-content-between bg-light py-2 px-4 mb-3">
                                <h3 class="m-0">อื่นๆ</h3>
                                <a class="text-secondary font-weight-medium text-decoration-none" href="">View All</a>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="position-relative mb-3">
                                <img class="img-fluid w-100" src="img/news-500x280-2.jpg" style="object-fit: cover;">
                                <div class="overlay position-relative bg-light">
                                    <div class="mb-2" style="font-size: 14px;">
                                        <a href="">Technology</a>
                                        <span class="px-1">/</span>
                                        <span>January 01, 2045</span>
                                    </div>
                                    <a class="h4" href="">Est stet amet ipsum stet clita rebum duo</a>
                                    <p class="m-0">Rebum dolore duo et vero ipsum clita, est ea sed duo diam ipsum, clita at justo, lorem amet vero eos sed sit...</p>
                                </div>
                            </div>
                            <div class="d-flex mb-3">
                                <img src="img/news-100x100-1.jpg" style="width: 100px; height: 100px; object-fit: cover;">
                                <div class="w-100 d-flex flex-column justify-content-center bg-light px-3" style="height: 100px;">
                                    <div class="mb-1" style="font-size: 13px;">
                                        <a href="">Technology</a>
                                        <span class="px-1">/</span>
                                        <span>January 01, 2045</span>
                                    </div>
                                    <a class="h6 m-0" href="">Lorem ipsum dolor sit amet consec adipis elit</a>
                                </div>
                            </div>
                            <div class="d-flex mb-3">
                                <img src="img/news-100x100-2.jpg" style="width: 100px; height: 100px; object-fit: cover;">
                                <div class="w-100 d-flex flex-column justify-content-center bg-light px-3" style="height: 100px;">
                                    <div class="mb-1" style="font-size: 13px;">
                                        <a href="">Technology</a>
                                        <span class="px-1">/</span>
                                        <span>January 01, 2045</span>
                                    </div>
                                    <a class="h6 m-0" href="">Lorem ipsum dolor sit amet consec adipis elit</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="position-relative mb-3">
                                <img class="img-fluid w-100" src="img/news-500x280-3.jpg" style="object-fit: cover;">
                                <div class="overlay position-relative bg-light">
                                    <div class="mb-2" style="font-size: 14px;">
                                        <a href="">Technology</a>
                                        <span class="px-1">/</span>
                                        <span>January 01, 2045</span>
                                    </div>
                                    <a class="h4" href="">Est stet amet ipsum stet clita rebum duo</a>
                                    <p class="m-0">Rebum dolore duo et vero ipsum clita, est ea sed duo diam ipsum, clita at justo, lorem amet vero eos sed sit...</p>
                                </div>
                            </div>
                            <div class="d-flex mb-3">
                                <img src="img/news-100x100-3.jpg" style="width: 100px; height: 100px; object-fit: cover;">
                                <div class="w-100 d-flex flex-column justify-content-center bg-light px-3" style="height: 100px;">
                                    <div class="mb-1" style="font-size: 13px;">
                                        <a href="">Technology</a>
                                        <span class="px-1">/</span>
                                        <span>January 01, 2045</span>
                                    </div>
                                    <a class="h6 m-0" href="">Lorem ipsum dolor sit amet consec adipis elit</a>
                                </div>
                            </div>
                            <div class="d-flex mb-3">
                                <img src="img/news-100x100-4.jpg" style="width: 100px; height: 100px; object-fit: cover;">
                                <div class="w-100 d-flex flex-column justify-content-center bg-light px-3" style="height: 100px;">
                                    <div class="mb-1" style="font-size: 13px;">
                                        <a href="">Technology</a>
                                        <span class="px-1">/</span>
                                        <span>January 01, 2045</span>
                                    </div>
                                    <a class="h6 m-0" href="">Lorem ipsum dolor sit amet consec adipis elit</a>
                                </div>
                            </div>
                        </div>
                    </div>
					
                    <!--<div class="mb-3 pb-3">
                        <a href=""><img class="img-fluid w-100" src="img/ads-700x70.jpg" alt=""></a>
                    </div>
                    
                    <div class="row">
                        <div class="col-12">
                            <div class="d-flex align-items-center justify-content-between bg-light py-2 px-4 mb-3">
                                <h3 class="m-0">Latest</h3>
                                <a class="text-secondary font-weight-medium text-decoration-none" href="">View All</a>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="position-relative mb-3">
                                <img class="img-fluid w-100" src="img/news-500x280-5.jpg" style="object-fit: cover;">
                                <div class="overlay position-relative bg-light">
                                    <div class="mb-2" style="font-size: 14px;">
                                        <a href="">Technology</a>
                                        <span class="px-1">/</span>
                                        <span>January 01, 2045</span>
                                    </div>
                                    <a class="h4" href="">Est stet amet ipsum stet clita rebum duo</a>
                                    <p class="m-0">Rebum dolore duo et vero ipsum clita, est ea sed duo diam ipsum, clita at justo, lorem amet vero eos sed sit...</p>
                                </div>
                            </div>
                            <div class="d-flex mb-3">
                                <img src="img/news-100x100-5.jpg" style="width: 100px; height: 100px; object-fit: cover;">
                                <div class="w-100 d-flex flex-column justify-content-center bg-light px-3" style="height: 100px;">
                                    <div class="mb-1" style="font-size: 13px;">
                                        <a href="">Technology</a>
                                        <span class="px-1">/</span>
                                        <span>January 01, 2045</span>
                                    </div>
                                    <a class="h6 m-0" href="">Lorem ipsum dolor sit amet consec adipis elit</a>
                                </div>
                            </div>
                            <div class="d-flex mb-3">
                                <img src="img/news-100x100-1.jpg" style="width: 100px; height: 100px; object-fit: cover;">
                                <div class="w-100 d-flex flex-column justify-content-center bg-light px-3" style="height: 100px;">
                                    <div class="mb-1" style="font-size: 13px;">
                                        <a href="">Technology</a>
                                        <span class="px-1">/</span>
                                        <span>January 01, 2045</span>
                                    </div>
                                    <a class="h6 m-0" href="">Lorem ipsum dolor sit amet consec adipis elit</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="position-relative mb-3">
                                <img class="img-fluid w-100" src="img/news-500x280-6.jpg" style="object-fit: cover;">
                                <div class="overlay position-relative bg-light">
                                    <div class="mb-2" style="font-size: 14px;">
                                        <a href="">Technology</a>
                                        <span class="px-1">/</span>
                                        <span>January 01, 2045</span>
                                    </div>
                                    <a class="h4" href="">Est stet amet ipsum stet clita rebum duo</a>
                                    <p class="m-0">Rebum dolore duo et vero ipsum clita, est ea sed duo diam ipsum, clita at justo, lorem amet vero eos sed sit...</p>
                                </div>
                            </div>
                            <div class="d-flex mb-3">
                                <img src="img/news-100x100-2.jpg" style="width: 100px; height: 100px; object-fit: cover;">
                                <div class="w-100 d-flex flex-column justify-content-center bg-light px-3" style="height: 100px;">
                                    <div class="mb-1" style="font-size: 13px;">
                                        <a href="">Technology</a>
                                        <span class="px-1">/</span>
                                        <span>January 01, 2045</span>
                                    </div>
                                    <a class="h6 m-0" href="">Lorem ipsum dolor sit amet consec adipis elit</a>
                                </div>
                            </div>
                            <div class="d-flex mb-3">
                                <img src="img/news-100x100-3.jpg" style="width: 100px; height: 100px; object-fit: cover;">
                                <div class="w-100 d-flex flex-column justify-content-center bg-light px-3" style="height: 100px;">
                                    <div class="mb-1" style="font-size: 13px;">
                                        <a href="">Technology</a>
                                        <span class="px-1">/</span>
                                        <span>January 01, 2045</span>
                                    </div>
                                    <a class="h6 m-0" href="">Lorem ipsum dolor sit amet consec adipis elit</a>
                                </div>
                            </div>
                        </div>
                    </div>-->
                </div>
                
                <div class="col-lg-4 pt-3 pt-lg-0">
                    <!-- Social Follow Start -->
                    <div class="pb-3">
                        <div class="bg-light py-2 px-4 mb-3">
                            <h3 class="m-0">Follow Us</h3>
                        </div>
                        <div class="d-flex mb-3">
                            <a href="" class="d-block w-50 py-2 px-3 text-white text-decoration-none mr-2" style="background: #39569E;">
                                <small class="fab fa-facebook-f mr-2"></small><small>12,345 Fans</small>
                            </a>
                            <a href="" class="d-block w-50 py-2 px-3 text-white text-decoration-none ml-2" style="background: #52AAF4;">
                                <small class="fab fa-twitter mr-2"></small><small>12,345 Followers</small>
                            </a>
                        </div>
                        <div class="d-flex mb-3">
                            <a href="" class="d-block w-50 py-2 px-3 text-white text-decoration-none mr-2" style="background: #0185AE;">
                                <small class="fab fa-linkedin-in mr-2"></small><small>12,345 Connects</small>
                            </a>
                            <a href="" class="d-block w-50 py-2 px-3 text-white text-decoration-none ml-2" style="background: #C8359D;">
                                <small class="fab fa-instagram mr-2"></small><small>12,345 Followers</small>
                            </a>
                        </div>
                        <div class="d-flex mb-3">
                            <a href="" class="d-block w-50 py-2 px-3 text-white text-decoration-none mr-2" style="background: #DC472E;">
                                <small class="fab fa-youtube mr-2"></small><small>12,345 Subscribers</small>
                            </a>
                            <a href="" class="d-block w-50 py-2 px-3 text-white text-decoration-none ml-2" style="background: #1AB7EA;">
                                <small class="fab fa-vimeo-v mr-2"></small><small>12,345 Followers</small>
                            </a>
                        </div>
                    </div>
                    <!-- Social Follow End -->

                    <!-- Newsletter Start -->
                    <div class="pb-3">
                        <div class="bg-light py-2 px-4 mb-3">
                            <h3 class="m-0">Newsletter</h3>
                        </div>
                        <div class="bg-light text-center p-4 mb-3">
                            <p>Aliqu justo et labore at eirmod justo sea erat diam dolor diam vero kasd</p>
                            <div class="input-group" style="width: 100%;">
                                <input type="text" class="form-control form-control-lg" placeholder="Your Email">
                                <div class="input-group-append">
                                    <button class="btn btn-primary">Sign Up</button>
                                </div>
                            </div>
                            <small>Sit eirmod nonumy kasd eirmod</small>
                        </div>
                    </div>
                    <!-- Newsletter End -->

                    <!-- Ads Start -->
                    <div class="mb-3 pb-3">
                        <a href=""><img class="img-fluid" src="img/news-500x280-4.jpg" alt=""></a>
                    </div>
                    <!-- Ads End -->

                    <!-- Popular News Start -->
                    <div class="pb-3">
                        <div class="bg-light py-2 px-4 mb-3">
                            <h3 class="m-0">อื่นๆ2</h3>
                        </div>
                        <div class="d-flex mb-3">
                            <img src="img/news-100x100-1.jpg" style="width: 100px; height: 100px; object-fit: cover;">
                            <div class="w-100 d-flex flex-column justify-content-center bg-light px-3" style="height: 100px;">
                                <div class="mb-1" style="font-size: 13px;">
                                    <a href="">Technology</a>
                                    <span class="px-1">/</span>
                                    <span>January 01, 2045</span>
                                </div>
                                <a class="h6 m-0" href="">Lorem ipsum dolor sit amet consec adipis elit</a>
                            </div>
                        </div>
                        <div class="d-flex mb-3">
                            <img src="img/news-100x100-2.jpg" style="width: 100px; height: 100px; object-fit: cover;">
                            <div class="w-100 d-flex flex-column justify-content-center bg-light px-3" style="height: 100px;">
                                <div class="mb-1" style="font-size: 13px;">
                                    <a href="">Technology</a>
                                    <span class="px-1">/</span>
                                    <span>January 01, 2045</span>
                                </div>
                                <a class="h6 m-0" href="">Lorem ipsum dolor sit amet consec adipis elit</a>
                            </div>
                        </div>
                        <div class="d-flex mb-3">
                            <img src="img/news-100x100-3.jpg" style="width: 100px; height: 100px; object-fit: cover;">
                            <div class="w-100 d-flex flex-column justify-content-center bg-light px-3" style="height: 100px;">
                                <div class="mb-1" style="font-size: 13px;">
                                    <a href="">Technology</a>
                                    <span class="px-1">/</span>
                                    <span>January 01, 2045</span>
                                </div>
                                <a class="h6 m-0" href="">Lorem ipsum dolor sit amet consec adipis elit</a>
                            </div>
                        </div>
                        <div class="d-flex mb-3">
                            <img src="img/news-100x100-4.jpg" style="width: 100px; height: 100px; object-fit: cover;">
                            <div class="w-100 d-flex flex-column justify-content-center bg-light px-3" style="height: 100px;">
                                <div class="mb-1" style="font-size: 13px;">
                                    <a href="">Technology</a>
                                    <span class="px-1">/</span>
                                    <span>January 01, 2045</span>
                                </div>
                                <a class="h6 m-0" href="">Lorem ipsum dolor sit amet consec adipis elit</a>
                            </div>
                        </div>
                        <div class="d-flex mb-3">
                            <img src="img/news-100x100-5.jpg" style="width: 100px; height: 100px; object-fit: cover;">
                            <div class="w-100 d-flex flex-column justify-content-center bg-light px-3" style="height: 100px;">
                                <div class="mb-1" style="font-size: 13px;">
                                    <a href="">Technology</a>
                                    <span class="px-1">/</span>
                                    <span>January 01, 2045</span>
                                </div>
                                <a class="h6 m-0" href="">Lorem ipsum dolor sit amet consec adipis elit</a>
                            </div>
                        </div>
                    </div>
                    <!-- Popular News End -->

                    <!-- Tags Start -->
                    <div class="pb-3">
                        <div class="bg-light py-2 px-4 mb-3">
                            <h3 class="m-0">Tags</h3>
                        </div>
                        <div class="d-flex flex-wrap m-n1">
                            <a href="" class="btn btn-sm btn-outline-secondary m-1">Politics</a>
                            <a href="" class="btn btn-sm btn-outline-secondary m-1">Business</a>
                            <a href="" class="btn btn-sm btn-outline-secondary m-1">Corporate</a>
                            <a href="" class="btn btn-sm btn-outline-secondary m-1">Sports</a>
                            <a href="" class="btn btn-sm btn-outline-secondary m-1">Health</a>
                            <a href="" class="btn btn-sm btn-outline-secondary m-1">Education</a>
                            <a href="" class="btn btn-sm btn-outline-secondary m-1">Science</a>
                            <a href="" class="btn btn-sm btn-outline-secondary m-1">Technology</a>
                            <a href="" class="btn btn-sm btn-outline-secondary m-1">Foods</a>
                            <a href="" class="btn btn-sm btn-outline-secondary m-1">Entertainment</a>
                            <a href="" class="btn btn-sm btn-outline-secondary m-1">Travel</a>
                            <a href="" class="btn btn-sm btn-outline-secondary m-1">Lifestyle</a>
                        </div>
                    </div>
                    <!-- Tags End -->
                </div>
            </div>
        </div>
    </div>
    </div>
    <!-- News With Sidebar End -->


    <!-- Footer Start -->
    <div class="container-fluid bg-light pt-5 px-sm-3 px-md-5">
        <div class="row">
            <div class="col-lg-3 col-md-6 mb-5">
                <a href="index.html" class="navbar-brand">
                    <h1 class="mb-2 mt-n2 display-5 text-uppercase"><span class="text-primary">News</span>Room</h1>
                </a>
                <p>Volup amet magna clita tempor. Tempor sea eos vero ipsum. Lorem lorem sit sed elitr sed kasd et</p>
                <div class="d-flex justify-content-start mt-4">
                    <a class="btn btn-outline-secondary text-center mr-2 px-0" style="width: 38px; height: 38px;" href="#"><i class="fab fa-twitter"></i></a>
                    <a class="btn btn-outline-secondary text-center mr-2 px-0" style="width: 38px; height: 38px;" href="#"><i class="fab fa-facebook-f"></i></a>
                    <a class="btn btn-outline-secondary text-center mr-2 px-0" style="width: 38px; height: 38px;" href="#"><i class="fab fa-linkedin-in"></i></a>
                    <a class="btn btn-outline-secondary text-center mr-2 px-0" style="width: 38px; height: 38px;" href="#"><i class="fab fa-instagram"></i></a>
                    <a class="btn btn-outline-secondary text-center mr-2 px-0" style="width: 38px; height: 38px;" href="#"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 mb-5">
                <h4 class="font-weight-bold mb-4">Categories</h4>
                <div class="d-flex flex-wrap m-n1">
                    <a href="" class="btn btn-sm btn-outline-secondary m-1">Politics</a>
                    <a href="" class="btn btn-sm btn-outline-secondary m-1">Business</a>
                    <a href="" class="btn btn-sm btn-outline-secondary m-1">Corporate</a>
                    <a href="" class="btn btn-sm btn-outline-secondary m-1">Sports</a>
                    <a href="" class="btn btn-sm btn-outline-secondary m-1">Health</a>
                    <a href="" class="btn btn-sm btn-outline-secondary m-1">Education</a>
                    <a href="" class="btn btn-sm btn-outline-secondary m-1">Science</a>
                    <a href="" class="btn btn-sm btn-outline-secondary m-1">Technology</a>
                    <a href="" class="btn btn-sm btn-outline-secondary m-1">Foods</a>
                    <a href="" class="btn btn-sm btn-outline-secondary m-1">Entertainment</a>
                    <a href="" class="btn btn-sm btn-outline-secondary m-1">Travel</a>
                    <a href="" class="btn btn-sm btn-outline-secondary m-1">Lifestyle</a>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 mb-5">
                <h4 class="font-weight-bold mb-4">Tags</h4>
                <div class="d-flex flex-wrap m-n1">
                    <a href="" class="btn btn-sm btn-outline-secondary m-1">Politics</a>
                    <a href="" class="btn btn-sm btn-outline-secondary m-1">Business</a>
                    <a href="" class="btn btn-sm btn-outline-secondary m-1">Corporate</a>
                    <a href="" class="btn btn-sm btn-outline-secondary m-1">Sports</a>
                    <a href="" class="btn btn-sm btn-outline-secondary m-1">Health</a>
                    <a href="" class="btn btn-sm btn-outline-secondary m-1">Education</a>
                    <a href="" class="btn btn-sm btn-outline-secondary m-1">Science</a>
                    <a href="" class="btn btn-sm btn-outline-secondary m-1">Technology</a>
                    <a href="" class="btn btn-sm btn-outline-secondary m-1">Foods</a>
                    <a href="" class="btn btn-sm btn-outline-secondary m-1">Entertainment</a>
                    <a href="" class="btn btn-sm btn-outline-secondary m-1">Travel</a>
                    <a href="" class="btn btn-sm btn-outline-secondary m-1">Lifestyle</a>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 mb-5">
                <h4 class="font-weight-bold mb-4">Quick Links</h4>
                <div class="d-flex flex-column justify-content-start">
                    <a class="text-secondary mb-2" href="#"><i class="fa fa-angle-right text-dark mr-2"></i>About</a>
                    <a class="text-secondary mb-2" href="#"><i class="fa fa-angle-right text-dark mr-2"></i>Advertise</a>
                    <a class="text-secondary mb-2" href="#"><i class="fa fa-angle-right text-dark mr-2"></i>Privacy & policy</a>
                    <a class="text-secondary mb-2" href="#"><i class="fa fa-angle-right text-dark mr-2"></i>Terms & conditions</a>
                    <a class="text-secondary" href="#"><i class="fa fa-angle-right text-dark mr-2"></i>Contact</a>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid py-4 px-sm-3 px-md-5">
        <p class="m-0 text-center">
            &copy; <a class="font-weight-bold" href="#">Your Site Name</a>. All Rights Reserved. 
			
			<!--/*** This template is free as long as you keep the footer author’s credit link/attribution link/backlink. If you'd like to use the template without the footer author’s credit link/attribution link/backlink, you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". Thank you for your support. ***/-->
			Designed by <a class="font-weight-bold" href="https://htmlcodex.com">HTML Codex</a>
        </p>
    </div>
    <!-- Footer End -->


    <!-- Back to Top -->
    <a href="#" class="btn btn-dark back-to-top"><i class="fa fa-angle-up"></i></a>


    <!-- JavaScript Libraries -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
    <script src="lib/easing/easing.min.js"></script>
    <script src="lib/owlcarousel/owl.carousel.min.js"></script>

    <!-- Contact Javascript File -->
    <script src="mail/jqBootstrapValidation.min.js"></script>
    <script src="mail/contact.js"></script>

    <!-- Template Javascript -->
    <script src="js/main.js"></script>
</body>

</html>

Youez - 2016 - github.com/yon3zu
LinuXploit