<!--  hero area start  -->
<?= Modules::run('slideshow') ?>
<!--  hero area end  -->

<?php $banner = $this->db->select('*')->from('home_centerbanners')->where('id_home_centerbanners',1)->get()->row(); ?>
<!--  about section start  -->
<div class="about-section home-3">
    <div class="container">
    <div class="row">
        <div class="col-lg-5">
            <div class="outer">
                <div class="inner">
                <div class="about-txt about-bg-3">
                    <span class="title"><?= $banner->banner1_link?></span>
                    <h2 class="subtitle" style="text-align: center">WELCOME TO <br><span style="text-align: left;font-size: 31px;"><?= $banner->banner2_link?></span></h2>
                    <p><?= $banner->banner1_text?></p>
                </div>
                </div>
            </div>
        </div>
        <div class="col-xl-5 offset-lg-1 col-lg-6">
            <div class="about-points">
                <div class="single-point">
                <div class="icon-wrapper"><i class="flaticon-worldwide"></i></div>
                <div class="point-txt">
                    <h4><?= $banner->banner2_text?></h4>
                    <p><?= $banner->banner3_link?></p>
                </div>
                </div>
                <div class="single-point">
                <div class="icon-wrapper"><i class="flaticon-customer-service"></i></div>
                <div class="point-txt">
                    <h4><?= $banner->banner3_text?></h4>
                    <p><?= $banner->banner4_link?></p>
                </div>
                </div>
                <div class="single-point">
                <div class="icon-wrapper"><i class="flaticon-send"></i></div>
                <div class="point-txt">
                    <h4><?= $banner->banner4_text?></h4>
                    <p><?= $banner->banner5_link?></p>
                </div>
                </div>
            </div>
        </div>
    </div>
    </div>
</div>
<!--  about section end  -->



<!--  service section start  -->
<div class="service-section">
    <div class="container">
        <span class="title">Our Services</span>
        <h2 class="subtitle">WHAT WE PROVIDE</h2>
        <div class="service-carousel owl-carousel owl-theme">
            <?php foreach ($services as $service) : ?>
                <div class="single-service">
                    <div class="img-wrapper">
                        <img src="<?= base_url() . 'uploads/category/' . $service->thumbnail; ?>" alt="">
                    </div>
                    <div class="service-txt">
                        <h4 class="service-title"><?= $service->category; ?></h4>
                        <br />
                        <p class="service-para"><?= $service->short_description; ?></p>
                        <a href="<?= base_url() . 'services/view/' . $service->alias; ?>" class="readmore">Read More</a>
                    </div>
                </div>
            <?php endforeach; ?>
        </div>
    </div>
</div>
<!--  service section end  -->



<!--  Testimonial section start  -->

<!--  Testimonial section end  -->

<!--   quote section start    -->
<div class="quote-section" style="position:relative; margin-bottom:-10px;">

    <video autoplay muted loop id="myVideo" style="position:relative; height:100%; width:100%">
        <source src="<?= base_url('theme/img/shipping2.mp4')?>" type="video/mp4">
    </video>

    <div class="container" id="videoForm">
        <div class="row">
        <div class="offset-lg-5 col-lg-7">
            <div class="quote-form-section">
                <span class="title">Quote</span>
                <h2 class="subtitle">Request a free quote</h2>
                <?= form_open('welcome/request_quote'); ?>
                    <div class="row">
                    <div class="col-lg-6">
                        <div class="form-element">
                            <input name="name" type="text" placeholder="You name" required>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-element">
                            <div class="select-wrapper">
                                <select name="freight" required>
                                <option value="" selected disabled>Select a Freight</option>
                                <option value="Air Freight">Air Freight</option>
                                <option value="Ocean Freight">Ocean Freight</option>
                                <option value="Road Freight">Road Freight</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-element"><input required name="email" type="email" placeholder="Email"></div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-element"><input required name="phone" type="text" placeholder="Phone"></div>
                    </div>
                    <div class="col-lg-12">
                        <div class="form-element mb-0"><button type="submit"><span>Submit</span></button></div>
                    </div>
                    </div>
                <?= form_close(); ?>
            </div>
        </div>
        </div>
    </div>
</div>
<!--   quote section end    -->


<!--   cta section start    -->
<div class="cta-section cta-bg">
    <div class="container">
        <div class="cta-container">
        <div class="row align-items-center"> 
            <div class="col-lg-9">
                <h2 class="mb-lg-0 text-center text-lg-left">Reach your destination 100% safe & secure</h2>
            </div>
            <div class="col-lg-3 text-center text-lg-right">
                <a href="<?= base_url('contact'); ?>" class="boxed-btn"><span>Contact Us</span></a>
            </div>
        </div>
        </div>
    </div>
    <div class="cta-overlay"></div>
</div>
<!--   cta section end    -->