

<?php $__env->startSection('content'); ?>
<style>
 
    .featured-imagebox-post .badges-item{
    position: absolute;
    background-color: #c8505f;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 5px 15px;
    border-end-start-radius: 10px;
}
.featured-imagebox-post .badges-item .category{
    color: #fff;
    font-weight: 600;
}
 .newsTickerCon{
  font-family:'Open Sans';
  font-weight: 400;
  width:100%;
  height:260px;
  overflow:hidden;
  padding: 0;
  margin: 0;
}

.headline{
  color:#000;
  text-align:left;
  font-size: 16px;
  font-weight: bold;
  
}
.newsTickerCon p{
  text-align:left; 
  color:#000;
  overflow:hidden;
  text-overflow:_ellipsis;
  /*white-space: nowrap;*/
  line-height:20.8px;
  margin-top: 5px;
 }
.newsTickerCon ul{
  list-style:none;
  position:relative;
  padding: 0px;
  margin: 0px
}
.newsTickerCon li{
    padding:5px 10px;
  margin-bottom: 20px;
  background-color: #EEEFF1;
  text-align:center;
  border-bottom:0px solid #a1a9a5;
  font-size:13px;
}

.newsTickerCon a {
  color:#ab192d;
}
</style>
      <div id="newsTicker1"></div>
        <section class="main-slider desktop-slider">
            <div class="item image">
                <span class="loading">Loading...</span>
                <figure>
                    <div class="slide-image slide-media" style="background-image:url(<?php echo e(url('front/images/slides/slider1-1.png')); ?>);background-size: cover;">
                        <img data-lazy="<?php echo e(url('front/images/slides/slider1-1.png')); ?>" width="100%" class="image-entity" />
                    </div>
                    <figcaption class="caption">
                        <h4>Serving Filipinos in <br> Alberta and <br>Saskatchewan</h4>
                        <p>22nd April, 2023</p>
                    </figcaption>
                </figure>
            </div>
        </section>

        <section class="mobile-slider-view" id="slider_mobile_view">
            <div class="container">
                <div class="mobil-view-img">
                    <img src="<?php echo e(url('front/images/slides/mobileview.png')); ?>" width="100%" alt="">
                </div>
                <div class="mobile-view-content">
                    <h4>Serving Filipinos in Alberta and Saskatchewan</h4>
                    <p>22nd April, 2023</p>
                </div>
            </div>

        </section>


        <div class="site-main">


            <section class="features-section">
                <div class="anim-icons">
                    <span class="icon icon-object-1"></span>
                </div>
                <div class="outer-box">
                    <div class="container">
                        <div class="row" style="justify-content:center;">

                            <div class="feature-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
                                <div class="inner-box ">
                                    <div class="icon-box">
                                        <span class="count">01</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" height="5em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
                                            <path d="M0 64C0 28.7 28.7 0 64 0H384c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zM183 278.8c-27.9-13.2-48.4-39.4-53.7-70.8h39.1c1.6 30.4 7.7 53.8 14.6 70.8zm41.3 9.2l-.3 0-.3 0c-2.4-3.5-5.7-8.9-9.1-16.5c-6-13.6-12.4-34.3-14.2-63.5h47.1c-1.8 29.2-8.1 49.9-14.2 63.5c-3.4 7.6-6.7 13-9.1 16.5zm40.7-9.2c6.8-17.1 12.9-40.4 14.6-70.8h39.1c-5.3 31.4-25.8 57.6-53.7 70.8zM279.6 176c-1.6-30.4-7.7-53.8-14.6-70.8c27.9 13.2 48.4 39.4 53.7 70.8H279.6zM223.7 96l.3 0 .3 0c2.4 3.5 5.7 8.9 9.1 16.5c6 13.6 12.4 34.3 14.2 63.5H200.5c1.8-29.2 8.1-49.9 14.2-63.5c3.4-7.6 6.7-13 9.1-16.5zM183 105.2c-6.8 17.1-12.9 40.4-14.6 70.8H129.3c5.3-31.4 25.8-57.6 53.7-70.8zM352 192A128 128 0 1 0 96 192a128 128 0 1 0 256 0zM112 384c-8.8 0-16 7.2-16 16s7.2 16 16 16H336c8.8 0 16-7.2 16-16s-7.2-16-16-16H112z" />
                                        </svg>
                                    </div>
                                    <div class="content-box">
                                        <h5 class="title">Consular Services </h5>
                                        <div class="text">Civil Registry, Dual Citizenship, Legalization, Passport, Visa & More</div>
                                    </div>
                                </div>
                            </div>


                            <div class="feature-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp animated" data-wow-delay="400ms" style="visibility: visible; animation-delay: 400ms; animation-name: fadeInUp;">
                                <div class="inner-box ">
                                    <div class="icon-box">
                                        <span class="count">02</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" height="5em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
                                            <path d="M0 64C0 28.7 28.7 0 64 0H384c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zM183 278.8c-27.9-13.2-48.4-39.4-53.7-70.8h39.1c1.6 30.4 7.7 53.8 14.6 70.8zm41.3 9.2l-.3 0-.3 0c-2.4-3.5-5.7-8.9-9.1-16.5c-6-13.6-12.4-34.3-14.2-63.5h47.1c-1.8 29.2-8.1 49.9-14.2 63.5c-3.4 7.6-6.7 13-9.1 16.5zm40.7-9.2c6.8-17.1 12.9-40.4 14.6-70.8h39.1c-5.3 31.4-25.8 57.6-53.7 70.8zM279.6 176c-1.6-30.4-7.7-53.8-14.6-70.8c27.9 13.2 48.4 39.4 53.7 70.8H279.6zM223.7 96l.3 0 .3 0c2.4 3.5 5.7 8.9 9.1 16.5c6 13.6 12.4 34.3 14.2 63.5H200.5c1.8-29.2 8.1-49.9 14.2-63.5c3.4-7.6 6.7-13 9.1-16.5zM183 105.2c-6.8 17.1-12.9 40.4-14.6 70.8H129.3c5.3-31.4 25.8-57.6 53.7-70.8zM352 192A128 128 0 1 0 96 192a128 128 0 1 0 256 0zM112 384c-8.8 0-16 7.2-16 16s7.2 16 16 16H336c8.8 0 16-7.2 16-16s-7.2-16-16-16H112z" />
                                        </svg>
                                    </div>
                                    <div class="content-box">
                                        <h5 class="title">Other Services</h5>
                                        <div class="text">Driver's License, NBI Clearance, GSISS, SSS and more </div>
                                    </div>
                                </div>
                            </div>


                            <div class="feature-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp animated" data-wow-delay="800ms" style="visibility: visible; animation-delay: 800ms; animation-name: fadeInUp;">
                                <div class="inner-box ">
                                    <div class="icon-box">
                                        <span class="count">03</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" height="5em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
                                            <path d="M0 64C0 28.7 28.7 0 64 0H384c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zM183 278.8c-27.9-13.2-48.4-39.4-53.7-70.8h39.1c1.6 30.4 7.7 53.8 14.6 70.8zm41.3 9.2l-.3 0-.3 0c-2.4-3.5-5.7-8.9-9.1-16.5c-6-13.6-12.4-34.3-14.2-63.5h47.1c-1.8 29.2-8.1 49.9-14.2 63.5c-3.4 7.6-6.7 13-9.1 16.5zm40.7-9.2c6.8-17.1 12.9-40.4 14.6-70.8h39.1c-5.3 31.4-25.8 57.6-53.7 70.8zM279.6 176c-1.6-30.4-7.7-53.8-14.6-70.8c27.9 13.2 48.4 39.4 53.7 70.8H279.6zM223.7 96l.3 0 .3 0c2.4 3.5 5.7 8.9 9.1 16.5c6 13.6 12.4 34.3 14.2 63.5H200.5c1.8-29.2 8.1-49.9 14.2-63.5c3.4-7.6 6.7-13 9.1-16.5zM183 105.2c-6.8 17.1-12.9 40.4-14.6 70.8H129.3c5.3-31.4 25.8-57.6 53.7-70.8zM352 192A128 128 0 1 0 96 192a128 128 0 1 0 256 0zM112 384c-8.8 0-16 7.2-16 16s7.2 16 16 16H336c8.8 0 16-7.2 16-16s-7.2-16-16-16H112z" />
                                        </svg>
                                    </div>
                                    <div class="content-box">
                                        <h5 class="title">Passport Status</h5>
                                        <div class="text">Track status of your passport application</div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!--<div class="bottom-text">-->

                        <!--</div>-->
                    </div>
                </div>
            </section>


            <!--services_row-section-->
            <section class="cmt-row services_row-section clearfix">
                <div class="container-fluid">

                    <div class="row slick_slider" data-slick='{"slidesToShow": 4, "slidesToScroll": 1, "arrows":true,  "dots":false, "autoplay":true, "centerMode":false, "centerPadding":0, "infinite":true, "responsive": [{"breakpoint":1100,"settings":{"slidesToShow": 3}} , {"breakpoint":777,"settings":{"slidesToShow": 2}}, {"breakpoint":500,"settings":{"slidesToShow": 1}}]}'>
                        <div class="cmt-box-col-wrapper col-lg-12">
                            <!--featured-imagebox-->
                            <div class="featured-imagebox featured-imagebox-country style1 bor_rad_5">
                                <div class="cmt-box-view-content-inner">

                                    <div class="featured-thumbnail bor_rad_5">
                                        <a href="<?php echo e(url('notarials-legalization')); ?>" tabindex="-1">
                                            <img class="img-fluid" src="<?php echo e(url('front/images/services/notary.jpg')); ?>" alt="image">
                                        </a>
                                    </div>
                                    <div class="featured-content">
                                        <div class="featured-title">
                                            <h5> Notarial & Legalization </h5>
                                        </div>

                                        <a class="cmt-btn cmt-btn-size-sm btn-inline cmt-btn-color-skincolor" href="<?php echo e(url('notarials-legalization')); ?>" tabindex="-1">More <i class="fa fa-angle-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="cmt-box-col-wrapper col-lg-12">
                            <!--featured-imagebox-->
                            <div class="featured-imagebox featured-imagebox-country style1 bor_rad_5">
                                <div class="cmt-box-view-content-inner">

                                    <div class="featured-thumbnail bor_rad_5">
                                        <a href="<?php echo e(url('passport')); ?>" tabindex="-1">
                                            <img class="img-fluid" src="<?php echo e(url('front/images/services/passport.jpg')); ?>" alt="image"></a>
                                    </div>
                                    <div class="featured-content">

                                        <div class="featured-title">
                                            <h5><a href="#" tabindex="-1">Passport</a></h5>
                                        </div>

                                        <a class="cmt-btn cmt-btn-size-sm btn-inline cmt-btn-color-skincolor" href="<?php echo e(url('passport')); ?>" tabindex="-1">More <i class="fa fa-angle-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="cmt-box-col-wrapper col-lg-12">
                            <!--featured-imagebox-->
                            <div class="featured-imagebox featured-imagebox-country style1 bor_rad_5">
                                <div class="cmt-box-view-content-inner">

                                    <div class="featured-thumbnail bor_rad_5">
                                        <a href="<?php echo e(url('visa')); ?>" tabindex="-1">
                                            <img class="img-fluid" src="<?php echo e(url('front/images/services/visa.jpg')); ?>" alt="image">
                                        </a>
                                    </div>
                                    <div class="featured-content">

                                        <div class="featured-title">
                                            <h5><a href="canada.html" tabindex="-1">VISA</a></h5>
                                        </div>

                                        <a class="cmt-btn cmt-btn-size-sm btn-inline cmt-btn-color-skincolor" href="<?php echo e(url('visa')); ?>" tabindex="-1">More <i class="fa fa-angle-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="cmt-box-col-wrapper col-lg-12">
                            <!--featured-imagebox-->
                            <div class="featured-imagebox featured-imagebox-country style1 bor_rad_5">
                                <div class="cmt-box-view-content-inner">

                                    <div class="featured-thumbnail bor_rad_5">
                                        <a href="<?php echo e(url('civil-registration')); ?>" tabindex="-1">
                                            <img class="img-fluid" src="<?php echo e(url('front/images/services/civil-registry.jpg')); ?>" alt="image">
                                        </a>
                                    </div>
                                    <div class="featured-content">

                                        <div class="featured-title">
                                            <h5><a href="uk.html" tabindex="-1">Civil Registry</a></h5>
                                        </div>

                                        <a class="cmt-btn cmt-btn-size-sm btn-inline cmt-btn-color-skincolor" href="<?php echo e(url('civil-registration')); ?>" tabindex="-1">More <i class="fa fa-angle-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="cmt-box-col-wrapper col-lg-12">
                            <!--featured-imagebox-->
                            <div class="featured-imagebox featured-imagebox-country style1 bor_rad_5">
                                <div class="cmt-box-view-content-inner">

                                    <div class="featured-thumbnail bor_rad_5">
                                        <a href="<?php echo e(url('citizenship')); ?>" tabindex="-1">
                                            <img class="img-fluid" src="<?php echo e(url('front/images/services/citizenship.jpg')); ?>" alt="image">
                                        </a>
                                    </div>
                                    <div class="featured-content">

                                        <div class="featured-title">
                                            <h5><a href="ger.html" tabindex="-1">Citizenship</a></h5>
                                        </div>

                                        <a class="cmt-btn cmt-btn-size-sm btn-inline cmt-btn-color-skincolor" href="<?php echo e(url('citizenship')); ?>" tabindex="-1">More <i class="fa fa-angle-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="cmt-box-col-wrapper col-lg-12">
                            <!--featured-imagebox-->
                            <div class="featured-imagebox featured-imagebox-country style1 bor_rad_5">
                                <div class="cmt-box-view-content-inner">

                                    <div class="featured-thumbnail bor_rad_5">
                                        <a href="<?php echo e(url('nbi-clearance')); ?>" tabindex="-1">
                                            <img class="img-fluid" src="<?php echo e(url('front/images/services/nbi-clearance.jpg')); ?>" alt="image">
                                        </a>
                                    </div>
                                    <div class="featured-content">

                                        <div class="featured-title">
                                            <h5><a href="ger.html" tabindex="-1">NBI Clearance</a></h5>
                                        </div>

                                        <a class="cmt-btn cmt-btn-size-sm btn-inline cmt-btn-color-skincolor" href="<?php echo e(url('nbi-clearance')); ?>" tabindex="-1">More <i class="fa fa-angle-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="cmt-box-col-wrapper col-lg-12">
                            <!--featured-imagebox-->
                            <div class="featured-imagebox featured-imagebox-country style1 bor_rad_5">
                                <div class="cmt-box-view-content-inner">

                                    <div class="featured-thumbnail bor_rad_5">
                                        <a href="<?php echo e(url('overseas-voting')); ?>" >
                                            <img class="img-fluid" src="<?php echo e(url('front/images/services/voting1.jpg')); ?>" alt="image">
                                        </a>
                                    </div>
                                    <div class="featured-content">

                                        <div class="featured-title">
                                            <h5><a href="<?php echo e(url('overseas-voting')); ?>" >Overseas Voting</a></h5>
                                        </div>

                                        <a class="cmt-btn cmt-btn-size-sm btn-inline cmt-btn-color-skincolor" href="<?php echo e(url('overseas-voting')); ?>" >More <i class="fa fa-angle-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!--services_row-section end-->

            <!--introduction-section-->
            <section class="cmt-row introduction-section res-991-mt-0 clearfix">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-4 col-lg-4 col-md-4 col-xs-12">
                            <div class="cmt-col-bgcolor-yes cmt-bg cmt-bgcolor-white cmt-left-span  " style="background-color: transparent;">

                                <div class="layer-content">

                                    <div class=" res-991-pr-0 res-991-mb-20" style="border-right: 3px solid #efc10c;">

                                        <div class="featured-icon-box icon-align-before-content style2">
                                            <div class="featured-icon">
                                                <div class="cmt-icon cmt-icon_element-border cmt-icon_element-color-skincolor cmt-icon_element-size-xl cmt-icon_element-style-square">
                                                    <i class="fa fa-suitcase"></i>
                                                </div>
                                            </div>
                                            <div class="featured-content">
                                                <div class="featured-title">
                                                    <h5><a href="<?php echo e(url('holidays')); ?>">Holiday</a></h5>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-md-4 col-xs-12">
                            <div class="cmt-col-bgcolor-yes cmt-bg cmt-bgcolor-white cmt-left-span  " style="background-color: transparent;">

                                <div class="layer-content">

                                    <div class=" res-991-pr-0 res-991-mb-20" style="border-right: 3px solid #efc10c;">

                                        <div class="featured-icon-box icon-align-before-content style2">
                                            <div class="featured-icon">
                                                <div class="cmt-icon cmt-icon_element-border cmt-icon_element-color-skincolor cmt-icon_element-size-xl cmt-icon_element-style-square">
                                                    <i class="fa fa-bookmark"></i>
                                                </div>
                                            </div>
                                            <div class="featured-content">
                                                <div class="featured-title">
                                                    <h5><a href="<?php echo e(url('saturday-services')); ?>">Saturday Services</a></h5>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-md-4 col-xs-12">
                            <div class="cmt-col-bgcolor-yes cmt-bg cmt-bgcolor-white cmt-left-span  " style="background-color: transparent;">

                                <div class="layer-content">

                                    <div class=" res-991-pr-0 res-991-mb-20">

                                        <div class="featured-icon-box icon-align-before-content style2">
                                            <div class="featured-icon">
                                                <div class="cmt-icon cmt-icon_element-border cmt-icon_element-color-skincolor cmt-icon_element-size-xl cmt-icon_element-style-square">
                                                    <i class="fa fa-bell"></i>
                                                </div>
                                            </div>
                                            <div class="featured-content">
                                                <div class="featured-title">
                                                    <h5><a href="<?php echo e(url('announcement')); ?>">Announcement</a></h5>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!--introduction-section-->


            <section class="verticle-announcement">
                <div class="bg">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-7 col-md-7 col-sm-6">
                                <div style="    box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);">
                                    <h4 class="announcement-title">ANNOUNCEMENTS AND ADVISORIES</h4>
                                     
                                    <div class="wrap">
                            			<div class="newsTickerCon">
                                			<ul class="newsTicker"><!--********************************************************************************************-->
                                				 <?php $__currentLoopData = $announcements; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $announcment): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                				<li>
                                				    <a href="<?php echo e(url('announcement')); ?>">
                                				        <div class="headline"><?php echo e($announcment->title); ?></div>
                                    				    <p><?php echo e(\Carbon\Carbon::parse($announcment->announcement_date)->format('F d Y, l')); ?> 
                                    				  
                                    				    </p>
                                				    </a>
                                				</li> 
                                				 <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                			</ul>
                        			    </div>
                        			</div>
    
                                </div>
                            </div>
                            <div class="col-lg-5 col-md-5 col-sm-6">
                                <div>
                                    <p style="color:#2b2b2b">2023 Philippine Independence Day Message of President Ferdinand R. Marcos Jr.</p>
                                </div>
                                <div class="o-video">
                                    <iframe src="https://www.youtube.com/embed/rmtwWTHtdr4?si=t8HchybxR9LtnpA7" allowfullscreen></iframe>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            
            


            <!--blog-section-->
            <section class="cmt-row blog_2-section mt_240 res-991-mt-0 clearfix">
                <div class="container">

                    <div class="row align-items-center">
                        <div class="col-xl-12 col-lg-12 col-md-12">

                            <div class="section-title">
                                <div class="title-header pb-5">

                                    <h4 class="title new-title">PRESS & PHOTO RELEASE</h4>
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="row slick_slider" data-slick='{"slidesToShow": 3, "slidesToScroll": 1, "arrows":true, "autoplay":true, "infinite":true, "centerMode":true, "initialSlide":2, 
                    "centerPadding":0, "responsive": [{"breakpoint":870,"settings":{"slidesToShow": 2}}, {"breakpoint":540,"settings":{"slidesToShow": 1}}]}'>

                        <?php $__currentLoopData = $blogs; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $blog): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="cmt-box-col-wrapper col-lg-12">

                            <div class="featured-imagebox featured-imagebox-post style3">
                                <div class="badges-item">
                                    <span class="category"><?php echo e($blog->category); ?></span>
                                </div>
                                <div class="cmt-post-thumbnail featured-thumbnail">
                                    <img class="img-fluid" src="<?php echo e(url($blog->thumbnail ?? '')); ?>" alt="image">
                                </div>
                                <div class="featured-content featured-content-post">
                                    
                                    <div class="post-header">
                                        <div class="post-title featured-title">
                                            <h5><a href="<?php echo e(url("press/{$blog->id}")); ?>"><?php echo e($blog->title); ?></a></h5>
                                        </div>
                                    </div>
                                    <div class="post-meta">

                                        <span class="cmt-meta-line post-date"><i class="fa fa-calendar"></i><?php echo e(\Carbon\Carbon::parse($blog->publish_date)->format('d F Y')); ?></span>
                                    </div>
                                   
                                    <div class="post-bottom cmt-post-link">
                                        <a class="cmt-btn cmt-btn-size-sm cmt-icon-btn-left cmt-btn-color-skincolor btn-inline" href="<?php echo e(url("press/{$blog->id}")); ?>" tabindex="0">
                                        <i class="fa fa-minus"></i>Read more</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                    </div>
                </div>
            </section>
            <!--blog-section end-->

            <!--services_row-section-->
            <section class="cmt-row services_row-section clearfix pad-40">
                <div class="container-fluid">

                    <div class="row">
                        <div class="col-lg-3 col-md-3 col-sm-6" style="margin: auto;">

                            <div class="section-title">
                                <div class="title-header">
                                    <h2>Other Links</h2>
                                    <h5 class="title"> </h5>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-9 col-md-9 col-sm-6">
                            <!--client-section-->
                            <div class="cmt-row client-section   cmt-bg cmt-bgimage-yes bg-img7 cmt-bg-pattern border-bottom clearfix">
                                <div class="cmt-row-wrapper-bg-layer cmt-bg-layer"></div>
                                <div class="container">

                                    <div class="row text-center">
                                        <div class="col-md-12">

                                            <div class="slick_slider row" data-slick='{"slidesToShow": 5, "slidesToScroll": 1, "arrows":false, "autoplay":true, "infinite":true, "responsive": [{"breakpoint":1200,"settings":{"slidesToShow": 5}}, {"breakpoint":1024,"settings":{"slidesToShow": 4}}, {"breakpoint":777,"settings":{"slidesToShow": 3}}, {"breakpoint":575,"settings":{"slidesToShow": 2}}, {"breakpoint":380,"settings":{"slidesToShow": 1}}]}'>
                                                <a href="https://dfa.gov.ph/?__cf_chl_rt_tk=ImuFAQfrbdXN_dF_RqzM_0R9hfB5VJMsijHSz6ggX3U-1702374689-0-gaNycGzNDaU" target="_blank">
                                                    
                                                <div class="client-box">
                                                    <div class="cmt-client-logo-tooltip">
                                                        <div class="client-thumbnail">
                                                            <img class="img-fluid" src="<?php echo e(url('front/images/logo/logo1.svg')); ?>" alt="image">
                                                        </div>
                                                        <div class="client-title">
                                                            <h5>Department of Foreign Affairs</h5>
                                                        </div>
                                                    </div>
                                                </div>
                                                </a>
                                                 <a href="https://iatf.doh.gov.ph/?page_id=77" target="_blank">
                                                <div class="client-box">
                                                    <div class="cmt-client-logo-tooltip">
                                                        <div class="client-thumbnail">
                                                            <img class="img-fluid" src="<?php echo e(url('front/images/logo/logo2.png')); ?>" alt="image">
                                                        </div>
                                                        <div class="client-title">
                                                            <h5>Inter- Agency Task Force </h5>
                                                        </div>
                                                    </div>
                                                </div>
                                                </a>
                                                 <a href="https://nbi.gov.ph/" target="_blank">
                                                <div class="client-box">
                                                    <div class="cmt-client-logo-tooltip">
                                                        <div class="client-thumbnail">
                                                            <img class="img-fluid" src="<?php echo e(url('front/images/logo/logo4.svg')); ?>" alt="image">
                                                        </div>
                                                        <div class="client-title">
                                                            <h5>National Bureau of Investigation</h5>
                                                        </div>
                                                    </div>
                                                </div>
                                                </a>
                                                <a href="https://psa.gov.ph/" target="_blank">
                                                <div class="client-box">
                                                    <div class="cmt-client-logo-tooltip">
                                                        <div class="client-thumbnail">
                                                            <img class="img-fluid" src="<?php echo e(url('front/images/logo/logo5.svg')); ?>" alt="image">
                                                        </div>
                                                        <div class="client-title">
                                                            <h5> Philippine Statistics Authority</h5>
                                                        </div>
                                                    </div>
                                                </div>
                                                </a>
                                                <a href="https://sss.gov.ph/" target="_blank">
                                                <div class="client-box">
                                                    <div class="cmt-client-logo-tooltip">
                                                        <div class="client-thumbnail">
                                                            <img class="img-fluid" src="<?php echo e(url('front/images/logo/logo6.svg')); ?>" alt="image">
                                                        </div>
                                                        <div class="client-title">
                                                            <h5>Social Security System </h5>
                                                        </div>
                                                    </div>
                                                </div>
                                                </a>
                                                <a href="https://sites.google.com/dfa.gov.ph/crc/home?fbclid=IwAR3jdkR2xe05hyvqUtJCPhN5ssy_QgdCll4t8kTOyVkgZQQS18UHNDguBG0" target="_blank">
                                                <div class="client-box">
                                                    <div class="cmt-client-logo-tooltip">
                                                        <div class="client-thumbnail">
                                                            <img class="img-fluid" src="<?php echo e(url('front/images/logo/logo3.png')); ?>" alt="image">
                                                        </div>
                                                        <div class="client-title">
                                                            <h5>CRC Microsite</h5>
                                                        </div>
                                                    </div>
                                                </div>
                                                </a>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--client-section end-->
                        </div>
                    </div>


                </div>
            </section>
            <!--services_row-section end-->


        </div>
        <div class="modal fade" id="onload" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
            aria-hidden="true" style="background-color: #0000006e;">
            <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLongTitle">ANNOUNCEMENTS</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="announcement-text">
                            <?php $__currentLoopData = $announcements; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $announcment): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            
                                                <a href="#"><?php echo e($announcment->title); ?></a>
                                                <p> <?php echo e(\Carbon\Carbon::parse($announcment->announcement_date)->format('F d Y, l')); ?></p>
                                            
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary plain-bg" data-dismiss="modal"
                            style="background-color:#ffffff00;color:#2b2b2b;border:none;font-weight:700">CLOSE AND SHOW
                            AGAIN NEXT TIME</button>
                        <button type="button" class="btn btn-secondary " style="background-color:#2B4A88"
                            data-dismiss="modal">CLOSE</button>
                    </div>
                </div>
            </div>
        </div>
<?php $__env->stopSection(); ?>

<?php $__env->startPush('js'); ?>
    <script>
        $(document).ready(function () {
            var news = [
                <?php $__currentLoopData = $announcements; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $accouncement): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                
                {
                "heading": "<?php echo e($accouncement->title); ?>",
                "url": "<?php echo e(url('announcement')); ?>"
            },
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            ];

            $("#newsTicker1").easyNewsTicker({
                "animation": {
                    "effect": "scroll",
                    "duration": 2000
                },
                "data": news
            });
            $("#newsTicker2").easyNewsTicker({
                "animation": {
                    "effect": "slide-vertical",
                    "easing": "easeInOutExpo",
                    "duration": 2000
                },
                "data": news
            });
            $("#newsTicker3").easyNewsTicker({
                "animation": {
                    "effect": "slide-horizontal",
                    "easing": "easeInOutExpo",
                    "duration": 2000
                },
                "data": news
            });
            $("#newsTicker4").easyNewsTicker({
                "animation": {
                    "effect": "fade",
                },
                "data": news
            });
            $("#newsTicker5").easyNewsTicker({
                "animation": {
                    "effect": "typewriter",
                },
                "data": news
            });

            // THEMES
            for (var i = 1; i <= 10; i++) {
                $("#newsTicker_theme" + i).easyNewsTicker({
                    "theme": i,
                    "animation": {
                        "effect": "slide-vertical",
                        "easing": "easeInOutExpo",
                        "duration": 5000
                    },
                    "data": news
                });
            }

            // slider
            var slideWrapper = $(".main-slider"),
                iframes = slideWrapper.find('.embed-player'),
                lazyImages = slideWrapper.find('.slide-image'),
                lazyCounter = 0;

            // POST commands to YouTube or Vimeo API
            function postMessageToPlayer(player, command) {
                if (player == null || command == null) return;
                player.contentWindow.postMessage(JSON.stringify(command), "*");
            }

            // When the slide is changing
            function playPauseVideo(slick, control) {
                var currentSlide, slideType, startTime, player, video;

                currentSlide = slick.find(".slick-current");
                slideType = currentSlide.attr("class").split(" ")[1];
                player = currentSlide.find("iframe").get(0);
                startTime = currentSlide.data("video-start");

                if (slideType === "vimeo") {
                    switch (control) {
                        case "play":
                            if ((startTime != null && startTime > 0) && !currentSlide.hasClass('started')) {
                                currentSlide.addClass('started');
                                postMessageToPlayer(player, {
                                    "method": "setCurrentTime",
                                    "value": startTime
                                });
                            }
                            postMessageToPlayer(player, {
                                "method": "play",
                                "value": 1
                            });
                            break;
                        case "pause":
                            postMessageToPlayer(player, {
                                "method": "pause",
                                "value": 1
                            });
                            break;
                    }
                } else if (slideType === "youtube") {
                    switch (control) {
                        case "play":
                            postMessageToPlayer(player, {
                                "event": "command",
                                "func": "mute"
                            });
                            postMessageToPlayer(player, {
                                "event": "command",
                                "func": "playVideo"
                            });
                            break;
                        case "pause":
                            postMessageToPlayer(player, {
                                "event": "command",
                                "func": "pauseVideo"
                            });
                            break;
                    }
                } else if (slideType === "video") {
                    video = currentSlide.children("video").get(0);
                    if (video != null) {
                        if (control === "play") {
                            video.play();
                        } else {
                            video.pause();
                        }
                    }
                }
            }

            // Resize player
            function resizePlayer(iframes, ratio) {
                if (!iframes[0]) return;
                var win = $(".main-slider"),
                    width = win.width(),
                    playerWidth,
                    height = win.height(),
                    playerHeight,
                    ratio = ratio || 16 / 9;

                iframes.each(function () {
                    var current = $(this);
                    if (width / ratio < height) {
                        playerWidth = Math.ceil(height * ratio);
                        current.width(playerWidth).height(height).css({
                            left: (width - playerWidth) / 2,
                            top: 0
                        });
                    } else {
                        playerHeight = Math.ceil(width / ratio);
                        current.width(width).height(playerHeight).css({
                            left: 0,
                            top: (height - playerHeight) / 2
                        });
                    }
                });
            }

            // DOM Ready
            $(function () {
                // Initialize
                slideWrapper.on("init", function (slick) {
                    slick = $(slick.currentTarget);
                    setTimeout(function () {
                        playPauseVideo(slick, "play");
                    }, 1000);
                    resizePlayer(iframes, 16 / 9);
                });
                slideWrapper.on("beforeChange", function (event, slick) {
                    slick = $(slick.$slider);
                    playPauseVideo(slick, "pause");
                });
                slideWrapper.on("afterChange", function (event, slick) {
                    slick = $(slick.$slider);
                    playPauseVideo(slick, "play");
                });
                slideWrapper.on("lazyLoaded", function (event, slick, image, imageSource) {
                    lazyCounter++;
                    if (lazyCounter === lazyImages.length) {
                        lazyImages.addClass('show');
                        // slideWrapper.slick("slickPlay");
                    }
                });

                //start the slider
                slideWrapper.slick({
                    // fade:true,
                    autoplaySpeed: 4000,
                    lazyLoad: "progressive",
                    speed: 600,
                    arrows: false,
                    dots: true,
                    cssEase: "cubic-bezier(0.87, 0.03, 0.41, 0.9)"
                });
                
                //
            });

            // Resize event
            $(window).on("resize.slickVideoPlayer", function () {
                resizePlayer(iframes, 16 / 9);
            });
            // slider end
        });

        jQuery.fn.liScroll = function (settings) {
            settings = jQuery.extend({
                travelocity: 0.03
            }, settings);
            return this.each(function () {
                var $strip = jQuery(this);
                $strip.addClass("newsticker")
                var stripHeight = 1;
                $strip.find("li").each(function (i) {
                    stripHeight += jQuery(this, i).outerHeight(true); // thanks to Michael Haszprunar and Fabien Volpi
                });
                var $mask = $strip.wrap("<div class='mask'></div>");
                var $tickercontainer = $strip.parent().wrap("<div class='tickercontainer'></div>");
                var containerHeight = $strip.parent().parent().height(); //a.k.a. 'mask' width 	
                $strip.height(stripHeight);
                var totalTravel = stripHeight;
                var defTiming = totalTravel / settings.travelocity; // thanks to Scott Waye		
                function scrollnews(spazio, tempo) {
                    $strip.animate({
                        top: '-=' + spazio
                    }, tempo, "linear", function () {
                        $strip.css("top", containerHeight);
                        scrollnews(totalTravel, defTiming);
                    });
                }
                scrollnews(totalTravel, defTiming);
                $strip.hover(function () {
                    jQuery(this).stop();
                },
                    function () {
                        var offset = jQuery(this).offset();
                        var residualSpace = offset.top + stripHeight;
                        var residualTime = residualSpace / settings.travelocity;
                        scrollnews(residualSpace, residualTime);
                    });
            });
        };

        $(function () {
            $("ul#ticker01").liScroll();
        });
    </script>
    <script type="text/javascript">
        // $(window).on('load', function () {
        //     $('#onload').modal('show');
        // });
    </script>
    <Script>
    $(document).ready(function(e) {
	var newsNum = $(".newsTicker li").length;
	
	var totalNews_H =0;	
	for(var i=0; i<newsNum; i++){
		var news_H = $(".newsTicker li").eq(i).outerHeight(true);
		totalNews_H = totalNews_H + news_H;
	}
	
	$(".newsTicker").css('height', totalNews_H+'px');	
	
	var speed =1, animAmount, animInterval;
	
	animateNews();

	function animateNews(){
		$(".newsTicker li").eq(0).animate({
			'marginTop' : '-='+ speed + 'px'
		},1, function(){
			animAmount = speed;
			var animNews_H = $(".newsTicker li").eq(0).outerHeight(true);
			
			if(animAmount >= animNews_H){
				$(this).parent().append($(this));
				$(this).removeAttr('style');	
			}
			
			animInterval = setTimeout(function(){
				animateNews();	
			},50);	
		});
	}
	
	$(".newsTicker").hover(function(){
		clearTimeout(animInterval);
		$(".newsTicker li").eq(0).stop();	
	}, function(){
		animateNews();	
	});
});
</Script>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('layout.web', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/codexxatester/public_html/resources/views/home.blade.php ENDPATH**/ ?>