<?php require('header.php');
$page = getPage(1);
$team = getPage(2);
?>

    <div class="ser-page__holder">
        <div class="section__head">
            <div class="wrapper head__wrapper">
                <h1 class="section__title">Services</h1>
                <div class="section__head__links">
                    <a href="index.php" class="section__head__link">Home</a>
                    <span class="section__head__link__text head__link__separator">Services</span>
                </div>
            </div>
        </div>
        <section class="page__top">
            <div class="wrapper">
                <div class="head top__head">
                    <h2 class="top__title title">committed all the way</h2>
                    <!--                    <p>Experience the difference, with Libatel turn your communication system into an asset</p>-->
                </div>
                <div class="top__text text--colored">
                    <?= $page['text']; ?>
                </div>

            </div>
        </section>
        <section class="ser-page__middle page__middle">
            <div class="wrapper">
                <div class="ser__middle__container">
                    <div class="ser__middle__item-holder">
                        <div class="ser__middle__item middle__item">
                            <span class="ser__middle__icon">
                                <img src="images/services/customize.png" alt="Customize" title="Customize"/>
                            </span>
                            <h3 class="ser__middle__item__title middle__item__title">Customize</h3>
                            <p class="ser__middle__item__text middle__item__text">Our tailored solutions will help you
                                ramp-up your in house capabilities.</p>
                        </div>
                    </div>
                    <div class="ser__middle__item-holder">
                        <div class="ser__middle__item middle__item">
                            <span class="ser__middle__icon">
                                <img src="images/services/implement.png" alt="Implement" title="Implement"/>
                            </span>
                            <h3 class="ser__middle__item__title middle__item__title">Implement</h3>
                            <p class="ser__middle__item__text middle__item__text">Our Top notch certified engineers will
                                ensure an efficient rollout.</p>
                        </div>
                    </div>
                    <div class="ser__middle__item-holder">
                        <div class="ser__middle__item middle__item">
                            <span class="ser__middle__icon">
                                <img src="images/services/support.png" alt="Support" title="Support"/>
                            </span>
                            <h3 class="ser__middle__item__title middle__item__title">Support</h3>
                            <p class="ser__middle__item__text middle__item__text">Count on our Best-in-class customer
                                service to solve your problems.</p>
                        </div>
                    </div>
                    <div class="ser__middle__item-holder">
                        <div class="ser__middle__item middle__item">
                            <span class="ser__middle__icon">
                                <img src="images/services/design.png" alt="Design" title="Design"/>
                            </span>
                            <h3 class="ser__middle__item__title middle__item__title">Design</h3>
                            <p class="ser__middle__item__text middle__item__text">We rely on our expert presales team to
                                provide you with optimized solutions.</p>
                        </div>
                    </div>
                    <div class="ser__middle__item-holder">
                        <div class="ser__middle__item middle__item">
                            <span class="ser__middle__icon">
                                <img src="images/services/consult.png" alt="Consult" title="Consult"/>
                            </span>
                            <h3 class="ser__middle__item__title middle__item__title">Consult</h3>
                            <p class="ser__middle__item__text middle__item__text">We understand your needs and bring in
                                innovative ideas.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="ser-page__bottom page__bottom">
            <div class="wrapper">
                <div class="bottom__content">
                    <div class="bottom__item bottom__item--left">
                        <div class="bottom__head ser__bottom__head--left">
                            <h3 class="bottom__title">The team</h3>
                        </div>
                        <div class="bottom__text__holder">
                            <div class="bottom__text">
                                <?= $team['text']; ?>
                            </div>
                        </div>
                    </div>
                    <div class="bottom__item bottom__item--right">
                        <!--<div class="bottom__head bottom__head--right">
                            <h3 class="bottom__title bottom__title--colored">Embrace Innovation</h3>
                        </div>-->
                        <div class="bottom__text__holder">
                            <img src="<?= $team['image']; ?>" style="max-width:100%"/>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
    <div class="">
        <a href="contact-us.php" class="btn footer__link" style="margin: 10px auto">Contact us</a>
    </div>

<?php require('footer.php') ?>