<?php

    $this->load->view('master/front/header');

    foreach ($results as $front_countdown) {
      $total_experience = $front_countdown['total_experience'];
      $happy_clients = $front_countdown['happy_clients'];
      $projects_done = $front_countdown['projects_done'];
    } 

?>

        <section class="hero-area hero-padding">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-6">
                        <div class="left-headings">
                            <h3>We do not simply make websites.</h3>
                            <h3>We craft digital experiences to make</h3>                
                            <h3>brands come alive in the <span>Digital World</span>.</h3>
                            <div class="work-btn">
                                <div class="work-effect"></div>
                                <a href="<?= site_url("Welcome/portfolio"); ?>"> View Our Work </a>
                            </div>
                        </div>                
                    </div>
                    <div class="col-md-6">
                        <div class="right-img">
                            <img src="<?= base_url(); ?>assets/image/intro.png" alt="" class="hero-side-img">
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- End of Hero Area -->

    </section>
    <!-- End of Intro -->

    <section class="video-countdown">

        <video src="<?= base_url(); ?>assets/image/home-featured-video.mp4" class="video" autoplay="" loop="" preload="" muted="" width="100%" height="100%"></video>

        <div class="overlay"></div>
        
        
                
            

        <div class="img-counter">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-4 col-4">
                            <img src="https://fakeimg.pl/150x150/1968a5/fff,255?text=<?php echo $total_experience; ?>&font=lobster" alt="" class="counter hvr-bounce-in">
                            <h3 class="text-center">Year of Experience</h3>
                    </div>
                    <div class="col-md-4 col-4">
                            <img src="https://fakeimg.pl/150x150/1968a5/fff,255?text=<?php echo $happy_clients; ?>&font=lobster" alt="" class="counter hvr-bounce-in">
                            <h3 class="text-center">Happy Clients</h3>
                    </div>
                    <div class="col-md-4 col-4">
                            <img src="https://fakeimg.pl/150x150/1968a5/fff,255?text=<?php echo $projects_done; ?>&font=lobster" alt="" class="counter hvr-bounce-in">
                            <h3 class="text-center">Projects Delivered</h3>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End of Video Count Down -->

    <section class="client-partner">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <h3> Client &amp; Partners </h3>
                    <h5>
                        We have grown with amazing clients, from startup to not-for-profit to conglomerates.<br> 
                        Here are just a few who trusted us for their digital promotion
                    </h5>
                </div>
            </div>
            <div class="row client-logo-area">
                <?php
                    foreach($logos as $logo){
                ?>
                <div class="col-md-2 col-6">
                    <img src="<?= base_url();  ?><?= $logo['picture_path']; ?>" alt="">
                </div>
                <?php } ?>
            </div>
        </div>
    </section>

    <!-- End of Client & Partner -->

    <section class="what-we-do">
        <div class="overlay"></div>
        <div class="container-fluid">
            <div class="row content-part">
                <div class="col-md-12">
                    <h3> What We Do </h3>
                    <h5>We help you with what we do the best</h5>
                </div>
            </div>
            <div class="row services">
                <div class="col-md-4 col-6">
                    <div class="ser-bg">
                        <i class="fas fa-desktop fa-2x"></i>
                        <h5>Website</h5>
                    </div>
                </div>

                <div class="col-md-4 col-6">
                    <div class="ser-bg">
                        <i class="fas fa-mobile fa-2x"></i>
                        <h5>Mobile App</h5>
                    </div>
                </div>

                <div class="col-md-4 col-6">
                    <div class="ser-bg">
                        <i class="fas fa-shopping-cart fa-2x"></i>
                        <h5>E-commerce</h5>
                    </div>
                </div>

                <div class="col-md-4 col-6">
                    <div class="ser-bg">
                        <i class="fas fa-camera fa-2x"></i>
                        <h5>Photography</h5>
                    </div>
                </div>

                <div class="col-md-4 col-6">
                    <div class="ser-bg">
                        <i class="fas fa-video fa-2x"></i>
                        <h5>Video</h5>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="ser-bg">
                        <i class="fas fa-globe fa-2x"></i>
                        <h5>Virtual Tour</h5>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- End of What We Do -->

    <div class="devider"></div><!-- Artifical Space Between Div's -->

    <section class="interested">

        <div class="container-fluid">
            
            <a href="#" class="interested">
                <div class="circle">
                    <span>Are You Interested?</span>
                    <b></b>
                </div>
            </a>

            <h3>Let’s make <span>something great</span> together</h3>

            <div class="row">
                <div class="btn-bottom">
                    <div class="work-btn">
                        <div class="work-effect"></div>
                        <a href="<?= site_url("Welcome/startProject"); ?>" class="hvr-icon-forward">
                            Start a Project
                            <i class="fa fa-chevron-circle-right hvr-icon"></i>
                        </a>
                    </div>
                </div>
            </div>

            <div class="contact-info">
                <div class="row">
                    <div class="col-md-6 right-bar">
                        <a href="mailto:feedback@iciclecorporation.com">feedback@iciclecorporation.com</a>
                    </div>
                    <div class="col-md-6">
                        <i class="fas fa-phone fa-2x"></i> <a href="tel:+880-9678774488">+880-9678774488</a>
                    </div>
                </div>   
            </div>

        </div>

    </section>

    <!-- End of Interested portion -->

<?php

    $this->load->view('master/front/footer');
?>