Final Sarah button

<hr role="tournament4" />
<hr class="style-eight" />
<style>
    .mail-tab {
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
        padding: 45px 25px 25px 30px;
        background: #ffffff;
        border-radius: 20px;
        position: relative;
        margin-top: 50px;
        cursor: pointer;
        border: 1px solid #3700ff;
        box-shadow: 0px 0px 20px #06a4ff;
        transition: all 0.5s ease 0s;
    }

.mail-tab:hover,
    .mail-tab.active {
        background: rgb(255, 255, 255);
        border: 1px solid rgb(0, 0, 0);
        box-shadow: 0px 0px 20px #F9EABD;
    }

.mail-tab .check-icon {
        position: absolute;
        top: -40px;
        margin: 0 auto 0 -20px;
        left: 50%;
        opacity: 0;
        transition: all 0.5s ease 0s;
    }

.mail-tab:hover .check-icon,
    .mail-tab.active .check-icon {
        opacity: 1;
        top: -20px;
    }

.mail-tab .check-icon img {
        width: 40px;
        height: 40px;
        border-radius: 2px;
        box-shadow: 0 2px 2px #168150;
    }

.mail-tab .ctgy-icon {
        height: 60px;
        width: 80px;
        margin-left: -30px;
        position: absolute;
        left: 50%;
    }

.mail-tab .ctgy-icon img {
        height: 60px;
        width: 80px;
    }

h2 {
        text-align: center;
        margin: 10px 0;
    }

.mail-tab h3 {
        text-align: center;
        color: rgb(0, 0, 0);
        padding: -5px 0;
        margin-top: -34px;
        font-size: 20px;
        letter-spacing: 1px;
    }

.mail-tab:hover h3,
    .mail-tab.active h3 {
        color: #000000;
    }

.mail-tab h4 {
        text-align: right;
        color: rgb(0, 0, 0);
        padding: 5px 0;
        margin-top: -54px;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
        font-size: 22px;
        letter-spacing: 1px;
    }

.mail-tab:hover h4,
    .mail-tab.active h4 {
        color: #000000;
    }

.mail-tab i {
        text-align: center;
        color: rgba(153, 153, 153, 1);
        padding: 0;
        font-size: 36px;
        width: 100%;
        margin-top: 20px;
        visibility: hidden;
    }

.mail-tab:hover i,
    .mail-tab.active i {
        color: #f2f2f2
    }

.mail-tab .cta-btn {
        position: absolute;
        width: 100%;
        bottom: -25px;
        margin-left: -25px;
        text-align: center;
        opacity: 0;
        transition: all 0.5s ease 0s;
    }

.mail-tab:hover .cta-btn,
    .mail-tab.active .cta-btn {
        opacity: 1;
        bottom: -9px;
    }

.mail-tab .cta-btn a {
        background: #32BA7C;
        text-align: center;
        padding: 10px 35px;
        font-size: 14px;
        color: #fff;
        border-radius: 20px;
        letter-spacing: 1px;
        text-decoration: none;
        box-shadow: 0 -1px 1px #168150
    }

.cta-title {
        text-align: center;
        color: rgba(136, 136, 136, 1);
        padding: 15px 0;
        font-size: 26px;
        letter-spacing: 1px;
        margin-top: 40px;
    }

.fuller {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
    }

.fuller .full-anchor {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }
</style>
<style>
    html {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%
    }

body {
        margin: 0
    }

a {
        background-color: transparent
    }

a:active,
    a:hover {
        outline: 0
    }

h1 {
        margin: .67em 0;
        font-size: 2em
    }

img {
        border: 0
    }

* {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

:after,
    :before {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

html {
        font-size: 10px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

body {
        font-size: 14px;
        line-height: 1.42857143;
    }

button,
    textarea {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit
    }

a {
        color: #337ab7;
        text-decoration: none
    }

a:focus,
    a:hover {
        color: #23527c;
        text-decoration: underline
    }

a:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

img {
        vertical-align: middle
    }

.carousel-inner>.item>a>img,
    .carousel-inner>.item>img,
    .img-responsive,
    .thumbnail a>img,
    .thumbnail>img {
        display: block;
        max-width: 100%;
        height: auto
    }

.img-rounded {
        border-radius: 6px
    }

.img-thumbnail {
        display: inline-block;
        max-width: 100%;
        height: auto;
        padding: 4px;
        line-height: 1.42857143;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

.img-circle {
        border-radius: 50%
    }

hr {
        margin-top: 20px;
        margin-bottom: 20px;
        border: 0;
        border-top: 1px solid #eee
    }

[role=button] {
        cursor: pointer
    }

.h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: inherit;
        font-weight: 500;
        line-height: 1.1;
        color: inherit
    }

.h1,
    .h2,
    .h3,
    h1,
    h2,
    h3 {
        margin-top: 20px;
        margin-bottom: 10px
    }

.h4,
    .h5,
    .h6,
    h4,
    h5,
    h6 {
        margin-top: 10px;
        margin-bottom: 10px
    }

.h1,
    h1 {
        font-size: 36px
    }

.h2,
    h2 {
        font-size: 30px
    }

.h3,
    h3 {
        font-size: 24px
    }

.h4,
    h4 {
        font-size: 18px
    }

.h5,
    h5 {
        font-size: 14px
    }

.h6,
    h6 {
        font-size: 12px
    }

.container {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }

@media (min-width:992px) {
        .container {
            width: 970px
        }
    }

@media (min-width:1200px) {
        .container {
            width: 1170px
        }
    }

.container-fluid {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }

.row {
        margin-right: -15px;
        margin-left: -15px
    }

.col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-xs-9 {
        position: relative;
        min-height: 1px;
        padding-right: 5px;
        padding-left: 5px
    }

@media (min-width:768px) {

.col-sm-1,
        .col-sm-10,
        .col-sm-11,
        .col-sm-12,
        .col-sm-2,
        .col-sm-3,
        .col-sm-4,
        .col-sm-5,
        .col-sm-6,
        .col-sm-7,
        .col-sm-8,
        .col-sm-9 {
            float: left
        }

.col-sm-12 {
            width: 100%
        }

.col-sm-11 {
            width: 91.66666667%
        }

.col-sm-10 {
            width: 83.33333333%
        }

.col-sm-9 {
            width: 75%
        }

.col-sm-8 {
            width: 66.66666667%
        }

.col-sm-7 {
            width: 58.33333333%
        }

.col-sm-6 {
            width: 50%
        }

.col-sm-5 {
            width: 41.66666667%
        }

.col-sm-4 {
            width: 33.33333333%
        }

.col-sm-3 {
            width: 25%
        }

.col-sm-2 {
            width: 16.66666667%
        }

.col-sm-1 {
            width: 8.33333333%
        }
    }

@media (min-width:992px) {

.col-md-1,
        .col-md-10,
        .col-md-11,
        .col-md-12,
        .col-md-2,
        .col-md-3,
        .col-md-4,
        .col-md-5,
        .col-md-6,
        .col-md-7,
        .col-md-8,
        .col-md-9 {
            float: left
        }

.col-md-12 {
            width: 100%
        }

.col-md-11 {
            width: 91.66666667%
        }

.col-md-10 {
            width: 83.33333333%
        }

.col-md-9 {
            width: 75%
        }

.col-md-8 {
            width: 66.66666667%
        }

.col-md-7 {
            width: 58.33333333%
        }

.col-md-6 {
            width: 50%
        }

.col-md-5 {
            width: 41.66666667%
        }

.col-md-4 {
            width: 33.33333333%
        }

.col-md-3 {
            width: 25%
        }

.col-md-2 {
            width: 16.66666667%
        }

.col-md-1 {
            width: 8.33333333%
        }
    }
</style>

<div class="container">
    <div class="row">
        <h2>قرآنی سورتوں کی فہرست (1 تا 114 سورتیں)
        </h2>
    </div>
    <div class="row">
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3>اَلْفَاتِحَة <br /> Al-Fatiha</h3>
                <h4> 1</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3>البَقَرة <br /> Al-Baqarah</h3>
                <h4> 2</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3>آل ِعمران<br /> Al-Imran</h3>
                <h4> 3</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلنِّسَآء<br />An-Nisa</h3>
                <h4> 4</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْمَـآئِدَة<br /> Al-Maidah </h3>
                <h4> 5</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْاَ نْعَام
                    <br /> Al-Anam
                </h3>
                <h4> 6</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْاَعْرَاف
                    <br />Al-Araf
                </h3>
                <h4> 7</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْاَ نْفَال
                    <br /> Al-Anfal
                </h3>
                <h4> 8</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلتَّوْبَة
                    <br /> At-Taubah
                </h3>
                <h4> 9</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> يُوْنُس <br /> Yunus</h3>
                <h4> 10</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> هُوْد <br />
                    Hud</h3>
                <h4> 11</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> يُوْسُف
                    <br /> Yusuf
                </h3>
                <h4> 12</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلرَّعْد
                    <br /> Ar-Rad
                </h3>
                <h4> 13</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اِبرٰهِيْم
                    <br /> Ibrahim
                </h3>
                <h4> 14</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْحِجْر <br /> Al-Hijr</h3>
                <h4> 15</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلنَّحْل <br /> An-Nahl</h3>
                <h4> 16</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> بَنِیْٓ اِسْرَآءِیْل (اَلْاَسْرَاء)
                    <br /> Al-Isra
                </h3>
                <h4> 17</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْـكَهْف
                    <br /> Al-Kahf
                </h3>
                <h4> 18</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> مَرْيَم
                    <br /> Maryam
                </h3>
                <h4> 19</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> طٰهٰ
                    <br /> Taha
                </h3>
                <h4> 20</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْاَ نْبِيَآء
                    <br /> Al-Anbiya
                </h3>
                <h4> 21</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْحَجّ
                    <br /> Al-Hajj
                </h3>
                <h4> 22</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْمُؤْمِنُوْن <br /> Al-Muminun</h3>
                <h4> 23</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلنُّوْر
                    <br /> An-Noor
                </h3>
                <h4> 24</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْفُرْقَان <br /> Al-Furqan</h3>
                <h4> 25</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلشُّـعَرَاء <br /> Ash-Shuara </h3>
                <h4> 26</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلنَّمْل
                    <br /> An-Naml
                </h3>
                <h4> 27</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْقَصَص <br /> Al-Qasas</h3>
                <h4> 28</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْعَنْـكَبُوْت <br /> Al-'Ankabut </h3>
                <h4> 29</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلرُّوْم
                    <br /> Ar-Rum
                </h3>
                <h4> 30</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> لُقْمٰن
                    <br /> Luqman
                </h3>
                <h4> 31</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلسَّجْدَة
                    <br /> As-Sajdah
                </h3>
                <h4> 32</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْاَحْزَاب
                    <br />Al-Ahzab
                </h3>
                <h4> 33</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> سَبَا
                    <br /> Saba
                </h3>
                <h4> 34</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْفَاطِر
                    <br /> Fatir
                </h3>
                <h4> 35</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> يـٰسٓ
                    <br /> Yasin
                </h3>
                <h4> 36</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلصّٰٓفّٰت
                    <br /> As-Saffat
                </h3>
                <h4> 37</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> صٓ
                    <br /> Sad
                </h3>
                <h4> 38</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلزُّمَر
                    <br /> Az-Zumar
                </h3>
                <h4> 39</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْمُؤْمِن (اَلْغَافِر)
                    <br /> Ghafir
                </h3>
                <h4> 40</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> حٰمٓ اَلسَّجْدَۃ (فُصِّلَت)
                    <br /> Fussilat
                </h3>
                <h4> 41</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلشُّوْرٰی
                    <br /> Ash-Shura
                </h3>
                <h4> 42</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلزُّخْرُف
                    <br /> Az-Zukhruf
                </h3>
                <h4> 43</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلدُّخَان
                    <br /> Ad-Dukhan
                </h3>
                <h4> 44</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْجَاثِيَة
                    <br /> Al-Jasia
                </h3>
                <h4> 45</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْاَحْقَاف
                    <br /> Al-Ahqaf
                </h3>
                <h4> 46</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> مُحَمَّد
                    <br /> 'Muhammad'
                </h3>
                <h4> 47</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْفَتْح
                    <br /> Al-Fath
                </h3>
                <h4> 48</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْحُجُرٰت
                    <br /> Al-Hujurat
                </h3>
                <h4> 49</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> قٓ
                    <br /> Qaf
                </h3>
                <h4> 50</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلذّٰرِيـٰت
                    <br /> Az-Zariyat
                </h3>
                <h4> 51</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلطُّوْر
                    <br /> At-Tur
                </h3>
                <h4> 52</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلنَّجْم <br /> An-Najm</h3>
                <h4> 53</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْقَمَر
                    <br /> Al-Qamar
                </h3>
                <h4> 54</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلرَّحْمٰن
                    <br /> Ar-Rahman
                </h3>
                <h4> 55</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْوَاقِعَة
                    <br /> Al-Waqiah
                </h3>
                <h4> 56</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْحَدِيْد
                    <br /> Al-Hadid
                </h3>
                <h4> 57</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْمُجَادَلَة
                    <br /> Al-Mujadilah
                </h3>
                <h4> 58</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْحَشْر
                    <br /> Al-Hashr
                </h3>
                <h4> 59</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْمُمْتَحِنَة
                    <br /> Al-Mumtahanah
                </h3>
                <h4> 60</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلصَّفّ
                    <br /> As-Saff
                </h3>
                <h4> 61</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْجُمُعَة
                    <br /> Al-Juma
                </h3>
                <h4> 62</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْمُنٰفِقُوْن
                    <br /> Al-Munafiqun
                </h3>
                <h4> 63</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلتَّغَابُن <br /> At-Taghabun</h3>
                <h4> 64</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلطَّلَاق
                    <br /> At-Talaq
                </h3>
                <h4> 65</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلتَّحْرِيْم
                    <br /> At-Tahrim
                </h3>
                <h4> 66</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْمُلْك
                    <br /> Al-Mulk
                </h3>
                <h4> 67</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْقَلَم
                    <br /> Al-Qalam
                </h3>
                <h4> 68</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْحَآ قَّة
                    <br /> Al-Haqqah
                </h3>
                <h4> 69</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْمَعَارِ ج
                    <br /> Al-Ma'arij
                </h3>
                <h4> 70</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> نُوْ ح
                    <br /> Nuh
                </h3>
                <h4> 71</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْجِنّ
                    <br /> Al-Jin
                </h3>
                <h4> 72</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْمُزَّمِّل
                    <br /> Al-Muzzammil
                </h3>
                <h4> 73</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْمُدَّثِّر
                    <br /> Al-Mudassir
                </h3>
                <h4> 74</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْقِيَامَة
                    <br /> Al-Qiyamah
                </h3>
                <h4> 75</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلدَّهْر (اَلْاِنْسَان)
                    <br /> Al-Insan
                </h3>
                <h4> 76</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْمُرْسَلٰت
                    <br /> Al-Mursalat
                </h3>
                <h4> 77</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلنَّبَا
                    <br /> An-
                    Naba
                </h3>
                <h4> 78</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلنَّازِعَات
                    <br /> An-Naziat
                </h3>
                <h4> 79</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> عَبَس
                    <br /> Abasa
                </h3>
                <h4> 80</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلتَّكْوِيْر
                    <br /> At-Takwir
                </h3>
                <h4> 81</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْاِنْفِطَار
                    <br /> Al-Infitar
                </h3>
                <h4> 82</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْمُطَفِّفِيْن
                    <br /> Al-Mutaffifin
                </h3>
                <h4> 83</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْاِنْشِقَاق
                    <br /> Al-Inshiqaq
                </h3>
                <h4> 84</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْبُرُوْج
                    <br /> Al-Buruj
                </h3>
                <h4> 85</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلطَّارِق
                    <br /> At-Tariq
                </h3>
                <h4> 86</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْاَعْلٰی
                    <br /> Al-Ala
                </h3>
                <h4> 87</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْغَاشِيَة
                    <br /> Al-Ghashiyah
                </h3>
                <h4> 88</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْفَجْر
                    <br /> Al-Fajr
                </h3>
                <h4> 89</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْبَـلَد
                    <br /> Al-Balad
                </h3>
                <h4> 90</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلشَّمْس
                    <br /> Ash-Shams
                </h3>
                <h4> 91</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلَّيْل
                    <br /> Al-Lail
                </h3>
                <h4> 92</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْضُّحٰی
                    <br /> Ad-Duha
                </h3>
                <h4> 93</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلَمْ نَشْرَ ح
                    <br /> Alam-Nashrah
                </h3>
                <h4> 94</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلتِّیْن
                    <br /> At-Tin
                </h3>
                <h4> 95</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْعَلَق
                    <br /> Al-Alaq
                </h3>
                <h4> 96</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْقَدَر
                    <br /> Al-Qadr
                </h3>
                <h4> 97</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْبَيِّنَة
                    <br /> Al-Bayyinah
                </h3>
                <h4> 98</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلزِّلْزَال
                    <br /> Al-Zalzalah
                </h3>
                <h4> 99</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْعٰدِيٰت
                    <br /> Al-Adiyat
                </h3>
                <h4> 100</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْقَارِعَة <br /> Al-Qari'ah</h3>
                <h4> 101</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلتَّكَاثُر
                    <br /> At-Takasur
                </h3>
                <h4> 102</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْعَصْر
                    <br /> Al-'Asr
                </h3>
                <h4> 103</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْهُمَزَة
                    <br /> Al-Humazah
                </h3>
                <h4> 104</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْفِيْل
                    <br /> Al-Feel
                </h3>
                <h4> 105</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> قُـرَيْش
                    <br /> Quraish
                </h3>
                <h4> 106</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْمَاعُوْن
                    <br /> Al-Ma'un
                </h3>
                <h4> 107</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْـكَوْثَر
                    <br /> Al-Kausar
                </h3>
                <h4> 108</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْكَافِرُوْن
                    <br /> Al-Kafirun
                </h3>
                <h4> 109</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلنَّصْر
                    <br /> An-Nasr
                </h3>
                <h4> 110</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَللَّھَب <br /> Al-Lahab</h3>
                <h4> 111</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-3 col-sm-6">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْاِخْلَاص
                    <br /> Al-Ikhlas
                </h3>
                <h4> 112</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-6 col-sm-12">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلْفَلَق <br /> Al-Falaq</h3>
                <h4> 113</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        <div class="col-md-6 col-sm-12">
            <div class="mail-tab">
                <div class="fuller"><a class="full-anchor" href="#" target="_blank"> </a></div>
                <div class="check-icon">
                    <img src="https://alqurankarim.net/img/icons/makkah-img.ico" />
                </div>
                <i class="fa fa-file-excel-o text-muted"></i>
                <h3> اَلنَّاس
                    <br /> An-Nas
                </h3>
                <h4> 114</h4>
                <div class="cta-btn"><a href="#" target="_blank">پڑھیں</a></div>
            </div>
        </div>
        
        </div></div></!doctype>

demo

Code Preview

Popular Posts

Pages

Final Sarah button