Text + image

<h1>North York Muslim Association</h1>
<p class="large">Serving North York with daily <span style="color:#000000">prayers,</span> Jummah, and Islamic education for 20 years. Help us build a permanent home for 50,000+ Muslims in Uptown Toronto.</p>

Text

<h2 style="white-space:pre-line">Prayer Times</h2>
<p class="large">Please come for Taraweeh to the Gold Room. Taraweeh starts 15 minutes after Isha. For all other prayers, masjid closes 15 minutes after prayer time, please make sure you are on time.</p>
<p class="large">Download the Ramadan timetable <a href="https://drive.google.com/file/d/1lrEshTDb_9gQokERjFpXOl0JPEDxA-HY/view?usp=sharing" target="_blank">here.</a> </p>

Embed

<a
    data-masjidbox-widget="jEFSH0XJTWwZ7arS5MF2S"
    data-masjidbox-ifr 
    href="https://masjidbox.com/prayer-times/nyma"
>
    Prayer times North York Muslim Association - Please hard refresh your page and/or disable your Ad blocker if you aren't able to see the prayer times
</a>
<script type="text/javascript">
    var scriptMasji = document.createElement('script');
    scriptMasji.type = 'text/javascript';
    scriptMasji.async = true;
    scriptMasji.defer = true;
    scriptMasji.src = 'https://masjidbox.com/widgets/main.js?v=1.21.2';
    var nodeMasji = document.getElementsByTagName('script')[0];
    nodeMasji.parentNode.insertBefore(scriptMasji, nodeMasji);
</script>. 

<h2>Support Our First Permanent Masjid</h2>
<p class="large" style="text-align:left">Our growing community needs a permanent home. For 20 years, we've served from a small rented space that barely fits 20 brothers and 2 sisters. Now we have the opportunity to secure 11,400 square feet for North York's first permanent masjid. The Prophet Muhammad ﷺ said: "Whoever builds a masjid for Allah, Allah will build for him a house in Paradise."a house like it in Paradise.” Please watch our story and Sheikh Ala's appeal below:</p>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="https://cdn.jsdelivr.net/npm/@fontsource/general-sans@0.1.0/index.min.css" rel="stylesheet">
  <style>
    *{margin:0;padding:0;box-sizing:border-box}
    body{background:#fff;font-family:'General Sans',-apple-system,sans-serif;color:#1A2332}

    .widget{
      display:flex;align-items:center;
      gap:48px;padding:24px 40px;width:100%;
    }

    .ring-wrap{position:relative;flex-shrink:0;display:flex;align-items:center}
    .ring-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;white-space:nowrap}
    .ring-pct{font-size:56px;font-weight:800;color:#0D2B5C;line-height:1}
    .ring-pct span{font-size:32px;font-weight:700}
    .ring-sub{font-size:11px;letter-spacing:5px;color:#7A8A9E;margin-top:2px}

    .middle{display:flex;flex-direction:column;gap:12px;flex:1}

    .amounts{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
    .amt-saved{font-size:36px;font-weight:800;color:#2A6CB8;line-height:1.1}
    .amt-of{font-size:16px;color:#7A8A9E;font-weight:500}
    .amt-target{font-size:36px;font-weight:800;color:#0D2B5C;line-height:1.1}
    .amt-label{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#7A8A9E;margin-bottom:2px}

    .bar-outer{height:34px;background:#E8EDF4;border-radius:17px;overflow:hidden;width:100%}
    .bar-inner{height:100%;border-radius:17px;display:flex;align-items:center;justify-content:center;transition:width 1.4s cubic-bezier(.25,1,.5,1)}
    .bar-text{color:#fff;font-size:14px;font-weight:700;letter-spacing:.5px}

    .bottom-row{display:flex;align-items:center;gap:24px}
    .remain-block{text-align:left}
    .remain-val{font-size:24px;font-weight:700;color:#C0392B;line-height:1.2}
    .remain-label{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#7A8A9E}
    .sep{width:1px;height:36px;background:#DCE3ED}

    .closing-block{text-align:left}
    .closing-val{font-size:24px;font-weight:700;color:#1A2332;line-height:1.2}
    .days-badge{display:inline-block;margin-top:4px;padding:3px 12px;border-radius:12px;background:#C0392B;
      color:#fff;font-size:10px;font-weight:700;letter-spacing:1px}

    @media(max-width:768px){
      .widget{gap:28px;padding:20px 24px}
      .ring-pct{font-size:44px}
      .ring-pct span{font-size:26px}
      .amt-saved,.amt-target{font-size:28px}
      .remain-val,.closing-val{font-size:20px}
    }
    @media(max-width:550px){
      .widget{flex-direction:column;gap:20px;padding:20px 16px;align-items:center}
      .middle{width:100%;align-items:center}
      .amounts{justify-content:center}
      .bottom-row{justify-content:center}
      .remain-block,.closing-block{text-align:center}
    }
  </style>
</head>
<body>
<div class="widget">

  <div class="ring-wrap">
    <svg id="ring-svg" width="220" height="220"></svg>
    <div class="ring-label">
      <div class="ring-pct" id="ring-pct">0<span>%</span></div>
      <div class="ring-sub">FUNDED</div>
    </div>
  </div>

  <div class="middle">
    <div class="amt-label">Down Payment Progress</div>
    <div class="amounts">
      <div class="amt-saved" id="v-saved">$1,237,354</div>
      <div class="amt-of">of</div>
      <div class="amt-target" id="v-target">$1,600,000</div>
    </div>

    <div class="bar-outer">
      <div class="bar-inner" id="bar-inner" style="width:2%;background:linear-gradient(90deg,#2A6CB8,#1E4D8C)">
        <span class="bar-text" id="bar-text">0%</span>
      </div>
    </div>

    <div class="bottom-row">
      <div class="remain-block">
        <div class="remain-label">Remaining</div>
        <div class="remain-val" id="v-remain">$362,646</div>
      </div>
      <div class="sep"></div>
      <div class="closing-block">
        <div class="remain-label">Closing Date</div>
        <div class="closing-val" id="v-date">April 18, 2026</div>
        <div class="days-badge" id="v-days">48 DAYS LEFT</div>
      </div>
    </div>
  </div>

</div>

<script>
function drawRing(pct){
  var s=220,sw=20,r=(s-sw)/2,c=r*2*Math.PI,o=c-(pct/100)*c;
  document.getElementById('ring-svg').innerHTML=
    '<defs><linearGradient id="rg" x1="0%" y1="0%" x2="100%" y2="100%">'+
    '<stop offset="0%" stop-color="#3B7DD4"/><stop offset="50%" stop-color="#1E4D8C"/>'+
    '<stop offset="100%" stop-color="#0D2B5C"/></linearGradient>'+
    '<filter id="rs"><feDropShadow dx="0" dy="1" stdDeviation="4" flood-color="#1E4D8C" flood-opacity="0.15"/></filter></defs>'+
    '<circle cx="'+s/2+'" cy="'+s/2+'" r="'+r+'" fill="none" stroke="#E8F0FA" stroke-width="'+sw+'"/>'+
    '<circle cx="'+s/2+'" cy="'+s/2+'" r="'+r+'" fill="none" stroke="url(#rg)" stroke-width="'+sw+'"'+
    ' stroke-dasharray="'+c+'" stroke-dashoffset="'+o+'" stroke-linecap="round"'+
    ' transform="rotate(-90 '+s/2+' '+s/2+')" filter="url(#rs)"'+
    ' style="transition:stroke-dashoffset 1.6s cubic-bezier(0.34,1.56,0.64,1)"/>';
  document.getElementById('ring-pct').innerHTML=Math.round(pct)+'<span>%</span>';
}
function update(d){
  var t=d.target||1600000,s=d.savings||1103400,rem=Math.max(t-s,0);
  var pct=t>0?Math.min((s/t)*100,100):0;
  var cl=new Date((d.closingDate||'2026-04-18')+'T00:00:00');
  var days=Math.max(0,Math.ceil((cl-new Date())/86400000));
  document.getElementById('v-target').textContent='$'+t.toLocaleString();
  document.getElementById('v-saved').textContent='$'+s.toLocaleString();
  document.getElementById('v-remain').textContent='$'+rem.toLocaleString();
  document.getElementById('v-date').textContent=cl.toLocaleDateString('en-US',{month:'long',day:'numeric',year:'numeric'});
  document.getElementById('v-days').textContent=days+' DAYS LEFT';
  document.getElementById('bar-text').textContent=Math.round(pct)+'% FUNDED';
  setTimeout(function(){document.getElementById('bar-inner').style.width=pct+'%';drawRing(pct)},200);
}
drawRing(0);
var DATA_URL='https://progress.northyorkma.com/data.json';
function load(){fetch(DATA_URL+'?t='+Date.now()).then(function(r){return r.json()}).then(update).catch(function(){
  update({target:1600000,savings:1103400,closingDate:'2026-04-18',donateUrl:'https://nyma.ca/donate'})});}
load();setInterval(load,60000);
</script>
</body>
</html>

<h2>Three Ways to Donate:</h2>
<p class="large"><span style="color:#264dc9"><strong><a style="color:#264dc9" href="https://northyorkma.com/newmasjid" target="_blank">Donate directly:</a> </strong></span>Your donation goes directly to our new masjid fund. Set up convenient recurring donations to sustain our progress.</p>
<p class="large"><span style="color:#1d57fc"><strong><a style="color:#1d57fc" href="https://www.launchgood.com/"><span style="color:#264dc9">Donate via LaunchGood:</span></a></strong></span> Helps us receive platform bonuses and increases our visibility to potential supporters worldwide.</p>
<p class="large"><strong><span style="color:#264dc9">E-Transfer to:</span></strong> nymafunds@gmail.com </p>
<p class="large">We are a registered charity and both options provide tax receipts. Your contribution is a lasting investment in our community's future.</p>

<h1 style="white-space:pre-line">Unite in Faith</h1>
<p class="large">Experience Islamic values and community at the North York Muslim Association (NYMA). Our small welcoming masjid offers spiritual growth and meaningful community engagement.</p>

List

Masjid Offerings

<p>Join us for daily prayers and experience the community spirit. Everyone is welcome.</p>

Daily Prayers

<p>Sign up for classes. Learn to read and understand the Holy Quran.</p>

Quran Classes

<h1 style="white-space:pre-line">About Us</h1>
<p class="large">NYMA is a vibrant community fostering authentic Islamic values and personal growth. We empower Muslims to thrive spiritually while actively contributing to Canadian society. Join us in building an inclusive, impactful community rooted in faith and engaged with the world around us.</p>

Location

<p><a href="https://maps.app.goo.gl/XJGmi2XFpBqDsr4Z6">North York Memorial Community Hall. same concourse level, left of Book Ends store</a></p>

Jummah Prayer

Phone Number

Masjid Location

Contact form

<h3>Reach us</h3>
<p>We're here for you! Reach us through this form or email  <a href="mailto:info@northyorkma.com">info@northyorkma.com</a> and we'll reply as soon as possible.</p>

North York Muslim Association

Prayer Times

Support Our First Permanent Masjid

Three Ways to Donate:

Unite in Faith

Masjid Offerings

About Us

FAQ

Reach us