<section class="wow fadeIn bg-white" id="services">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-md-8 center-col margin-eight-bottom text-center last-paragraph-no-margin">
            <h4 class="text-black margin-10px-bottom alt-font font-weight-400">Get an account that suits you</h4>
                <p class="text-extra-dark-gray alt-font">At <?php echo $set['site_name'];?>, we believe that the beauty of life lies in the little things that give us a better expression of ourselves, make us more social and connect emotionally</p>  
                <div class="margin-20px-top margin-50px-bottom"><a href="./register" target="_blank" class="btn btn-transparent-black border-radius-4 btn-small">GET STARTED TODAY!</a></div>

            </div>
        </div>
</section>
<section class="wow fadeIn bg-<?php echo $set['site_color'];?>" id="services">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 center-col margin-eight-bottom text-center last-paragraph-no-margin">
            <h4 class="text-white margin-10px-bottom alt-font font-weight-400"><?php echo $ui['s3_title'];?></h4>
                <p class="text-white alt-font"><?php echo $ui['s3_body'];?></p>                        
            </div>
        </div>
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12 text-center center-col">
            <!-- start features box item -->
                <div class="col-md-4 col-sm-6 col-xs-12 xs-margin-30px-bottom wow fadeInUp"data-wow-delay="0.4s">
                    <div class="padding-40px-all border-radius-4">
                        <div class="text-center inner-match-height">
                            <div class="display-inline-block margin-20px-bottom">                  
                                 <img src="./asset/images/<?php echo $ui['s3_1image'];?>" alt="" style="max-width:40%; height:auto;" />
                             </div>
                             <h6 class="text-white margin-10px-bottom alt-font font-weight-400"><?php echo $ui['s3_1title'];?></h6>
                            <p class="alt-font text-white margin-10px-bottom text-small"><?php echo $ui['s3_1body'];?></p>
                        </div>
                    </div>
                </div>
                <!-- end features box item -->
                <!-- start features box item -->
                <div class="col-md-4 col-sm-6 col-xs-12 xs-margin-30px-bottom wow fadeInUp"data-wow-delay="0.4s">
                    <div class="padding-40px-all border-radius-4">
                        <div class="text-center inner-match-height">
                            <div class="display-inline-block margin-20px-bottom">                  
                                 <img src="./asset/images/<?php echo $ui['s3_2image'];?>" alt="" style="max-width:40%; height:auto;" />
                             </div>
                             <h6 class="text-white margin-10px-bottom alt-font font-weight-400"><?php echo $ui['s3_2title'];?></h6>
                            <p class="alt-font text-white margin-10px-bottom text-small"><?php echo $ui['s3_2body'];?></p>
                        </div>
                    </div>
                </div>
                <!-- end features box item -->
                <!-- start features box item -->
                <div class="col-md-4 col-sm-6 col-xs-12 xs-margin-30px-bottom wow fadeInUp"data-wow-delay="0.4s">
                    <div class="padding-40px-all border-radius-4">
                        <div class="text-center inner-match-height">
                            <div class="display-inline-block margin-20px-bottom">                  
                                 <img src="./asset/images/<?php echo $ui['s3_3image'];?>" alt="" style="max-width:40%; height:auto;" />
                             </div>
                             <h6 class="text-white margin-10px-bottom alt-font font-weight-400"><?php echo $ui['s3_3title'];?></h6>
                            <p class="alt-font text-white margin-10px-bottom text-small"><?php echo $ui['s3_3body'];?></p>
                        </div>
                    </div>
                </div>
            <!-- end features box item -->
        </div>
    </div>
</section>
<section class="no-padding wow fadeIn bg-lwhite" id="section6">
    <div class="container-fluid">
        <div class="row equalize sm-equalize-auto"> 
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 wow fadeInLeft no-padding-lr xs-padding-30px-tb sm-padding-15px-lr">
                <div class="padding-eight-all pull-left md-padding-eight-all sm-no-padding-lr xs-padding-20px-tb">
                    <div class="feature-box-5 position-relative">
                        <div class="feature-content">
                            <h5 class="margin-20px-bottom text-black text-left alt-font font-weight-400 xs-margin-ten-bottom"><?php echo $ui['s1_title'];?></h5>
                            <p class="width-95 xs-width-100 alt-font text-black text-left"><?php echo $ui['s1_body'];?></p>
                            <div class="margin-20px-top margin-50px-bottom"><a href="./register" target="_blank" class="btn btn-black border-radius-4 btn-small pull-left ">Open an account</a></div>
                            <br>
                            <p class="width-95 xs-width-100 alt-font text-extra-light-gray text-extra-small text-left">Our website resides on a dedicated server with DDoS protection and SSL certificates, so attacks are virtually impossible. You can access your personal dashboard anytime, anywhere – 24/7.</p>
                        </div>
                    </div>
                </div>
            </div> 
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 cover-background sm-height-400px wow fadeInRight" style="background-image:url('./asset/images/<?php echo $ui['s1_image'];?>');"></div>
        </div>
    </div>
</section>
<?php if(mysqli_num_rows(mysqli_query($dbc, "SELECT * FROM review WHERE status=1"))>0){?>
<section class="wow fadeIn bg-<?php echo $set['site_color'];?> no-padding-bottom" id="press">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 center-col margin-eight-bottom text-center last-paragraph-no-margin">
            <h4 class="text-white margin-10px-bottom alt-font font-weight-400">In The Press</h4>
                <p class="text-white alt-font">See what the media has to say about <?php echo $set['site_name'];?>'s asset exchange platform</p>                        
            </div>
        </div>
        <div class="row position-relative">
            <div class="swiper-slider-second swiper-pagination-bottom swiper-container black-move testimonial-style2 padding-35px-bottom sm-padding-50px-bottom xs-sm-padding-30px-bottom wow fadeIn">
                <div class="swiper-slider-clients swiper-container black-move">
                    <div class="swiper-wrapper">
    <?php
    $data=mysqli_query($dbc, "SELECT * FROM review WHERE status=1 ORDER BY review.id desc LIMIT 3");
    while($row2 = mysqli_fetch_array($data)) {
    if(empty($row2['image_link'])){
        $cast="./asset/global_assets/images/placeholders/placeholder.jpg";
    }else{
        $cast="./asset/review/".$row2['image_link'];
    }
    ?> 
                        <div class="swiper-slide">
                    <div class="col-md-8 center-col sm-margin-two-bottom testimonial-style3 last-paragraph-no-margin wow fadeIn">
                        <div class="testimonial-content-box padding-twelve-all bg-white border-radius-6 box-shadow arrow-bottom sm-padding-eight-all alt-font text-extra-dark-gray">
                            <?php echo  $row2['review'];?>
                        </div>
                        <div class="testimonial-box padding-25px-all xs-padding-20px-all">
                            <div class="image-box width-20"><img src="<?php echo  $cast;?>" class="border-radius-100" alt="" /></div>
                            <div class="name-box padding-20px-left">
                                <div class="alt-font font-weight-500 text-small text-uppercase text-white"><?php echo  $row2['name'];?></div>
                                <p class="text-extra-small text-uppercase text-white alt-font"><?php echo  $row2['occupation'];?></p>
                            </div>
                        </div>
                    </div>
                        </div>
        <?php }?>                          
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<?php }?>
<?php if(mysqli_num_rows(mysqli_query($dbc, "SELECT * FROM faq"))>0){?>
<section class="bg-light-gray" id="faq">
    <div class="row">
        <div class="col-lg-12 col-md-12 center-col margin-eight-bottom text-center last-paragraph-no-margin">
            <h4 class="text-<?php echo $set['site_color'];?> margin-10px-bottom alt-font font-weight-400">Frequently Asked Questions</h4>
            <p class="text-extra-light-gray alt-font">We are available to help you with any of your banking needs and we make every effort to ensure contacting us as easy as possible</p>                        
        </div>
    </div>
    <div class="row">
        <div class="container">
        <?php 
        $result=mysqli_query($dbc, "SELECT * FROM faq");
        while($faq=mysqli_fetch_array($result)){
        ?>
            <div class="col-md-10 col-sm-12 col-xs-12 center-col">
                <!-- start accordion -->
                <div class="panel-group accordion-style1 bg-white border-radius-4" id="accordion-one">
                    <!-- start accordion item -->
                    <div class="panel">
                        <div class="padding-20px-all">
                            <div class="panel-heading">
                                <a data-toggle="collapse" data-parent="#accordion-one" href="#<?php echo $faq['id'];?>" class="collapsed" aria-expanded="false">
                                    <div class="panel-title text-extra-dark-gray position-relative padding-20px-right alt-font text-large">
                                        <?php echo $faq['question'];?>
                                    </div>
                                </a>
                            </div>
                            <div id="<?php echo $faq['id'];?>" class="panel-collapse collapse">
                                <div class="panel-body text-small alt-font text-extra-dark-gray">
                                    <?php echo $faq['answer'];?>
                                </div>
                            </div>
                        </div>
                    </div>                           
                </div>
                <!-- end accordion -->
            </div>
        <?php }?>
        </div>
    </div>
</section>
<?php }?>
 <section class="bg-<?php echo $set['site_color'];?> wow fadeIn" id="contact">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 center-col margin-eight-bottom text-center last-paragraph-no-margin">
                <?php if(!empty($_SESSION['contact'])){?>
                    <div class="col-md-10 col-sm-12 col-xs-12 center-col">
                        <div class="alert bg-white text-black alt-font alert-dismissible">
                            <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
                            <?php if($_SESSION['contact']=='security'){echo'Invalid security code';}else if($_SESSION['contact']=='message'){echo'Message successfully sent';}?>
                            
                        </div>
                    </div>
                <?php }?>
                <h4 class="text-white margin-10px-bottom alt-font font-weight-400">Reach us</h4>
            </div>
        </div>
        <?php $token = rand(1, 9).rand(0, 9).rand(0, 9).rand(0, 9).rand(0, 9);?>
        <div class="row">
            <div class="col-md-10 col-sm-10 col-xs-10 center-col last-paragraph-no-margin">
                <form action="app/home/contact" method="post" id="modal-details">
                    <div class="row">
                        <div class="col-md-6">
                            <input type="text" name="name" id="name" placeholder="Name *" class="bg-white border-color-white medium-input border-radius-4 alt-font text-black" required/>
                        </div>
                        <div class="col-md-6">
                            <input type="text" name="phone" id="phone" placeholder="Mobile *" class="bg-white border-color-white medium-input border-radius-4 alt-font text-black" required/>
                        </div>
                        <div class="col-md-12">
                            <input type="text" name="email" id="email" placeholder="E-mail *" class="bg-white border-color-white medium-input border-radius-4 alt-font text-black" required/>
                            <input type="hidden" name="verification_code" value="<?php echo $token;?>">
                            <input type="hidden" name="security_code" id="security_code" value="1">
                        </div>
                        <div class="col-md-12">
                            <textarea name="comment" placeholder="Message...." rows="3" class="bg-white border-color-white medium-input border-radius-4 alt-font text-black" required></textarea>
                        </div>
                        <div class="col-md-12 text-center">
                            <a class="btn btn-white btn-small border-radius-2 alt-font popup-with-zoom-anim wow fadeInUp" data-wow-delay="0.6s" href="#modal-popup2">Send  <i class="fa fa-arrow-right"></i></a>

                            <div id="modal-popup2" class="zoom-anim-dialog mfp-hide col-lg-3 col-md-6 col-sm-7 col-xs-11 center-col bg-white text-center modal-popup-main padding-50px-all">
                            <span class="text-extra-dark-gray text-uppercase alt-font text-extra-large font-weight-500 margin-15px-bottom display-block">Are you are human?</span>
                            <div class="margin-four text-medium letter-spacing-3 alt-font text-extra-dark-gray text-uppercase margin-70px-bottom sm-margin-50px-bottom xs-margin-30px-bottom display-inline-block  padding-five-all "><?php echo $token;?></div>
                            <input type="number" id="security_cd" id="boom" placeholder="Security code *" class="bg-white border-color-medium-white medium-input text-black alt-font" required/>
                            <button type="submit" class="btn btn-blue md-raised border-radius-2 btn-medium" form="modal-details">Confirm <i class="fa fa-arrow-right text-white"></i></button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>
<?php
if(mysqli_num_rows(mysqli_query($dbc, "SELECT * FROM trending WHERE status=1"))>0){ ?> 
<section class="wow fadeIn bg-light-gray">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 center-col margin-eight-bottom text-center last-paragraph-no-margin">
                <h4 class="text-<?php echo $set['site_color'];?> margin-10px-bottom alt-font font-weight-400">Latest News</h4>
                <p class="text-extra-light-gray alt-font">We bring the right people together to challenge established thinking and drive transforemation.</p>                        
            </div>
        </div>
        <div class="row equalize xs-equalize-auto">
        <?php
        $query="SELECT * FROM trending WHERE status=1 order by trending.id desc LIMIT 3";
        $result=mysqli_query($dbc, $query);
        while($df=mysqli_fetch_array($result)){
        $cat=mysqli_fetch_array(mysqli_query($dbc, "SELECT * FROM trending_cat WHERE id='".$df['cat_id']."'"));
        $mainnewstxt = strip_tags(implode(' ', array_slice(explode(' ', $df['content']), 0, 15))); 
        ?>
            <div class="grid-item col-md-4 col-sm-6 col-xs-12 margin-30px-bottom xs-text-center wow fadeInUp">
                <div class="blog-post bg-white inner-match-height border-radius-4">
                    <div class=" blog-post-images overflow-hidden position-relative">
                        <a href="./single/<?php echo $df['id'];?>">
                            <img src="./asset/thumbnails/<?php echo $df['thumbnails'];?>" alt="" />
                        </a>
                    </div>
                    <div class="post-details padding-40px-all sm-padding-20px-all">
                        <a href="./single/<?php echo $df['id'];?>" class="alt-font post-title text-medium text-extra-dark-gray width-100 display-block md-width-100 margin-15px-bottom"><?php echo $df['title'];?>!</a>
                        <p class="alt-font text-extra-dark-gray"><?php echo $mainnewstxt; ?>....</p>
                        <div class="author">
                            <span class="text-extra-dark-gray text-uppercase text-extra-small display-inline-block sm-display-block sm-margin-10px-top alt-font">by <a href="./single/<?php echo $df['id'];?>" class="text-extra-dark-gray">Admin</a>&nbsp;&nbsp;|&nbsp;&nbsp;<?php echo date("M j, Y", strtotime($df['date']));?></span>
                        </div>
                    </div>
                </div>
            </div>
        <?php } ?>
        </div> 
    </div>
</section>
<?php }?>