<!DOCTYPE html>
<html dir="rtl" data-theme="books">
<head>
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<link rel="icon" href="https://darulifta.info/assets/public/icon/512.png" type="image/png">
<meta property="og:image" content="https://darulifta.info/assets/public/icon/512.png" />
<meta property="og:image:width" content="500" />
<meta property="og:image:height" content="313" />
<link rel="preload" href="https://darulifta.info/assets/public/fonts/mehr_nastaliq_web.ttf" as="font" type="font/ttf" crossorigin >
<link rel="manifest" href="https://darulifta.info/assets/public/manifest.json">
<title>دار الافتاء</title>
<link rel='stylesheet' href='https://darulifta.info/assets/style.css?v=2023-12-28 16:13:18'>
<script src='https://darulifta.info/assets/flowbite.min.js?v=2023-12-28 16:13:18'></script>
<meta property="og:image" content="https://darulifta.info/assets/images/og.icon.png" /><meta property="og:image:width" content="500" /><meta property="og:image:height" content="313" /></head>
<body class="font-ur ">
<div>
<header>
<div class="navbar bg-base-100 shadow-lg">
<div class="navbar-start">
<div class="dropdown">
<div tabindex="0" role="button" class="btn btn-ghost btn-circle">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h7" /></svg>
</div>
<ul tabindex="0" class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-100 rounded-box w-52">
<li><a href="https://darulifta.info/">ہوم پیج</a></li>
<li><a href="https://darulifta.info/ask">سوال پوچھیں</a></li>
<li><a href="https://darulifta.info/ask"> تعارف </a></li>
</ul>
</div>
</div>
<div class="navbar-center">
<a href="https://darulifta.info/" class="flex items-center">
<img src="https://darulifta.info/assets/images/nav-bar-logo.png" class="h-6 mr-3 sm:h-9" alt="Flowbite Logo" />
</a>
</div>
<div class="navbar-end">
<a href="https://darulifta.info/search" class="btn btn-ghost btn-circle">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /></svg>
</a>
<a href="https://darulifta.info/accounts/log/in/?return=http%253A%252F%252Fdarulifta.info%252F" class="btn btn-ghost btn-circle"><i class="icon-[mdi--account] text-2xl ml-1 align-middle"></i> </a>
</div>
</div>
</header>
<section class=" border bg-bottom bg-cover bg-no-repeat" style="background-image: url('https://darulifta.info/assets/images/bg.jpg')">
<div class=" h-full w-full py-32 " style="background-color: rgba(0, 0, 0, 0.7)">
<div class="container">
<div class="flex justify-center ">
<form mathod="get" action="search" class=" w-full mx-5 sm:w-2/4">
<div class="relative">
<div class="absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none">
</div>
<div class="join w-full " style="box-shadow: 10px 5px 5px 0px rgba(0,0,0,0.6);">
<input type="search" name="q" type="search" placeholder="تلاش کے الفاظ۔۔۔" class="join-item input w-3/4" required>
<button type="submit" class="btn btn-primary join-item w-1/4 ">
<i class="icon-[mdi--search] text-2xl ml-1"></i>
<span class="hidden md:block">تلاش</span>
</button>
</div>
</div>
</form>
</div>
<div class=" text-2xl text-white mt-5">
<div class="text-center" style="text-shadow: 2px 2px 5px #000;"><span class='count '>112552</span> مستند فتاوی میں تلاش کی سہولت </div>
</div>
</div>
</div>
</section>
<!-- /CONTENT -->
<section class=" bg-gray-50 ">
<div class="flex flex-col md:flex-row container">
<!-- right col start -->
<div class="w-full md:w-1/5 ">
<div>
<div class="bg-white border rounded-lg p-3 m-3">
<div>
<ul class="menu bg-base-100 w-full rounded-box">
<li class="menu-title text-xl">
فہرست دار الافتاء
</li>
<li class=" "><a href="https://darulifta.info/d/deoband"><i class="icon-[mdi--home] text-2xl ml-1" style="color: #009688"></i>
<span class="text-base">
دار الافتاء دار العلوم دیوبند
</span>
</a>
</li>
<li class=" "><a href="https://darulifta.info/d/deobandw"><i class="icon-[mdi--home] text-2xl ml-1" style="color: #009688"></i>
<span class="text-base">
دار الافتاء دار العلوم (وقف) دیوبند
</span>
</a>
</li>
<li class=" "><a href="https://darulifta.info/d/darululoomkarachi"><i class="icon-[mdi--home] text-2xl ml-1" style="color: #009688"></i>
<span class="text-base">
دار الافتاء دار العلوم کراچی
</span>
</a>
</li>
<li class=" "><a href="https://darulifta.info/d/banuritown"><i class="icon-[mdi--home] text-2xl ml-1" style="color: #009688"></i>
<span class="text-base">
دار الافتاء جامعۃ العلوم الاسلامیۃ بنوری ٹاؤن
</span>
</a>
</li>
<li class=" "><a href="https://darulifta.info/d/ashrafulmadaris"><i class="icon-[mdi--home] text-2xl ml-1" style="color: #009688"></i>
<span class="text-base">
دار الافتاء اشرف المدارس کراچی
</span>
</a>
</li>
<li class=" "><a href="https://darulifta.info/d/khairulmadaris"><i class="icon-[mdi--home] text-2xl ml-1" style="color: #009688"></i>
<span class="text-base">
دار الافتاء خیر المدارس ملتان
</span>
</a>
</li>
<li class=" "><a href="https://darulifta.info/d/haqqania"><i class="icon-[mdi--home] text-2xl ml-1" style="color: #009688"></i>
<span class="text-base">
دار الافتاء جامعہ حقانیہ اکوڑہ خٹک
</span>
</a>
</li>
<li class=" "><a href="https://darulifta.info/d/farooqia"><i class="icon-[mdi--home] text-2xl ml-1" style="color: #009688"></i>
<span class="text-base">
دار الافتاء جامعہ فاروقیہ
</span>
</a>
</li>
<li class=" "><a href="https://darulifta.info/d/jamiaturrasheed"><i class="icon-[mdi--home] text-2xl ml-1" style="color: #009688"></i>
<span class="text-base">
دار الافتاء جامعۃ الرشید کراچی
</span>
</a>
</li>
<li class=" "><a href="https://darulifta.info/d/ashrafia"><i class="icon-[mdi--home] text-2xl ml-1" style="color: #009688"></i>
<span class="text-base">
دار الافتاء جامعہ اشرفیہ لاہور
</span>
</a>
</li>
<li class=" "><a href="https://darulifta.info/d/onlinefatawa"><i class="icon-[mdi--home] text-2xl ml-1" style="color: #009688"></i>
<span class="text-base">
دار الافتاء جامعہ بنوریہ کراچی
</span>
</a>
</li>
<li class=" "><a href="https://darulifta.info/d/usmaniapsh"><i class="icon-[mdi--home] text-2xl ml-1" style="color: #009688"></i>
<span class="text-base">
دار الافتاء جامعہ عثمانیہ پشاور
</span>
</a>
</li>
</ul>
</div>
<div class="flex justify-center">
<a href="https://darulifta.info/d" class="btn btn- btn-xs px-5 font-base text-gray-600 font-bold "> مزید <i class="icon-[material-symbols--more-horiz] align-middle ml-1 "></i>
</a>
</div>
</div>
</div>
</div>
<div class="w-full md:w-3/5 ">
<div class=" bg-slate-100 border rounded-lg p-3 m-3">
<h2 class="m-2 p-2 text-center text-2xl"> <i class="icon-[wpf--ball-point-pen] text-2xl ml-1 align-middle text-gray-400"></i> <b>تازہ ترین فتاوی</b></h2>
<div class="m-2 mt-0 ">
<div class="bg-white border rounded-lg p-3 m-3 shadow-lg hover:shadow-2xl hover:bg-green-50 ">
<div >
<div class="">
<h4 class="text-lg md:text-xl leading-loose"><a class="link-reset" href="https://darulifta.info/d/banuritown/fatwa/95h/وصال-کے-وقت-حضور-صلی-اللہ-علیہ-وسلم-سے-فرشتوں-کے-اجازت-لینے-سے-متعلق-روایات-کی-تحقیق">وصال کے وقت حضور صلی اللہ علیہ وسلم سے فرشتوں کے اجازت لینے سے متعلق روایات کی تحقیق</a></h4>
</div>
</div>
<div class="mt-3">
<span class="badge badge-primary" ><a class="link-reset" href="https://darulifta.info/d/banuritown"><i class="fa fa-home ml-1"></i> دار الافتاء جامعۃ العلوم الاسلامیۃ بنوری ٹاؤن</a></span>
<span class="text-xs mt-2 clear-both inline-block md:float-left lbl bg-green-50 border-gray-50 ">ویب نشر:2024-06-16</span>
</div>
</div>
</div> <div class="m-2 mt-0 ">
<div class="bg-white border rounded-lg p-3 m-3 shadow-lg hover:shadow-2xl hover:bg-green-50 ">
<div >
<div class="">
<h4 class="text-lg md:text-xl leading-loose"><a class="link-reset" href="https://darulifta.info/d/banuritown/fatwa/95g/اسکول-ٹیچر-کاسستی-کی-وجہ-سے-کچھ-اسباق-کلاسیں-نہ-پڑھانا">اسکول ٹیچر کاسستی کی وجہ سے کچھ اسباق (کلاسیں ) نہ پڑھانا</a></h4>
</div>
</div>
<div class="mt-3">
<span class="badge badge-primary" ><a class="link-reset" href="https://darulifta.info/d/banuritown"><i class="fa fa-home ml-1"></i> دار الافتاء جامعۃ العلوم الاسلامیۃ بنوری ٹاؤن</a></span>
<span class="text-xs mt-2 clear-both inline-block md:float-left lbl bg-green-50 border-gray-50 ">ویب نشر:2024-06-16</span>
</div>
</div>
</div> <div class="m-2 mt-0 ">
<div class="bg-white border rounded-lg p-3 m-3 shadow-lg hover:shadow-2xl hover:bg-green-50 ">
<div >
<div class="">
<h4 class="text-lg md:text-xl leading-loose"><a class="link-reset" href="https://darulifta.info/d/banuritown/fatwa/95f/رضاعی-بہن-سے-معانقے-کا-شرعی-حکم">رضاعی بہن سے معانقے کا شرعی حکم</a></h4>
</div>
</div>
<div class="mt-3">
<span class="badge badge-primary" ><a class="link-reset" href="https://darulifta.info/d/banuritown"><i class="fa fa-home ml-1"></i> دار الافتاء جامعۃ العلوم الاسلامیۃ بنوری ٹاؤن</a></span>
<span class="text-xs mt-2 clear-both inline-block md:float-left lbl bg-green-50 border-gray-50 ">ویب نشر:2024-06-16</span>
</div>
</div>
</div> <div class="m-2 mt-0 ">
<div class="bg-white border rounded-lg p-3 m-3 shadow-lg hover:shadow-2xl hover:bg-green-50 ">
<div >
<div class="">
<h4 class="text-lg md:text-xl leading-loose"><a class="link-reset" href="https://darulifta.info/d/banuritown/fatwa/95e/ساتویں-دن-عقیقہ-نہ-کرسکے-تو-کس-دن-عقیقہ-کرے">ساتویں دن عقیقہ نہ کرسکے تو کس دن عقیقہ کرے؟</a></h4>
</div>
</div>
<div class="mt-3">
<span class="badge badge-primary" ><a class="link-reset" href="https://darulifta.info/d/banuritown"><i class="fa fa-home ml-1"></i> دار الافتاء جامعۃ العلوم الاسلامیۃ بنوری ٹاؤن</a></span>
<span class="text-xs mt-2 clear-both inline-block md:float-left lbl bg-green-50 border-gray-50 ">ویب نشر:2024-06-16</span>
</div>
</div>
</div> <div class="m-2 mt-0 ">
<div class="bg-white border rounded-lg p-3 m-3 shadow-lg hover:shadow-2xl hover:bg-green-50 ">
<div >
<div class="">
<h4 class="text-lg md:text-xl leading-loose"><a class="link-reset" href="https://darulifta.info/d/banuritown/fatwa/95d/میاں-بیوی-کا-رخصتی-سے-پہلے-جنسی-گفتگو-کرنا">میاں بیوی کا رخصتی سے پہلے جنسی گفتگو کرنا</a></h4>
</div>
</div>
<div class="mt-3">
<span class="badge badge-primary" ><a class="link-reset" href="https://darulifta.info/d/banuritown"><i class="fa fa-home ml-1"></i> دار الافتاء جامعۃ العلوم الاسلامیۃ بنوری ٹاؤن</a></span>
<span class="text-xs mt-2 clear-both inline-block md:float-left lbl bg-green-50 border-gray-50 ">ویب نشر:2024-06-16</span>
</div>
</div>
</div>
<a href="https://darulifta.info/latest_fatawa" class="btn btn-sm font-base text-gray-600 font-bold float-left btn-outline">مزید <i class="icon-[material-symbols--more-horiz] align-middle ml-1 text-2xl "></i>
</a>
<div class="clear-both "></div>
</div>
</div>
<!-- right col start -->
<div class="w-full md:w-1/5 ">
<div>
<div class=" bg-yellow-100 p-3 rounded shadow m-3">
<h3 class="font-bold md:text-xl ">
دار الافتاء ڈاٹ انفو ایپ
</h3>
<div class="my-5 text-base" >
فتاوی سرچ انجن، اوزان شرعیہ، ودیگر مفید فقہی خدمات سے آراستہ مفید ایپ
</div>
<div class="flex justify-center">
<a href="https://play.google.com/store/apps/details?id=info.darulifta.lite" class="btn btn-primary btn-sm " target="_blank">
Install App</a>
</div>
</div>
</div>
</div>
</div>
</section><!-- BOTTOM -->
<footer dir="rtl" class="border-t-8 border-gray-100 bg-[#222] text-white sm:p-20 dark" >
<div class="grid grid-cols-1 md:grid-cols-3 divide-x divide-x-reverse divide-gray-500 " >
<div class=" p-5">
<h4 class="text-white font-bold text-lg mb-2"> دار الافتاء ڈاٹ انفو۔۔ مختصر تعارف</h4>
<ul class=" list-outside text-base text-gray-300 ">
<li>-مختلف دار الافتاؤں کے فتاوی سے استفادہ کرنے کے لئے ایک منفرد سرچ انجن</li>
<li>- دنیا بھر کے دار الافتاؤں کی ویب سائٹس پر موجود فتاوی یکجا </li>
<li>- یونیکوڈ، پی ڈی ایف فارمیٹ میں دستیاب۔ </li>
<li>- مستند با حوالہ فتاوی </li>
</ul>
</div>
<div class=" p-5">
<h4 class=" text-white font-bold text-lg mb-2"> مفید ذیلی خدمات</h4>
<ul class="max-w-md s pace-y-1 text-base">
<li class="flex items-center">
<svg class="w-4 h-4 mr-1.5 text-green-400 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg> <b><a href="https://play.google.com/store/apps/details?id=info.darulifta.lite">دار الافتاء اینڈرائیڈ ایپلیکیشن</a></b></li>
<li class="flex items-center"> <svg class="w-4 h-4 mr-1.5 text-green-400 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg><b> <a href="https://play.google.com/store/apps/details?id=info.awzan.darulifta" target="_blank" >اوزان شرعیہ ایپ </a></b></li>
<li class="flex items-center"> <svg class="w-4 h-4 mr-1.5 text-green-400 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg><b> <a href="https://m.darulifta.info/#/wzn_smry">مختلف شرعی اوزان ومقادیر</a></b></li>
<li class="flex items-center"> <svg class="w-4 h-4 mr-1.5 text-green-400 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg> <b><a href="https://m.darulifta.info/#/zakat">زکوۃ کے حساب کا فارم</a></b></li>
<li class="flex items-center"> <svg class="w-4 h-4 mr-1.5 text-green-400 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg> <b><a href="https://t.me/FatwaBot">تلاش فتوی ٹیلی گرام بوٹ </a></b></li>
<li class="flex items-center"> <svg class="w-4 h-4 mr-1.5 text-green-400 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg> <b><a href="https://quran.ttwir.com" target="_blank">قرآن لائبریری</a></b></li>
<li class="flex items-center"> <svg class="w-4 h-4 mr-1.5 text-green-400 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg> <b><a href="https://m.darulifta.info/#/edda" target="_blank">حساب عدت وفات</a></b></li>
</ul>
</div>
<!-- <div class=" p-5 ">
<h4 class="text-white font-bold text-lg mb-2">رابطہ وتجاویز</h4>
<ul class="list-outside text-base text-gray-300 ">
<li> </li>
</ul>
<p class="text-white text-sm mb-5" >یہ فارم صرف آراء وتجاویز ارسال کرنے کے لئے ہے ۔۔ مسائل پوچھنے اور فتوی حاصل کرنے کے لئے
<a href="https://darulifta.info/ask">( یہاں کلک کریں)</a>
</p>
<div id="inputs" class="grid grid-cols-1 gap-2" >
<div class="">
<input name="name" class=" w-full input input-sm" type="text" placeholder="آپ کا نام">
</div>
<div class="">
<input name="email" class="w-full input input-sm" type="email" dir="ltr" placeholder="E-mail">
</div>
<div>
<textarea class="w-full input textarea-sm" name="text" placeholder="پیغام کی عبارت"></textarea>
</div>
<div>
<button class="domajax click btn btn-sm" data-endpoint="https://darulifta.info/ajax/forms/footer_form" data-input="#inputs" data-lock="#inputs" data-output="#output">بھیجیں</button>
<div id="output" class="mt-3"></div>
</div>
</div>
</div> -->
<div class=" p-5">
<h4 class="text-white font-bold text-lg mb-2">سوشل میڈیا</h4>
<div class="mt-3 mb-3">
<a target="_blank" href="https://t.me/darulifta_info" class="uk-icon-button uk-link-reset"><i class="fab fa-telegram-plane" title="Telegram"></i></a>
<a target="_blank" title="Facebook" href="https://fb.com/darulifta.info" class="uk-icon-button uk-link-reset"><i class="fab fa-facebook-f"></i></a>
</div>
</div>
</div>
<div class="">
<hr class=" border-t mb-5">
<div class="text-center p-2 text-sm ">
Powered by <a href="https://darulifta.info/" target="_blank">Darulifta.info</a>
</div>
</div>
</footer>
<!-- /FOOTER -->
</div>
<!--end vue div-->
</body>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-145444883-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-145444883-1');
</script>
<style>.a2a_svg, .a2a_count { border-radius: 0 !important; }@media (min-width: 768px) {
.a2a_kit{
position: fixed;z-index:10;top: 30%;left: 0;transform: translate(0%, -50%);
}
}
@media (max-width: 767px) {.a2a_kit{position: fixed;z-index:10;bottom: -20px;margin-right: auto;margin-left: auto;left: 50%;transform: translate(-50%, 0);
}ul.a2a_kit li {width: auto;margin: -2px;float: right;
margin-top: 10px;}}</style>
<ul class="uk-list a2a_kit a2a_kit_size_32 a2a_default_style" style=""><li><a class="a2a_dd" href="https://www.addtoany.com/share"></a></li><li><a class="a2a_button_facebook" ></a></li><li><a class="a2a_button_twitter"></a></li><li><a class="a2a_button_whatsapp uk-visible-small"></a></li><li><a class="a2a_button_email uk-visible-small"></a></li></ul><script>var a2a_config = a2a_config || {};a2a_config.num_services = 4;</script><script async src="https://static.addtoany.com/menu/page.js"></script><script>
var countElements = document.querySelectorAll('.count');
countElements.forEach(function(element) {
var counter = 0;
var targetCount = parseInt(element.textContent, 10);
var duration = 2000; // Duration in milliseconds
var jumpAmount = Math.ceil(targetCount / (duration / 50)); // Calculate the jump amount
var animation = setInterval(function() {
counter += jumpAmount;
if (counter >= targetCount) {
counter = targetCount;
clearInterval(animation);
}
element.textContent = formatNumberWithCommas(counter); // Format the counter with commas
}, 50); // Set interval duration (50 milliseconds in this example)
});
function formatNumberWithCommas(number) {
return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
</script>
<!-- ***** Preloader Start ***** -->
<div id="preloader">
<div class="jumper">
<div></div>
<div></div>
<div></div>
</div>
</div>
<script>
window.addEventListener('load', function() {
var cover = document.querySelector('.cover');
if (cover) {
var imageSrc = cover.getAttribute('data-image');
cover.style.zIndex = '1';
cover.style.backgroundImage = 'url(' + imageSrc + ')';
}
var preloader = document.getElementById('preloader');
preloader.style.opacity = '0';
setTimeout(function() {
preloader.style.visibility = 'hidden';
preloader.style.display = 'none';
}, 600);
});
</script>
<style>
/*
---------------------------------------------
preloader
---------------------------------------------
*/
#preloader {
overflow: hidden;
background-image: linear-gradient(135deg, #ffd24c 0%, #5fd158 100%);
left: 0;
right: 0;
top: 0;
bottom: 0;
position: fixed;
z-index: 9999;
color: #fff;
}
#preloader .jumper {
left: 0;
top: 0;
right: 0;
bottom: 0;
display: block;
position: absolute;
margin: auto;
width: 50px;
height: 50px;
}
#preloader .jumper > div {
background-color: #fff;
width: 10px;
height: 10px;
border-radius: 100%;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
opacity: 0;
width: 50px;
height: 50px;
-webkit-animation: jumper 1s 0s linear infinite;
animation: jumper 1s 0s linear infinite;
}
#preloader .jumper > div:nth-child(2) {
-webkit-animation-delay: 0.33333s;
animation-delay: 0.33333s;
}
#preloader .jumper > div:nth-child(3) {
-webkit-animation-delay: 0.66666s;
animation-delay: 0.66666s;
}
@-webkit-keyframes jumper {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
5% {
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@keyframes jumper {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
5% {
opacity: 1;
}
100% {
opacity: 0;
}
}
</style>
<!-- ***** Preloader End ***** -->
</html>