.ih{--navy:#1a2340;--pink:#c4136f;--gold:#8f6a1c;--teal:#1a5c56;--cream:#f0e8df;--line:#e0d5c8;--mute:#5c5c5c;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--cream);color:#2c2c2c;line-height:1.65;overflow-x:hidden}
.ih *,.ih *::before,.ih *::after{box-sizing:border-box}
.ih h1,.ih h2,.ih h3{font-family:Georgia,"Times New Roman",serif;color:var(--navy);line-height:1.15;margin:0}
.ih h1{font-size:clamp(2rem,5vw,3.2rem)}
.ih h2{font-size:clamp(1.6rem,3.5vw,2.2rem);margin-bottom:8px}
.ih h3{font-size:1.1rem}
.ih p{margin:0;color:#3f3f3f}
.ih a{text-decoration:none;color:inherit}
.ih ul,.ih ol{margin:0;padding:0;list-style:none}
.ih a:focus-visible,.ih button:focus-visible{outline:3px solid var(--pink);outline-offset:2px}
.ih .ar{font-family:"Amiri","Geeza Pro","Noto Naskh Arabic","Traditional Arabic",serif;direction:rtl}
.ih .sec{padding:56px 5%;scroll-margin-top:70px;content-visibility:auto;contain-intrinsic-size:auto 600px}
.ih .alt{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ih .wrap{max-width:960px;margin:0 auto}
.ih .head{text-align:center;margin-bottom:26px}
.ih .head p{max-width:620px;margin:0 auto}
.ih .btn{display:inline-block;padding:13px 26px;border-radius:100px;font-weight:700;font-size:.92rem;background:var(--navy);color:#fff;min-height:46px}
.ih .btn.pk{background:var(--pink)}
.ih .btn.ol{background:transparent;color:var(--navy);border:2px solid rgba(26,35,64,.2)}
.ih .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.ih .hero{padding:48px 5% 40px;text-align:center}
.ih .hero h1 span{display:block;color:var(--pink);font-style:italic}
.ih .sub{max-width:580px;margin:16px auto 8px}
.ih .ask{font-weight:700;color:var(--navy);margin:24px 0 14px}
.ih .paths{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:960px;margin:0 auto}
.ih .path{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 12px}
.ih .path b{display:block;font-size:1.7rem}
.ih .path strong{display:block;color:var(--navy);font-size:.95rem}
.ih .path span{display:block;font-size:.8rem;color:var(--mute);line-height:1.4}
.ih .path:hover{border-color:var(--pink)}
.ih .stats{display:flex;gap:30px;justify-content:center;flex-wrap:wrap;margin-top:26px;color:var(--mute);font-size:.85rem}
.ih .stats b{font-family:Georgia,serif;font-size:1.5rem;color:var(--navy);margin-right:6px}
.ih .today{background:var(--teal);padding:20px 5%;color:#fff}
.ih .ti{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ih .today small{display:block;font-size:.75rem;opacity:.85}
.ih .today strong{font-family:Georgia,serif;font-size:1.6rem;display:block;line-height:1.2;min-height:1.2em}
.ih .today .g{display:block;font-size:.88rem;opacity:.9;min-height:1.4em}
.ih .today .btn{background:#fff;color:var(--teal)}
.ih .kstage{position:relative;height:250px;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;max-width:640px;margin:0 auto}
.ih .ks{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 22px;text-align:center;opacity:0;animation:ihsc 24s infinite;animation-delay:calc(var(--i)*4s)}
.ih .ks .ic{font-size:2.6rem;line-height:1;animation:ihpop 24s infinite;animation-delay:calc(var(--i)*4s)}
.ih .ks small{color:var(--gold);font-weight:700;font-size:.8rem}
.ih .ks p{font-size:.92rem;max-width:460px}
.ih .ks .bub{background:var(--cream);border-radius:14px;padding:8px 14px;font-size:.88rem;color:var(--navy);max-width:400px}
.ih .kbar{position:absolute;left:0;bottom:0;width:100%;height:4px;background:var(--pink);transform-origin:left;animation:ihbar 4s linear infinite}
.ih .kdots{display:flex;gap:6px;justify-content:center;margin-top:12px}
.ih .kdots i{position:relative;width:26px;height:5px;border-radius:3px;background:var(--line);overflow:hidden}
.ih .kdots i::after{content:"";position:absolute;inset:0;background:var(--navy);opacity:0;animation:ihdot 24s infinite;animation-delay:calc(var(--i)*4s)}
.ih .kwrap:hover :is(.ks,.ic,.kbar),.ih .kwrap:hover .kdots i::after{animation-play-state:paused}
@keyframes ihsc{0%{opacity:0;transform:translateY(12px)}2.5%,15%{opacity:1;transform:none}17.5%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes ihpop{0%{transform:scale(.6)}2.5%{transform:scale(1.15)}4%,100%{transform:none}}
@keyframes ihbar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes ihdot{0%,16.6%{opacity:1}16.7%,100%{opacity:0}}
.ih .tools .tool:last-child:nth-child(odd){grid-column:1/-1}
.ih .tools.three{grid-template-columns:repeat(3,1fr)}
@media(prefers-reduced-motion:reduce){.ih .kstage{height:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border:0;background:none;overflow:visible;max-width:none}.ih .ks{position:static;opacity:1;animation:none;background:#fff;border:1px solid var(--line);border-radius:14px}.ih .ks .ic{animation:none}.ih .kbar,.ih .kdots{display:none}}
.ih .quiz{background:var(--navy)}
.ih .quiz h2,.ih .quiz h3{color:#fff}
.ih .quiz .head p{color:rgba(255,255,255,.85)}
.ih .decks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:760px;margin:0 auto}
.ih .deck{background:#fff;border-radius:14px;padding:16px;text-align:center}
.ih .deck h3{color:var(--navy)}
.ih .deck span{display:block;font-size:.85rem;color:var(--mute)}
.ih .deck em{display:inline-block;margin-top:8px;font-style:normal;font-size:.78rem;font-weight:700;color:#256b2e;background:#eaf7ec;border-radius:99px;padding:3px 10px}
.ih .quiz .note{text-align:center;color:rgba(255,255,255,.85);font-size:.9rem;margin-top:14px}
.ih .support .wrap{max-width:680px;text-align:center}
.ih .support p{margin-top:10px}
.ih .tools{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.ih .tool{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}
.ih .tool p{font-size:.92rem;flex:1}
.ih .tool a.go{color:var(--pink);font-weight:700;font-size:.92rem;min-height:44px;display:inline-flex;align-items:center}
.ih .tool:hover{border-color:var(--pink)}
.ih .dc{background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:16px;padding:18px 20px 14px;max-width:560px;margin:0 auto}
.ih .dc-top{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:700;color:var(--gold)}
.ih .dc-reset{padding:12px 10px;background:none;border:0;font:600 .8rem system-ui,sans-serif;color:var(--mute);cursor:pointer}
.ih .dc-main{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:4px}
.ih .dc-ar{font-size:1.35rem;line-height:1.9;color:var(--navy);text-align:right}
.ih .dc-tr{font-size:.8rem;color:var(--mute)}
.ih .dc-tap{flex:none;width:84px;height:84px;border-radius:50%;border:0;cursor:pointer;background:var(--pink);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:manipulation;user-select:none}
.ih .dc-tap:active{transform:scale(.94)}
.ih .dc-count{font-family:Georgia,serif;font-size:1.7rem;font-weight:700;line-height:1}
.ih .dc-lbl{font-size:.65rem;font-weight:700;letter-spacing:.1em}
.ih .dc-bar{height:4px;background:var(--line);border-radius:9px;overflow:hidden;margin:10px 0 6px}
.ih .dc-fill{height:100%;width:0;background:var(--gold);transition:width .2s}
.ih .dc-meta{font-size:.78rem;color:var(--mute)}
.ih .cats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ih .cat{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;height:100%}
.ih .cat i{display:block;font-style:normal;font-size:1.6rem;margin-bottom:4px}
.ih .cat p{font-size:.8rem;color:var(--mute);line-height:1.4;margin-top:2px}
.ih .cat:hover{border-color:var(--pink)}
.ih .pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:22px}
.ih .pills a{font-size:.82rem;font-weight:600;color:var(--navy);background:#fff;border:1px solid var(--line);padding:11px 16px;border-radius:100px}
.ih .ban{max-width:960px;margin:0 auto 14px;background:var(--navy);border-radius:16px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.ih .ban strong{display:block;color:#fff;font-family:Georgia,serif;font-size:1.3rem}
.ih .ban span{color:rgba(255,255,255,.8);font-size:.9rem}
.ih .ban .btn{background:#fff;color:var(--navy)}
.ih .mail{text-align:center;background:#e8ddd2;content-visibility:visible}
.ih .mail .ar{font-size:1.4rem;color:var(--teal);line-height:2}
.ih .mail small{display:block;color:var(--teal);margin-bottom:16px}
@media(max-width:900px){.ih .cats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.ih .decks{grid-template-columns:1fr}.ih .paths{grid-template-columns:1fr 1fr}.ih .tools,.ih .tools.three{grid-template-columns:1fr}.ih .tools .tool:last-child:nth-child(odd){grid-column:auto}}@media(max-width:640px) and (prefers-reduced-motion:reduce){.ih .kstage{grid-template-columns:1fr}}
@media(max-width:520px){.ih .hero{padding:36px 4% 28px}.ih .sec{padding:40px 4%}.ih .paths{gap:10px}.ih .kstage{height:300px}.ih .path{padding:14px 8px}.ih .cta .btn,.ih .ban .btn{width:100%;text-align:center}.ih .ban{padding:22px 20px}}{"@context":"https://schema.org","@graph":[{"@type":"WebSite","name":"Islam Hashtag","url":"https://islamhashtag.com/"},{"@type":"Organization","name":"Islam Hashtag","url":"https://islamhashtag.com/"},{"@type":"ItemList","name":"Free Islamic Tools","itemListElement":[{"@type":"ListItem","position":1,"name":"Annotate Quran Word by Word","url":"https://islamhashtag.com/annotate-quran/"},{"@type":"ListItem","position":2,"name":"Islamic Notes Taking Tool","url":"https://islamhashtag.com/islamic-note-taking-online/"},{"@type":"ListItem","position":3,"name":"Arabic Keyboard","url":"https://islamhashtag.com/arabic-keyboard/"},{"@type":"ListItem","position":4,"name":"Digital Tasbih Counter","url":"https://islamhashtag.com/dhikr-tasbih-counter/"},{"@type":"ListItem","position":5,"name":"Kids Tafsir Classes","url":"https://kids.islamhashtag.com/"},{"@type":"ListItem","position":6,"name":"Hisnul Muslim Duas with Audio","url":"https://islamhashtag.com/learn-hisnul-muslim-dua/"}]}]}
Tafsir classes children love Each class explains why a verse was revealed, the lessons we can take, and how to stay safe from deception and the fitna of Dajjal.
🎧 Step 1 of 6 Listen to the class Why was the verse revealed, what lessons can we take, and how do we stay safe from deception and the fitna of Dajjal?
Why was this verse revealed?
💬 Step 2 of 6 Ask your ustadah Quranic mentoring: ask a qualified ustadah and get a clear, kind answer.
Ustadah, I have a question about today’s ayah!
🗣️ Step 3 of 6 Join the discussion Share what you learned with the other students and hear their thoughts.
I will try to be honest like in the lesson, in shaa Allah!
✏️ Step 4 of 6 Play, trace and annotate During the week, solve crosswords, trace the Qur’an and colour-annotate new words.
Crosswords, Trace Qur’an, Annotate Qur’an
⭐ Step 5 of 6 Earn Student of the Week or Month Take part in discussions each week, in shaa Allah.
🎬 Step 6 of 6 Enrol and get the recordings Watch every tafsir class again whenever it suits your family.
Islamic history flashcards and quizzes Learn the story of Islam deck by deck.
Islamic History 1 83 cards Try for free
Islamic History 2 93 cards Try for free
Guess the sahabi 84 cards Try for free Many more decks are available.
Books, audiobooks and worksheets Read, listen and print for your whole family.
Send blessings on the Prophet ﷺ Tap to count. No account needed.
اللَّهُمَّ صَلِّ وَسَلِّمْ عَلَىٰ نَبِيِّنَا مُحَمَّدٍ
O Allah, send blessings and peace upon our Prophet Muhammad ﷺ
0 TAP 0 / 100 Explore Islamic topics Authentically sourced articles, written with care for Muslim families worldwide.
Worksheets, printables and courses Print-ready Islamic learning for home and classroom
Browse Worksheets Support this work for the ummah Islam Hashtag is brought to you by a female scholar, built over 11 years to serve Muslim families around the world. It needs your support to continue.
Become a monthly supporter and unlock many additional features across the tools, while helping this work grow, in shaa Allah.
وَذَكِّرْ فَإِنَّ الذِّكْرَىٰ تَنفَعُ الْمُؤْمِنِينَ
“And remind, for indeed the reminder benefits the believers.” Surah Adh-Dhariyat 51:55 Weekly Islamic reminders in your inbox Authentic articles, dua reminders and free resource updates. No spam, ever.
(function(){try{var n=new Date(),h=document.getElementById('ihHijri'),g=document.getElementById('ihGreg');try{h.textContent=new Intl.DateTimeFormat('en-u-ca-islamic-umalqura',{day:'numeric',month:'long',year:'numeric'}).format(n)}catch(e){}try{g.textContent=new Intl.DateTimeFormat('en-US',{weekday:'long',day:'numeric',month:'long',year:'numeric'}).format(n)}catch(e){}}catch(e){}
var K='ih_darood_count',T=100,c=0,armed=false,tm,tap=document.getElementById('ihDcTap'),num=document.getElementById('ihDcCount'),fill=document.getElementById('ihDcFill'),meta=document.getElementById('ihDcMeta'),rs=document.getElementById('ihDcReset');
if(!tap||!num||!fill||!meta||!rs)return;
try{c=parseInt(localStorage.getItem(K),10)||0}catch(e){}
function save(){try{localStorage.setItem(K,String(c))}catch(e){}}
function render(){var r=c%T,full=c>0&&r===0,n=Math.floor(c/T);num.textContent=c;fill.style.width=(full?100:r)+'%';meta.textContent=(full?T:r)+' / '+T+(n>0?' · '+n+' round'+(n>1?'s':'')+' done':'');tap.setAttribute('aria-label','Count one darood. Current count '+c)}
tap.addEventListener('click',function(){c++;save();render();if(navigator.vibrate){try{navigator.vibrate(c%T===0?[30,40,30]:8)}catch(e){}}});
rs.addEventListener('click',function(){if(!armed){armed=true;rs.textContent='Tap again to confirm';tm=setTimeout(function(){armed=false;rs.textContent='Reset'},2500);return}clearTimeout(tm);armed=false;c=0;save();render();rs.textContent='Reset'});
render();})();
