@{
    ViewBag.Title = "Campuses";
    ViewBag.MetaKeywords = "Campuses,Islamabad,hamdan,height,guidance,Pehont,BlueArea,Faizabad";
    ViewBag.MetaDescription = "Campuses of Quran academy";
}

<div class="gdlr-core-pbf-wrapper " style="padding: 250px 0px 160px 0px;">
    <div class="gdlr-core-pbf-background-wrap">
        <div class="gdlr-core-pbf-background gdlr-core-parallax gdlr-core-js" style="background-image: url(../Content/images/campuses-2.jpg) ;background-size: cover ;background-position: center ;" data-parallax-speed="0.3"></div>
    </div>
    <div class="gdlr-core-pbf-wrapper-content gdlr-core-js " data-gdlr-animation="fadeInUp" data-gdlr-animation-duration="600ms" data-gdlr-animation-offset="0.8">
        <div class="gdlr-core-pbf-wrapper-container clearfix gdlr-core-container">
            <div class="gdlr-core-pbf-element">
                <div class="gdlr-core-title-item gdlr-core-item-pdb clearfix  gdlr-core-center-align gdlr-core-title-item-caption-bottom gdlr-core-item-pdlr">
                    <div class="gdlr-core-title-item-title-wrap clearfix">
                        <h3 class="gdlr-core-title-item-title gdlr-core-skin-title " style="font-size: 75px ;font-weight: 700 ;letter-spacing: 0px ;text-transform: none ;color: #ffffff ;">CAMPUSES</h3>
                    </div>@*<span class="gdlr-core-title-item-caption gdlr-core-info-font gdlr-core-skin-caption" style="font-size: 25px ;font-style: normal ;color: #f2f2f2 ;margin-top: 25px ;">Get Intouch With Us</span>*@
                </div>
            </div>
        </div>
    </div>
</div>

<div class="gdlr-core-pbf-wrapper " style="padding: 0px 0px 0px 0px;">
    <div class="gdlr-core-pbf-wrapper-content gdlr-core-js ">
        <div class="gdlr-core-pbf-wrapper-container clearfix gdlr-core-pbf-wrapper-full-no-space">
            <div class="gdlr-core-pbf-column gdlr-core-column-15 gdlr-core-column-first" data-skin="White Text">
                <div class="gdlr-core-pbf-column-content-margin gdlr-core-js " style="padding: 80px 65px 80px 65px;" data-sync-height="height-1" data-sync-height-center>
                    <div class="gdlr-core-pbf-background-wrap" style="background-color: #262626 ;">
                        <div class="gdlr-core-pbf-background gdlr-core-parallax gdlr-core-js" style="background-image: url(../content/images/image-1-up.jpg) ;background-size: cover ;background-position: center ;" data-parallax-speed="0"></div>
                    </div>
                    <div class="gdlr-core-pbf-column-content clearfix gdlr-core-js  gdlr-core-sync-height-content" data-gdlr-animation="fadeInDown" data-gdlr-animation-duration="600ms" data-gdlr-animation-offset="0.8">
                        <div class="gdlr-core-pbf-element">
                            <div class="gdlr-core-title-item gdlr-core-item-pdb clearfix  gdlr-core-left-align gdlr-core-title-item-caption-top gdlr-core-item-pdlr" style="padding-bottom: 15px ;">
                                <div class="gdlr-core-title-item-title-wrap clearfix">
                                    <h5 class="gdlr-core-title-item-title gdlr-core-skin-title " style="font-size: 28px ;letter-spacing: 0px ;text-transform: none ;">Quran Complex</h5>
                                </div>
                            </div>
                        </div>
                        <div class="gdlr-core-pbf-element">
                            <div class="gdlr-core-divider-item gdlr-core-divider-item-normal gdlr-core-item-pdlr gdlr-core-left-align" style="margin-bottom: 32px ;">
                                <div class="gdlr-core-divider-container" style="max-width: 104px ;">
                                    <div class="gdlr-core-divider-line gdlr-core-skin-divider" style="border-color: #ffffff ;border-bottom-width: 3px ;"></div>
                                </div>
                            </div>
                        </div>
                        <div class="gdlr-core-pbf-element">
                            <div class="gdlr-core-text-box-item gdlr-core-item-pdlr gdlr-core-item-pdb gdlr-core-left-align" style="padding-bottom: 0px ;">
                                <div class="gdlr-core-text-box-item-content" style="font-size: 16px ;">
                                    <p>Pehont Tumair, Islamabad Capital Territory, Pakistan</p>
                                    <p>
                                        <a href="tel:03335382262"><i class="fa fa-phone" style="margin-right:5px;"></i>(0333)5382262</a>
                                        <br /> <a href="mailto:quranacademyisb@gmail.com"><i class="fa fa-envelope" style="margin-right:5px;" aria-hidden="true"></i> quranacademyisb@gmail.com</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="gdlr-core-pbf-column gdlr-core-column-15">
                <div class="gdlr-core-pbf-column-content-margin gdlr-core-js " style="padding: 0px 0px 0px 0px;" data-sync-height="height-1" data-sync-height-center>
                    <div class="gdlr-core-pbf-column-content clearfix gdlr-core-js  gdlr-core-sync-height-content">
                        <div class="gdlr-core-pbf-element">
                            <div class="gdlr-core-wp-google-map-plugin-item gdlr-core-item-pdlr gdlr-core-item-pdb " style="padding-bottom: 0px ;">


                                <div style="overflow:hidden;width: 100%;position: relative;">
                                    <iframe style="width:100%; height:480px; border:0; " src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d53123.0435300756!2d73.27022647952946!3d33.67813838070922!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x38dfe7b6da999aa3%3A0x78eac7291f7597ef!2sQuran%20Complex!5e0!3m2!1sen!2s!4v1622542933976!5m2!1sen!2s"  frameborder="0" allowfullscreen></iframe>
                                    <div style="position: absolute;width: 80%;bottom: 20px;left: 0;right: 0;margin-left: auto;margin-right: auto;color: #000;">

                                    </div>
                                    <style>
                                        #gmap_canvas img {
                                            max-width: none !important;
                                            background: none !important;
                                        }
                                    </style>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="gdlr-core-pbf-column gdlr-core-column-15" data-skin="White Text">
                <div class="gdlr-core-pbf-column-content-margin gdlr-core-js " style="padding: 80px 65px 80px 65px;" data-sync-height="height-1" data-sync-height-center>
                    <div class="gdlr-core-pbf-background-wrap" style="background-color: #0a0a0a ;">
                        <div class="gdlr-core-pbf-background gdlr-core-parallax gdlr-core-js" style="background-image:  url(../content/images/image-2-up.jpg) ;background-size: cover ;background-position: center ;" data-parallax-speed="0"></div>
                    </div>
                    <div class="gdlr-core-pbf-column-content clearfix gdlr-core-js  gdlr-core-sync-height-content" data-gdlr-animation="fadeInUp" data-gdlr-animation-duration="600ms" data-gdlr-animation-offset="0.8">
                        <div class="gdlr-core-pbf-element">
                            <div class="gdlr-core-title-item gdlr-core-item-pdb clearfix  gdlr-core-left-align gdlr-core-title-item-caption-top gdlr-core-item-pdlr" style="padding-bottom: 15px ;">
                                <div class="gdlr-core-title-item-title-wrap clearfix">
                                    <h5 class="gdlr-core-title-item-title gdlr-core-skin-title " style="font-size: 28px ;letter-spacing: 0px ;text-transform: none ;">Quran Academy Islamabad</h5>
                                </div>
                            </div>
                        </div>
                        <div class="gdlr-core-pbf-element">
                            <div class="gdlr-core-divider-item gdlr-core-divider-item-normal gdlr-core-item-pdlr gdlr-core-left-align" style="margin-bottom: 32px ;">
                                <div class="gdlr-core-divider-container" style="max-width: 113px ;">
                                    <div class="gdlr-core-divider-line gdlr-core-skin-divider" style="border-color: #ffffff ;border-bottom-width: 3px ;"></div>
                                </div>
                            </div>
                        </div>
                        <div class="gdlr-core-pbf-element">
                            <div class="gdlr-core-text-box-item gdlr-core-item-pdlr gdlr-core-item-pdb gdlr-core-left-align" style="padding-bottom: 0px ;">
                                <div class="gdlr-core-text-box-item-content" style="font-size: 16px ;">
                                    <p>
                                        Third Floor, Hill Veiw Plaza, (Near Fresco Sweets)، Jinnah Ave, G 7/3 Blue Area 
                                        <br />Islamabad, Islamabad Capital Territory, Pakistan
                                    </p>
                                    <p>
                                        <a href="tel:03335382262"><i class="fa fa-phone" style="margin-right:5px;"></i>(0333)5382262</a>
                                        <br /><a href="mailto:quranacademyisb@gmail.com"><i class="fa fa-envelope" style="margin-right:5px;" aria-hidden="true"></i> quranacademyisb@gmail.com</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="gdlr-core-pbf-column gdlr-core-column-15">
                <div class="gdlr-core-pbf-column-content-margin gdlr-core-js " style="padding: 0px 0px 0px 0px;" data-sync-height="height-1" data-sync-height-center>
                    <div class="gdlr-core-pbf-column-content clearfix gdlr-core-js  gdlr-core-sync-height-content">
                        <div class="gdlr-core-pbf-element">
                            <div class="gdlr-core-wp-google-map-plugin-item gdlr-core-item-pdlr gdlr-core-item-pdb " style="padding-bottom: 0px ;">


                                <div style="overflow:hidden;width: 100%;position: relative;">

                                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3318.7778260556697!2d73.06420501551403!3d33.71469744288914!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x38dfbf98480fca1f%3A0x211e301821bc54d2!2sQuran%20Academy%20Islamabad!5e0!3m2!1sen!2s!4v1622542546639!5m2!1sen!2s" width="600" height="450" frameborder="0" style="border:0; width:100%; height:480px; " allowfullscreen></iframe>
                                    <div style="position: absolute;width: 80%;bottom: 20px;left: 0;right: 0;margin-left: auto;margin-right: auto;color: #000;">

                                    </div>
                                    <style>
                                        #gmap_canvas img {
                                            max-width: none !important;
                                            background: none !important;
                                        }
                                    </style>
                                </div>


                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="gdlr-core-pbf-wrapper " style="padding: 0px 0px 0px 0px;">
    <div class="gdlr-core-pbf-wrapper-content gdlr-core-js ">
        <div class="gdlr-core-pbf-wrapper-container clearfix gdlr-core-pbf-wrapper-full-no-space">
            <div class="gdlr-core-pbf-column gdlr-core-column-15 gdlr-core-column-first" data-skin="White Text">
                <div class="gdlr-core-pbf-column-content-margin gdlr-core-js " style="padding: 80px 65px 80px 65px;" data-sync-height="height-1" data-sync-height-center>
                    <div class="gdlr-core-pbf-background-wrap" style="background-color: #262626 ;">
                        <div class="gdlr-core-pbf-background gdlr-core-parallax gdlr-core-js" style="background-image: url(../content/images/image-1-down.jpg) ;background-size: cover ;background-position: center ;" data-parallax-speed="0"></div>
                    </div>
                    <div class="gdlr-core-pbf-column-content clearfix gdlr-core-js  gdlr-core-sync-height-content" data-gdlr-animation="fadeInDown" data-gdlr-animation-duration="600ms" data-gdlr-animation-offset="0.8">
                        <div class="gdlr-core-pbf-element">
                            <div class="gdlr-core-title-item gdlr-core-item-pdb clearfix  gdlr-core-left-align gdlr-core-title-item-caption-top gdlr-core-item-pdlr" style="padding-bottom: 15px ;">
                                <div class="gdlr-core-title-item-title-wrap clearfix">
                                    <h5 class="gdlr-core-title-item-title gdlr-core-skin-title " style="font-size: 28px ;letter-spacing: 0px ;text-transform: none ;">Hamdan Heights</h5>
                                </div>
                            </div>
                        </div>
                        <div class="gdlr-core-pbf-element">
                            <div class="gdlr-core-divider-item gdlr-core-divider-item-normal gdlr-core-item-pdlr gdlr-core-left-align" style="margin-bottom: 32px ;">
                                <div class="gdlr-core-divider-container" style="max-width: 104px ;">
                                    <div class="gdlr-core-divider-line gdlr-core-skin-divider" style="border-color: #ffffff ;border-bottom-width: 3px ;"></div>
                                </div>
                            </div>
                        </div>
                        <div class="gdlr-core-pbf-element">
                            <div class="gdlr-core-text-box-item gdlr-core-item-pdlr gdlr-core-item-pdb gdlr-core-left-align" style="padding-bottom: 0px ;">
                                <div class="gdlr-core-text-box-item-content" style="font-size: 16px ;">
                                    <p>Basement Hamadan Heights, Near Save Mart Ghori Town Express Way Islamabad </p>
                                    <p>
                                        <a href="tel:03335382262"><i class="fa fa-phone" style="margin-right:5px;"></i>(0333)5382262</a>
                                        <br /><a href="mailto:quranacademyisb@gmail.com"><i class="fa fa-envelope" style="margin-right:5px;" aria-hidden="true"></i> quranacademyisb@gmail.com</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="gdlr-core-pbf-column gdlr-core-column-15">
                <div class="gdlr-core-pbf-column-content-margin gdlr-core-js " style="padding: 0px 0px 0px 0px;" data-sync-height="height-1" data-sync-height-center>
                    <div class="gdlr-core-pbf-column-content clearfix gdlr-core-js  gdlr-core-sync-height-content">
                        <div class="gdlr-core-pbf-element">
                            <div class="gdlr-core-wp-google-map-plugin-item gdlr-core-item-pdlr gdlr-core-item-pdb " style="padding-bottom: 0px ;">


                                <div style="overflow:hidden;width: 100%;position: relative;">
                                    <iframe style="width:100%; height:480px; border:0; " src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3322.8078495650407!2d73.12793851551208!3d33.61028974833707!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x38dfeb79773996d5%3A0xb6898608f14f9ba7!2sHamdan%20Heights!5e0!3m2!1sen!2s!4v1622543852440!5m2!1sen!2s" frameborder="0" allowfullscreen></iframe>
                                    <div style="position: absolute;width: 80%;bottom: 20px;left: 0;right: 0;margin-left: auto;margin-right: auto;color: #000;">

                                    </div>
                                    <style>
                                        #gmap_canvas img {
                                            max-width: none !important;
                                            background: none !important;
                                        }
                                    </style>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="gdlr-core-pbf-column gdlr-core-column-15" data-skin="White Text">
                <div class="gdlr-core-pbf-column-content-margin gdlr-core-js " style="padding: 80px 65px 80px 65px;" data-sync-height="height-1" data-sync-height-center>
                    <div class="gdlr-core-pbf-background-wrap" style="background-color: #0a0a0a ;">
                        <div class="gdlr-core-pbf-background gdlr-core-parallax gdlr-core-js" style="background-image: url(../content/images/image-2-down.jpg) ;background-size: cover ;background-position: center ;" data-parallax-speed="0"></div>
                    </div>
                    <div class="gdlr-core-pbf-column-content clearfix gdlr-core-js  gdlr-core-sync-height-content" data-gdlr-animation="fadeInUp" data-gdlr-animation-duration="600ms" data-gdlr-animation-offset="0.8">
                        <div class="gdlr-core-pbf-element">
                            <div class="gdlr-core-title-item gdlr-core-item-pdb clearfix  gdlr-core-left-align gdlr-core-title-item-caption-top gdlr-core-item-pdlr" style="padding-bottom: 15px ;">
                                <div class="gdlr-core-title-item-title-wrap clearfix">
                                    <h5 class="gdlr-core-title-item-title gdlr-core-skin-title " style="font-size: 28px ;letter-spacing: 0px ;text-transform: none ;">Quran Academy Faizabad</h5>
                                </div>
                            </div>
                        </div>
                        <div class="gdlr-core-pbf-element">
                            <div class="gdlr-core-divider-item gdlr-core-divider-item-normal gdlr-core-item-pdlr gdlr-core-left-align" style="margin-bottom: 32px ;">
                                <div class="gdlr-core-divider-container" style="max-width: 113px ;">
                                    <div class="gdlr-core-divider-line gdlr-core-skin-divider" style="border-color: #ffffff ;border-bottom-width: 3px ;"></div>
                                </div>
                            </div>
                        </div>
                        <div class="gdlr-core-pbf-element">
                            <div class="gdlr-core-text-box-item gdlr-core-item-pdlr gdlr-core-item-pdb gdlr-core-left-align" style="padding-bottom: 0px ;">
                                <div class="gdlr-core-text-box-item-content" style="font-size: 16px ;">
                                    <p>
                                        Faizabad I-8/4, Islamabad Capital Territory, Pakistan
                                        <br />
                                    </p>
                                    <p>
                                        <a href="tel:0514866055"><i class="fa fa-phone" style="margin-right:5px;"></i>(051)4866055</a>
                                        <br /><a href="mailto:quranacademyisb@gmail.com"><i class="fa fa-envelope" style="margin-right:5px;" aria-hidden="true"></i> quranacademyisb@gmail.com</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="gdlr-core-pbf-column gdlr-core-column-15">
                <div class="gdlr-core-pbf-column-content-margin gdlr-core-js " style="padding: 0px 0px 0px 0px;" data-sync-height="height-1" data-sync-height-center>
                    <div class="gdlr-core-pbf-column-content clearfix gdlr-core-js  gdlr-core-sync-height-content">
                        <div class="gdlr-core-pbf-element">
                            <div class="gdlr-core-wp-google-map-plugin-item gdlr-core-item-pdlr gdlr-core-item-pdb " style="padding-bottom: 0px ;">


                                <div style="overflow:hidden;width: 100%;position: relative;">

                                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d26565.552541853187!2d73.06650773955076!3d33.665088100000006!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x38df954bbb309743%3A0xf9f7f3fa299655fd!2sTanzeem-e-Islami%20Halaqah%20Markaz!5e0!3m2!1sen!2s!4v1622544069588!5m2!1sen!2s" width="600" height="450" frameborder="0" style="border:0; width:100%; height:480px; " allowfullscreen></iframe>
                                    <div style="position: absolute;width: 80%;bottom: 20px;left: 0;right: 0;margin-left: auto;margin-right: auto;color: #000;">

                                    </div>
                                    <style>
                                        #gmap_canvas img {
                                            max-width: none !important;
                                            background: none !important;
                                        }
                                    </style>
                                </div>


                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
