
<!-- MASJID DESIGN -->
<div class="usman-body">
    
    <div class="container-fluid d-masjid-e-usman">
        <div class="row mobile-logo-row">
            <div class="col-sm-12 mobile-logo-column"></div>
        </div>
        <div class="row height-100">
        <div class="col-md-6 col-sm-12 col-12 left-main-column">
            <!-- LEFT SIDE TIME TABLE AND INFORMATION -->
            <div class="row left-main-col-dateandtime">
                <div class="col-md-4 col-sm-4 col-4 digital-clock">
                    <h2 id="hours"></h2><h2 id="colon">:</h2><h2 id="min"></h2>
                </div>
                <div class="col-md-2 col-sm-2 col-2 seconds-count">
                    <h4 id="sec">42</h4>
                    <p id="ampm">PM</p>
                </div>
                <div class="col-md-6 col-sm-6 col-6 english-arabic-date">
                    <p class="english-date">Thursday June 4, 2026</p> 
                    <p class="hijriDate"> ١٩  ١٤٤٧</p>                </div>
            </div>

            <div class="row left-main-col-prayernames">
                <div class="col-md-12 col-sm-12 col-12  prayernames-column">
                    <div class="row lmc-heading pt-2">
                        <div class="col-md-4 col-sm-4 col-4 empty-space"></div>
                        <div class="col-md-4 col-sm-4 col-4">
                            <h3 class="start-title">BEGINS</h3>
                        </div>
                        <div class="col-md-4 col-sm-4 col-4 jamah-column">
                            <h3 class="jamah-title">IQAMAH</h3>
                        </div>
                    </div>

                    <div class="row fajr-section ">
                        <div class="col-md-4 col-sm-4 col-4 fajr-title title-value">
                            <span class="title">Fajr</span>
                        </div>
                        <div class="col-md-4 col-sm-4 col-4 fajr-start-time time-value">
                            <h3><span class='dpt_start prayerFinished '>12:53 am</span></h3>
                        </div>
                        <div class="col-md-4 col-sm-4 col-4 fajr-jamah-time time-value">
                            <h3><span class='scFajr '><span class='dpt_jamah prayerFinished'>1:03 am</span></span></h3>
                        </div>
                    </div>

                    <div class="row zuhr-section ">
                        <div class="col-md-4 col-sm-4 col-4 zuhr-title title-value">
                            <span class="title">Zuhr</span>
                        </div>
                        <div class="col-md-4 col-sm-4 col-4 zuhr-start-time time-value">
                            <h3><span class='dpt_start  '>11:59 am</span></h3>
                        </div>
                        <div class="col-md-4 col-sm-4 col-4 zuhr-jamah-time time-value">
                            <h3><span class='scZuhr '><span class='dpt_jamah '>12:14 pm</span></span></h3>
                        </div>
                    </div>

                    <div class="row asr-section ">
                        <div class="col-md-4 col-sm-4 col-4 asr-title title-value">
                            <span class="title">Asr</span>
                        </div>
                        <div class="col-md-4 col-sm-4 col-4 asr-start-time time-value">
                            <h3><span class='dpt_start  '>5:33 pm</span></h3>
                        </div>
                        <div class="col-md-4 col-sm-4 col-4 asr-jamah-time time-value">
                            <h3><span class='scAsr '><span class='dpt_jamah '>5:48 pm</span></span></h3>
                        </div>
                    </div>

                    <div class="row maghrib-section ">
                        <div class="col-md-4 col-sm-4 col-4 maghrib-title title-value">
                            <span class="title">Maghrib</span>
                        </div>
                        <div class="col-md-4 col-sm-4 col-4 maghrib-start-time time-value">
                            <h3><span class='dpt_start  '>8:11 pm</span></h3>
                        </div>
                        <div class="col-md-4 col-sm-4 col-4 maghrib-jamah-time time-value">
                            <h3><span class='scMaghrib '><span class='dpt_jamah '>8:16 pm</span></span></h3>
                        </div>
                    </div>

                    <div class="row esha-section ">
                        <div class="col-md-4 col-sm-4 col-4 esha-title title-value">
                            <span class="title">Isha</span>
                        </div>
                        <div class="col-md-4 col-sm-4 col-4 esha-start-time time-value">
                            <h3><span class='dpt_start  '>11:04 pm</span></h3>
                        </div>
                        <div class="col-md-4 col-sm-4 col-4 esha-jamah-time time-value">
                            <h3><span class='scIsha '><span class='dpt_jamah '>11:14 pm</span></span></h3>
                        </div>
                    </div>

                    <div class="row jummah-section ">
                        <div class="col-md-4 col-sm-4 col-4 jummah-title title-value">
                            <span class="title">Jumuah</span>
                        </div>
                        <div class="col-md-8 col-sm-8 col-8 jummah-jamah-time time-value jummah">
                                                        <h3>1:00</h3>
                        <div class="col-md-8 jummah-jamah-time time-value jummah">
                            <span class="dsJumuah">1:15 pm</span> | <span class="dsJumuah">1:30 pm</span>                        </div>
                    </div>
                </div>
            </div>
        </div>            

        <div class="row left-main-col-sun-times pt-md-3 text-center highlight">

            <div class="col-md-3 col-sm-3 col-3 sub-sadiq-section">
                <p class="sub-sadiq-title">SUBH-SADIQ</p><br>
                <h4 class="sub-sadiq-time"><span class='dpt_start prayerFinished '>12:53 am</span></h4>
            </div>

            <div class="col-md-3 col-sm-3 col-3 sunrise-section">
                <p class="sunrise-tittle">Sunrise</p> <br>
                <h4 class="sunrise-time"><span class='dpt_sunrise  nextPrayer'>3:47 am</span></h4>
            </div>
            <div class="col-md-3 col-sm-3 col-3 zawaal-section">
                <p class="zawaal-title">Zawal</p><br>
                <h4 class="zawaal-time"><span class='dpt_sunrise  nextPrayer'>12:00 am</span></h4>
            </div>

            <div class="col-md-3 col-sm-3 col-3 sunset-section">
                <p class="sunset-title">SUNSET</p><br>
                <h4 class="sunset-time"><span class='dpt_start  '>8:11 pm</span></h4>
            </div>
        </div>

        <div class="row left-main-col-sun-times-2nd pt-md-3 text-center">
            <div class="col-md-3 next-prayer-section">
                            </div>
        </div>
    </div>


            <!-- RIGHT SIDE BANNER AND MASJID NAME -->

                     <div class="col-md-6 right-main-column height-100">
                <div class="row banner-section">
                
                        <div id="carouselExampleIndicators" class="carousel slide  height-100" data-bs-ride="carousel">
                            <div class="carousel-inner height-100">
                                
            <div class="row middle-row bg-red">
            <div id="carouselExampleIndicators" class="carousel slide  height-100" data-bs-ride="carousel">
                <div class="carousel-inner">
                    <div class="carousel-item height-100" data-bs-interval="10000">
	            <div class="nextPrayer">
	                <div class="align-middle-next-prayer">
	                    <h4 id="quranVerse" class="vertical"></h4>
	                </div>
	            </div>
	        </div>
                </div>
            </div>
        </div>
        
                            </div>
                        </div>
                                    </div>

                <div class="row masjid-name-logo">
                    <div class="col-md-3 logo-section">
                                            </div>
                    <div class="col-md-9 afterlogo-text">
                        <h1 class="bottomright-masjidname">alrahmancenter.org</h1>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{"id":42,"date":"2025-02-22T18:02:13","date_gmt":"2025-02-22T18:02:13","guid":{"rendered":"https:\/\/www.alrahmancenter.org\/?page_id=42"},"modified":"2025-02-22T18:03:40","modified_gmt":"2025-02-22T18:03:40","slug":"42-2","status":"publish","type":"page","link":"https:\/\/www.alrahmancenter.org\/?page_id=42","title":{"rendered":""},"content":{"rendered":"\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/builder-fullwidth-gb.php","meta":{"footnotes":""},"class_list":["post-42","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.alrahmancenter.org\/index.php?rest_route=\/wp\/v2\/pages\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.alrahmancenter.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.alrahmancenter.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.alrahmancenter.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.alrahmancenter.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=42"}],"version-history":[{"count":2,"href":"https:\/\/www.alrahmancenter.org\/index.php?rest_route=\/wp\/v2\/pages\/42\/revisions"}],"predecessor-version":[{"id":44,"href":"https:\/\/www.alrahmancenter.org\/index.php?rest_route=\/wp\/v2\/pages\/42\/revisions\/44"}],"wp:attachment":[{"href":"https:\/\/www.alrahmancenter.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}