mathlaulanwar.or.id Ads.txt file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Yayasan Mathla'ul Anwar</title>
<link rel="stylesheet" href="fontawesome-5.5/css/all.min.css" />
<link rel="stylesheet" href="slick/slick.css">
<link rel="stylesheet" href="slick/slick-theme.css">
<link rel="stylesheet" href="magnific-popup/magnific-popup.css">
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/templatemo-style.css" />
<!--
The Town
https://templatemo.com/tm-525-the-town
-->
</head>
<body>
<!-- Hero section -->
<section id="hero" class="text-white tm-font-big tm-parallax">
<!-- Navigation -->
<nav class="navbar navbar-expand-md tm-navbar" id="tmNav">
<div class="container">
<div class="tm-next">
<a href="#hero" class="navbar-brand">Mathla'ul Anwar</a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<i class="fas fa-bars navbar-toggler-icon"></i>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link tm-nav-link" href="#introduction">Introduction</a>
</li>
<li class="nav-item">
<a class="nav-link tm-nav-link" href="#work">Our Work</a>
</li>
<li class="nav-item">
<a class="nav-link tm-nav-link" href="#contact">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="text-center tm-hero-text-container">
<div class="tm-hero-text-container-inner">
<h2 class="tm-hero-title">Bersama Membangun Generasi Islami dan Mandiri</h2>
<p class="tm-hero-subtitle">
Selamat datang di website resmi Yayasan Mathla'ul Anwar – lembaga sosial, pendidikan, dan dakwah yang <br />berkomitmen untuk mencetak generasi unggul, berakhlak mulia, dan bermanfaat bagi umat.
<br />Dengan semangat Khairu Ummah, kami menghadirkan solusi pendidikan, sosial, dan dakwah yang relevan untuk zaman ini.
</p>
</div>
</div>
<div class="tm-next tm-intro-next">
<a href="#introduction" class="text-center tm-down-arrow-link">
<i class="fas fa-3x fa-caret-down tm-down-arrow"></i>
</a>
</div>
</section>
<section id="introduction" class="tm-section-pad-top">
<div class="container">
<div class="row">
<div class="col-lg-6">
<img src="img/the-town-01.jpg" alt="Image" class="img-fluid tm-intro-img" />
</div>
<div class="col-lg-6">
<div class="tm-intro-text-container">
<h2 class="tm-text-primary mb-4 tm-section-title">Sekilas Tentang Yayasan Mathla'ul Anwar</h2>
<p class="mb-4 tm-intro-text">
Didirikan dengan semangat rahmatan lil ‘alamin, Yayasan Mathla'ul Anwar hadir sebagai lembaga yang fokus pada pengembangan masyarakat melalui pendidikan Islam berkualitas, kegiatan dakwah yang konsisten, serta aksi sosial kemanusiaan. Kami percaya, perubahan besar dimulai dari langkah kecil yang konsisten.
</p>
<div class="tm-next">
<a href="#work" class="tm-intro-text tm-btn-primary">Jelajahi Kami</a>
</div>
</div>
</div>
</div>
<div class="row tm-section-pad-top">
<div class="col-lg-4">
<i class="fas fa-4x fa-bus text-center tm-icon"></i>
<h4 class="text-center tm-text-primary mb-4">Pendidikan Islami</h4>
<p>
Kurikulum terintegrasi antara ilmu agama dan umum, menanamkan nilai akhlak sejak dini.
</p>
</div>
<div class="col-lg-4 mt-5 mt-lg-0">
<i class="fas fa-4x fa-bicycle text-center tm-icon"></i>
<h4 class="text-center tm-text-primary mb-4">Pesantren Modern</h4>
<p>
Membentuk generasi hafidz Qur’an dan intelektual yang siap bersaing global.
</p>
</div>
<div class="col-lg-4 mt-5 mt-lg-0">
<i class="fas fa-4x fa-city text-center tm-icon"></i>
<h4 class="text-center tm-text-primary mb-4">Aksi Sosial & Kemanusiaan</h4>
<p>
Membantu kaum dhuafa, korban bencana, dan layanan kesehatan berbasis komunitas.
</p>
</div>
</div>
</section>
<section id="work" class="tm-section-pad-top">
<div class="container tm-container-gallery">
<div class="row">
<div class="text-center col-12">
<h2 class="tm-text-primary tm-section-title mb-4">Gallery Kami</h2>
<p class="mx-auto tm-work-description">
Kami percaya, kebaikan tak akan pernah berhenti mengalir jika kita mau bergerak bersama. Dukung langkah Yayasan Mathla'ul Anwar melalui donasi, kolaborasi program, atau menjadi relawan.
</p>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="mx-auto tm-gallery-container">
<div class="grid tm-gallery">
<a href="img/gallery-img-01.jpg">
<figure class="effect-honey tm-gallery-item">
<img src="img/gallery-tn-01.jpg" alt="Image" class="img-fluid">
<figcaption>
<h2><i>Dreamy <span>Honey</span> Now</i></h2>
</figcaption>
</figure>
</a>
<a href="img/gallery-img-02.jpg">
<figure class="effect-honey tm-gallery-item">
<img src="img/gallery-tn-02.jpg" alt="Image" class="img-fluid">
<figcaption>
<h2><i>Second <span>Honey</span> Now</i></h2>
</figcaption>
</figure>
</a>
<a href="img/gallery-img-03.jpg">
<figure class="effect-honey tm-gallery-item">
<img src="img/gallery-tn-03.jpg" alt="Image" class="img-fluid">
<figcaption>
<h2><i>Third <span>Honey</span> Now</i></h2>
</figcaption>
</figure>
</a>
<a href="img/gallery-img-04.jpg">
<figure class="effect-honey tm-gallery-item">
<img src="img/gallery-tn-04.jpg" alt="Image" class="img-fluid">
<figcaption>
<h2><i>Dreamy <span>Honey</span> Now</i></h2>
</figcaption>
</figure>
</a>
<a href="img/gallery-img-05.jpg">
<figure class="effect-honey tm-gallery-item">
<img src="img/gallery-tn-05.jpg" alt="Image" class="img-fluid">
<figcaption>
<h2><i>Fifth <span>Honey</span> Now</i></h2>
</figcaption>
</figure>
</a>
<a href="img/gallery-img-06.jpg">
<figure class="effect-honey tm-gallery-item">
<img src="img/gallery-tn-06.jpg" alt="Image" class="img-fluid">
<figcaption>
<h2><i>Sixth <span>Honey</span> Now</i></h2>
</figcaption>
</figure>
</a>
<a href="img/gallery-img-01.jpg">
<figure class="effect-honey tm-gallery-item">
<img src="img/gallery-tn-01.jpg" alt="Image" class="img-fluid">
<figcaption>
<h2><i>Dreamy <span>Honey</span> Now</i></h2>
</figcaption>
</figure>
</a>
<a href="img/gallery-img-02.jpg">
<figure class="effect-honey tm-gallery-item">
<img src="img/gallery-tn-02.jpg" alt="Image" class="img-fluid">
<figcaption>
<h2><i>Eighth <span>Honey</span> Now</i></h2>
</figcaption>
</figure>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Contact -->
<section id="contact" class="tm-section-pad-top tm-parallax-2">
<div class="container tm-container-contact">
<div class="row">
<div class="col-12">
<h2 class="mb-4 tm-section-title">Contact Us</h2>
<div class="mb-5 tm-underline">
<div class="tm-underline-inner"></div>
</div>
<p class="mb-5">
Nullam tincidunt, lacus a suscipit luctus, elit turpis tincidunt dui,
non tempus sem turpis vitae lorem. Maecenas eget odio in sapien ultrices
viverra vitae vel leo. Curabitur at elit eu risus pharetra pellentesque
at at velit.
</p>
</div>
<div class="col-sm-12 col-md-6 d-flex align-items-center tm-contact-item">
<a href="tel:0100200340" class="tm-contact-item-link">
<i class="fas fa-3x fa-phone mr-4"></i>
<span class="mb-0">010-020-0340</span>
</a>
</div>
<div class="col-sm-12 col-md-6 d-flex align-items-center tm-contact-item">
<a href="mailto:info@company.co" class="tm-contact-item-link">
<i class="fas fa-3x fa-envelope mr-4"></i>
<span class="mb-0">info@company.co</span>
</a>
</div>
<div class="col-sm-12 col-md-6 d-flex align-items-center tm-contact-item">
<a href="https://www.google.com/maps" class="tm-contact-item-link">
<i class="fas fa-3x fa-map-marker-alt mr-4"></i>
<span class="mb-0">Location on Maps</span>
</a>
</div>
<div class="col-sm-12 col-md-6 d-flex align-items-center tm-contact-item">
<form action="" method="get">
<input name="email" type="email" placeholder="Subscribe your email" class="tm-input" required />
<button type="submit" class="btn tm-btn-submit">Submit</button>
</form>
</div>
</div>
</div>
<footer class="text-center small tm-footer">
<p class="mb-0">
Copyright © 2019 Company Name
- Design: <a rel="nofollow" href="https://templatemo.com" class="tm-footer-link">Template Mo</a>
</p>
</footer>
</section>
<script src="js/jquery-1.9.1.min.js"></script>
<script src="slick/slick.min.js"></script>
<script src="magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.singlePageNav.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
function getOffSet(){
var _offset = 450;
var windowHeight = window.innerHeight;
if(windowHeight > 500) {
_offset = 400;
}
if(windowHeight > 680) {
_offset = 300
}
if(windowHeight > 830) {
_offset = 210;
}
return _offset;
}
function setParallaxPosition($doc, multiplier, $object){
var offset = getOffSet();
var from_top = $doc.scrollTop(),
bg_css = 'center ' +(multiplier * from_top - offset) + 'px';
$object.css({"background-position" : bg_css });
}
// Parallax function
// Adapted based on https://codepen.io/roborich/pen/wpAsm
var background_image_parallax = function($object, multiplier, forceSet){
multiplier = typeof multiplier !== 'undefined' ? multiplier : 0.5;
multiplier = 1 - multiplier;
var $doc = $(document);
// $object.css({"background-attatchment" : "fixed"});
if(forceSet) {
setParallaxPosition($doc, multiplier, $object);
} else {
$(window).scroll(function(){
setParallaxPosition($doc, multiplier, $object);
});
}
};
var background_image_parallax_2 = function($object, multiplier){
multiplier = typeof multiplier !== 'undefined' ? multiplier : 0.5;
multiplier = 1 - multiplier;
var $doc = $(document);
$object.css({"background-attachment" : "fixed"});
$(window).scroll(function(){
var firstTop = $object.offset().top,
pos = $(window).scrollTop(),
yPos = Math.round((multiplier * (firstTop - pos)) - 186);
var bg_css = 'center ' + yPos + 'px';
$object.css({"background-position" : bg_css });
});
};
$(function(){
// Hero Section - Background Parallax
background_image_parallax($(".tm-parallax"), 0.30, false);
background_image_parallax_2($("#contact"), 0.80);
// Handle window resize
window.addEventListener('resize', function(){
background_image_parallax($(".tm-parallax"), 0.30, true);
}, true);
// Detect window scroll and update navbar
$(window).scroll(function(e){
if($(document).scrollTop() > 120) {
$('.tm-navbar').addClass("scroll");
} else {
$('.tm-navbar').removeClass("scroll");
}
});
// Close mobile menu after click
$('#tmNav a').on('click', function(){
$('.navbar-collapse').removeClass('show');
})
// Scroll to corresponding section with animation
$('#tmNav').singlePageNav();
// Add smooth scrolling to all links
// https://www.w3schools.com/howto/howto_css_smooth_scroll.asp
$("a").on('click', function(event) {
if (this.hash !== "") {
event.preventDefault();
var hash = this.hash;
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 400, function(){
window.location.hash = hash;
});
} // End if
});
// Pop up
$('.tm-gallery').magnificPopup({
delegate: 'a',
type: 'image',
gallery: { enabled: true }
});
// Gallery
$('.tm-gallery').slick({
dots: true,
infinite: false,
slidesToShow: 5,
slidesToScroll: 2,
responsive: [
{
breakpoint: 1199,
settings: {
slidesToShow: 4,
slidesToScroll: 2
}
},
{
breakpoint: 991,
settings: {
slidesToShow: 3,
slidesToScroll: 2
}
},
{
breakpoint: 767,
settings: {
slidesToShow: 2,
slidesToScroll: 1
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}
]
});
});
</script>
</body>
</html>