<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<meta name="keyword" content="Darul Uloom Secondary  Gallery  Page">
		<meta name="description" content="Darul Uloom Secondary - School Management System With CMS">
		<!-- Favicon -->
		<link rel="shortcut icon" href="https://darululoom.sch.id/uploads/frontend/images/fav_icon2.png">
		<title>Gallery - Darul Uloom Secondary</title>
		<!-- Bootstrap -->
		<link href="https://darululoom.sch.id/assets/frontend/css/bootstrap.min.css" rel="stylesheet">
		<!-- Template CSS Files  -->
		<link rel="stylesheet" href="https://darululoom.sch.id/assets/vendor/font-awesome/css/all.min.css">
		<link rel="stylesheet" href="https://darululoom.sch.id/assets/frontend/plugins/animate.min.css">
		<link rel="stylesheet" href="https://darululoom.sch.id/assets/frontend/css/responsive.css">
		<link rel="stylesheet" href="https://darululoom.sch.id/assets/frontend/css/owl.carousel.min.css">
		<link rel="stylesheet" href="https://darululoom.sch.id/assets/vendor/select2/css/select2.min.css">
		<link rel="stylesheet" href="https://darululoom.sch.id/assets/vendor/sweetalert/sweetalert-custom.css">
		<link rel="stylesheet" href="https://darululoom.sch.id/assets/vendor/bootstrap-datepicker/css/bootstrap-datepicker.standalone.css">
		<link rel="stylesheet" href="https://darululoom.sch.id/assets/vendor/bootstrap-fileupload/bootstrap-fileupload.min.css">
		<link rel="stylesheet" href="https://darululoom.sch.id/assets/frontend/plugins/magnific-popup/magnific-popup.css">
		<link rel="stylesheet" href="https://darululoom.sch.id/assets/frontend/css/style.css">
		<script src="https://darululoom.sch.id/assets/vendor/jquery/jquery.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.10/clipboard.min.js"></script>

		<!-- If user have enabled CSRF proctection this function will take care of the ajax requests and append custom header for CSRF -->
		<script type="text/javascript">
			var base_url = "https://darululoom.sch.id/";
			var csrfData = {"school_csrf_name":"0e30f6002fb6ae3e1cfb57dc1ac43493"};
			$(function($) {
				$.ajaxSetup({
					data: csrfData
				});
			});
		</script>
		<!-- Google Analytics --> 
		<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-YMCS6GDGW0"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-YMCS6GDGW0');
</script>
	    	    <!-- Web Application Manifest -->
	    <link rel="manifest" href="./manifest.json">
	    <!-- Chrome for Android theme color -->
	    <meta name="theme-color" content="#6e8fd4">
	    
	    <!-- Add to homescreen for Chrome on Android -->
	    <meta name="mobile-web-app-capable" content="yes">
	    <meta name="application-name" content="Ramom School">
	    <link rel="icon" sizes="512x512" href="https://darululoom.sch.id/uploads/appIcons/icon-512x512.png">
	    
	    <!-- Add to homescreen for Safari on iOS -->
	    <meta name="apple-mobile-web-app-capable" content="yes">
	    <meta name="apple-mobile-web-app-status-bar-style" content="black">
	    <meta name="apple-mobile-web-app-title" content="Ramom School">
	    <link rel="apple-touch-icon" href="https://darululoom.sch.id/uploads/appIcons/icon-512x512.png">

	    <script type="text/javascript">
	        // Initialize the service worker
	        if ('serviceWorker' in navigator) {
	            navigator.serviceWorker.register('/serviceworker.js', {
	                scope: '/'
	            }).then(function (registration) {
	                // Registration was successful
	            }, function (err) {
	                // registration failed :(
	                console.log('Service Worker registration failed: ', err);
	            });
	        }
	    </script>
	    		
		<!-- Theme Color Options -->
		<script type="text/javascript">
			document.documentElement.style.setProperty('--thm-primary', '#ff685c');
			document.documentElement.style.setProperty('--thm-hover', '#f04133');
			document.documentElement.style.setProperty('--thm-text', '#232323');
			document.documentElement.style.setProperty('--thm-secondary-text', '#383838');
			document.documentElement.style.setProperty('--thm-footer-text', '#8d8d8d');
			document.documentElement.style.setProperty('--thm-radius', '0');
		</script>
	</head>
	<body>
		<!-- Preloader -->
		<div class="loader-container">
			<div class="lds-dual-ring"></div>
		</div>
		
<!-- Header Starts -->
	<header class="main-header">
	<!-- Nested Container Starts -->
	<!-- Top Bar Starts -->
		<div class="top-bar d-none d-md-block">
			<div class="container px-md-0">
			<div class="row">
				<div class="col-md-6 col-sm-12">Hours : Mon To Fri - 07AM - 04PM, Sunday Closed</div>
				<div class="col-md-6 col-sm-12">
					<ul class="list-unstyled list-inline">
						<li class="list-inline-item"><a href="mailto:cs@darululoom.sch.id">
							<i class="far fa-envelope"></i> cs@darululoom.sch.id						</a></li>
						<li class="list-inline-item"><i class="fas fa-phone-volume"></i> 081545773993</li>
											<li class="list-inline-item"><a href="https://darululoom.sch.id/secondary/authentication"><i class="fas fa-user-lock"></i> Login</a></li>
										</ul>
				</div>
			</div>
			</div>
		</div>
	<!-- Top Bar Ends -->
	<!-- Navbar Starts -->
		<div class="stricky" id="strickyMenu" style="background-color: #fff;">
			<div class="container-md px-md-0">
			<nav id="nav" class="navbar navbar-expand-lg" role="navigation">
				<div class="container-md px-md-0">
				<!-- Logo Starts -->
					<a href="https://darululoom.sch.id/secondary" class="navbar-brand">
						<img src="https://darululoom.sch.id/uploads/frontend/images/logo2.png" alt="Logo">
					</a>
					<!-- Logo Ends -->
					<!-- Collapse Button Starts -->
					<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNav" aria-controls="mainNav" aria-expanded="false" aria-label="Toggle navigation">
						<span class="fa fa-bars"></span>
					</button>
					<!-- Collapse Button Ends -->
					<!-- Navbar Collapse Starts -->
					<div id="mainNav" class="navbar-collapse collapse">
						<ul class="nav navbar-nav ml-auto navbar-style3">
															<li class="nav-item dropdown">
									<a href="#" class="nav-link" >School Unit<span class="arrow"></span>  </a>
																		<ul class="dropdown-menu" role="menu">
																				<a class="dropdown-item"  href="https://www.darululoom.sch.id/">Pondok Pesantren Darul Uloom</a>
																				<a class="dropdown-item"  href="https://www.darululoom.sch.id/kindergarten">PG - TK / Darul Uloom Kindergarten</a>
																				<a class="dropdown-item"  href="https://www.darululoom.sch.id/primary">SD / Darul Uloom Al-Mukhlisun</a>
																				<a class="dropdown-item"  href="https://www.darululoom.sch.id/secondary">SMP / Darul Uloom Secondary</a>
																				<a class="dropdown-item" target='_blank' href="https://course.darululoom.sch.id/">Darul Uloom Courses</a>
																			</ul>
																</li>
															<li class="nav-item">
									<a href="https://darululoom.sch.id/secondary/teachers" class="nav-link" >Teachers  </a>
																	</li>
															<li class="nav-item">
									<a href="https://darululoom.sch.id/secondary/events" class="nav-link" >Events & News  </a>
																	</li>
															<li class="nav-item">
									<a href="https://darululoom.sch.id/secondary/admission" class="nav-link" >Online Admission  </a>
																	</li>
															<li class="nav-item dropdown">
									<a href="#" class="nav-link" >Pages<span class="arrow"></span>  </a>
																		<ul class="dropdown-menu" role="menu">
																				<a class="dropdown-item"  href="https://darululoom.sch.id/secondary/gallery">Gallery</a>
																				<a class="dropdown-item"  href="https://darululoom.sch.id/secondary/exam_results">Results</a>
																			</ul>
																</li>
															<li class="nav-item">
									<a href="https://darululoom.sch.id/secondary/news" class="nav-link" >News  </a>
																	</li>
															<li class="nav-item">
									<a href="https://darululoom.sch.id/secondary/contact" class="nav-link" >Contact Us  </a>
																	</li>
														<li class="nav-item m-login">
															<a href="https://darululoom.sch.id/secondary/authentication" class="btn d-grid btn-black mt-sm">Login</a>
														</li>
						</ul>
					</div>
				<!-- Navbar Collapse Ends -->
				</div>
			</nav>
		</div>
	</div>
	<!-- Navbar Ends -->
</header>

		<!-- Main Banner Starts -->
<div class="main-banner" style="background: url(https://darululoom.sch.id/uploads/frontend/banners/gallery2.jpg) center top;">
    <div class="container px-md-0">
        <h2><span>Gallery</span></h2>
    </div>
</div>
<!-- Main Banner Ends -->
<!-- Breadcrumb Starts -->
<div class="breadcrumb">
    <div class="container px-md-0">
        <ul class="list-unstyled list-inline">
            <li class="list-inline-item"><a href="https://darululoom.sch.id/home">Home</a></li>
            <li class="list-inline-item active">Gallery</li>
        </ul>
    </div>
</div>
<!-- Breadcrumb Ends -->
<!-- Main Container Starts -->
        <div class="container px-md-0 main-container">
            <h2 class="main-heading2 nomargin-top"></h2>
            <div class="gallery-grid text-center">
                <div class="row">
                <!-- Gallery Image #1 Starts -->
                                </div>                
            </div>
</div>
<!-- Main Container Ends -->
		<!-- Footer Starts -->
<footer class="main-footer">
    <div class="footer-area" style="background: #383838 url(https://darululoom.sch.id/assets/frontend/images/07.png);">
        <div class="container px-md-0">
            <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-12">
                    <div class="footer-logo">
                        <img src="https://darululoom.sch.id/uploads/frontend/images/logo2.png" alt="Logo">
                    </div>
                                        <p class="footer-dec">”Barang siapa yang menghendaki kehidupan dunia maka wajib baginya memiliki ilmu, dan barang siapa yang menghendaki kehidupan Akherat, maka wajib baginya memiliki ilmu, dan barang siapa menghendaki keduanya maka wajib baginya memiliki ilmu”. (HR. Turmudzi)</p>
                    <ul class="social">
                                            <li><a href="https://www.instagram.com/darululoom.school/" target="_blank"><i class="fab fa-instagram"></i></a></li>
                                        </ul>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-12">
                    <h4>Address</h4>
                    <ul class="list-unstyled address-list">
                        <li class="clearfix address">
                            <i class="fas fa-map-marker-alt"></i> Jalan PH Husin 2, Komplek Sahabat                        </li>
                        <li class="clearfix">
                            <i class="fas fa-phone"></i> 081545773993                        </li>
                        <li class="clearfix">
                            <i class="fas fa-fax"></i></i> -                        </li>
                        <li class="clearfix">
                            <i class="fas fa-envelope"></i> <a href="mailto:cs@darululoom.sch.id">cs@darululoom.sch.id</a>
                        </li>
                    </ul>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-12">
                    <h4>Quick Links</h4>
                    <ul class="list-unstyled quick-links">
                                                <li><a href="#"><i class="fa fa-angle-right"></i> School Unit</a></li>
                                                <li><a href="https://www.darululoom.sch.id/"><i class="fa fa-angle-right"></i> Pondok Pesantren Darul Uloom</a></li>
                                                <li><a href="https://darululoom.sch.id/secondary/teachers"><i class="fa fa-angle-right"></i> Teachers</a></li>
                                                <li><a href="https://www.darululoom.sch.id/kindergarten"><i class="fa fa-angle-right"></i> PG - TK / Darul Uloom Kindergarten</a></li>
                                                <li><a href="https://darululoom.sch.id/secondary/events"><i class="fa fa-angle-right"></i> Events & News</a></li>
                                                <li><a href="https://www.darululoom.sch.id/primary"><i class="fa fa-angle-right"></i> SD / Darul Uloom Al-Mukhlisun</a></li>
                                                <li><a href="https://www.darululoom.sch.id/secondary"><i class="fa fa-angle-right"></i> SMP / Darul Uloom Secondary</a></li>
                                                <li><a href="https://course.darululoom.sch.id/"><i class="fa fa-angle-right"></i> Darul Uloom Courses</a></li>
                                                <li><a href="https://darululoom.sch.id/secondary/admission"><i class="fa fa-angle-right"></i> Online Admission</a></li>
                                                <li><a href="https://darululoom.sch.id/secondary/gallery"><i class="fa fa-angle-right"></i> Gallery</a></li>
                                                <li><a href="#"><i class="fa fa-angle-right"></i> Pages</a></li>
                                                <li><a href="https://darululoom.sch.id/secondary/news"><i class="fa fa-angle-right"></i> News</a></li>
                                                <li><a href="https://darululoom.sch.id/secondary/contact"><i class="fa fa-angle-right"></i> Contact Us</a></li>
                                                <li><a href="https://darululoom.sch.id/secondary/exam_results"><i class="fa fa-angle-right"></i> Results</a></li>
                                            </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="copyright" style="background-color: #262626; color: #8d8d8d;">
        <div class="container px-md-0 clearfix text-center">
            Copyright © 2023 <span>Darul Uloom Bin Kareem</span>. All Rights Reserved        </div>
    </div>
    <!-- Copyright Ends -->
</footer>
<!-- Footer Ends -->

<div class="whatsapp-popup">
    <div class="whatsapp-button">
        <i class="fab fa-whatsapp i-open"></i>
        <i class="far fa-times-circle fa-fw i-close"></i>
    </div>
    <div class="popup-content">
        <div class="popup-content-header">
            <i class="fab fa-whatsapp"></i>
            <h5>Assalamualaikum<span>أهلا وسهلا - السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ</span></h5>
        </div>
        <div class="whatsapp-content">
            <ul>
                            <li class="offline">
                    <a class="whatsapp-agent" href="javascript:void(0)" data-number="+6281545773993">
                        <div class="whatsapp-img">
                            <img src="https://darululoom.sch.id/uploads/app_image/defualt.png" class="whatsapp-avatar" width="60" height="60">
                        </div>
                        <div>
                            <span class="whatsapp-text">
                                <span class="whatsapp-label">CS - <span class="status">Offline</span></span> Miss Ella                            </span>
                        </div>
                    </a>
                </li>
                        </ul>
        </div>
        <div class="content-footer">
            <p>Use this feature to chat with our staff.</p>
        </div>
    </div>
</div>

<a href="#" class="back-to-top"><i class="far fa-arrow-alt-circle-up"></i></a>
<!-- JS Files -->
<script src="https://darululoom.sch.id/assets/frontend/js/bootstrap.min.js"></script>
<script src="https://darululoom.sch.id/assets/vendor/bootstrap-fileupload/bootstrap-fileupload.min.js"></script>
<script src="https://darululoom.sch.id/assets/frontend/js/owl.carousel.min.js"></script>
<script src="https://darululoom.sch.id/assets/frontend/plugins/shuffle/jquery.shuffle.modernizr.min.js"></script>
<script src="https://darululoom.sch.id/assets/vendor/select2/js/select2.full.min.js"></script>
<script src="https://darululoom.sch.id/assets/vendor/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
<script src="https://darululoom.sch.id/assets/vendor/sweetalert/sweetalert.min.js"></script>
<script src="https://darululoom.sch.id/assets/frontend/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="https://darululoom.sch.id/assets/frontend/js/jquery.marquee.min.js"></script>
<script src="https://darululoom.sch.id/assets/frontend/js/custom.js"></script>

	</body>
</html>