{include file=$header}
    <!-- START ABOUT -->
    <section class="section construction-about" id="about">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-4">
                    <div class="construction-about-image">
                        <img src="img/work-as-an-accountant37.jpg" class="img-fluid" alt="">
                    </div>
                </div>

                <div class="col-lg-7 offset-1">
                    <div class="mt-5 mt-lg-0">
                        <h4 class="f-16 text-muted text-uppercase letter-spacing_2">Добро пожаловать в Настоящее!</h4>
                        <h3 class="mt-4">Больше не нужны архивы первичных документов!</h3>
                        <p class="text-muted mt-4">Не шлите курьеров, не ходите на почту, не ждите и не теряйте времени!<br><br>
                            Просто отправляйте и принимайте документы через онлайн-сервисы или учетной программы!<br><br>
                            ООО Инсталл крупнейший в Нижнем Тагиле представитель компании СКБ Контур, у нас есть филиалы в близлежащих городах - Кушва, Качканар, Верхотурье!<br><br>
                            Специалисты по сопровождению программных продуктов иммеют сертификацию и многолетний опыт работы!
                        </p>
                        <div class="row mt-5">
                            <div class="col-lg-6">
                                <div>
                                    <div class="construction-about-icon">
                                        <!-- i class="pe-7s-config"></i -->
                                        <img src="img/site.png" style="height: 50px;">
                                    </div>
                                    <h4 class="f-15 letter-spacing_2 text-uppercase mt-3">WEB-Интерфейс</h4>
                                    <p class="text-muted mt-3 mb-0">Мы предлагаем использование сервиса Диадок в режиме On-Line, с его помощью вы можете принимать, подписывать входящие документы абсолютно бесплатно</p>
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div>
                                    <div class="construction-about-icon">
                                        <img src="img/1c.png" style="height: 50px;">
                                        <!-- i class="pe-7s-display1"></i -->
                                    </div>

                                    <h4 class="f-15 letter-spacing_2 text-uppercase mt-3">Интеграция с 1С</h4>
                                    <p class="text-muted mt-3 mb-0">Через обработку Диадок первичные документы будут автоматически создаваться в 1С!</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- END ABOUT -->
    <hr>

    <!-- START SERVICES -->
    <section class="section construction-services" id="services">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="text-center">
                        <h2 class="heading-title-title letter-spacing_4 text-uppercase">Сервисы</h2>
                        <p class="heading-title-desc text-muted mt-4">Pellentesque
 habitant morbi tristique senectus malesuada fames turpis egestas duis 
dignissim finibus commodo nibh malesuada sollis diam.</p>
                    </div>
                </div>
            </div>

            <div class="row mt-5 pt-3">
                <div class="col-lg-4">
                    <div class="construction-services-box mt-4">
                        <div class="construction-services-img">
                            <img src="img/rulers.png" class="img-fluid" alt="">
                        </div>
                        <div class="construction-services-content mt-3">
                            <h4 class="f-15 letter-spacing_2 text-uppercase mt-3">WEB-интерфейс Диадок</h4>
                            <p class="mb-0 text-muted mt-3">Через WEB-Интерфейс вы найдете своих контрагентов.</p>
                            <p class="mb-0 text-muted mt-3">Создайте или загрузите готовые отгрузочные документы и отправите своим партнерам!</p>
                            <p class="mb-0 text-muted mt-3">Все входящие документы бесплатно!</p>

                        </div>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="construction-services-box mt-4">
                        <div class="construction-services-img">
                            <img src="img/tools.png" class="img-fluid" alt="">
                        </div>
                        <div class="construction-services-content mt-3">
                            <h4 class="f-15 letter-spacing_2 text-uppercase mt-3">Интеграция с Контур.Маркет</h4>
                            <p class="mb-0 text-muted mt-3">Подтверждайте получение маркированных товаров в WEB-сервисе Контур.Маркет</p>

                        </div>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="construction-services-box mt-4">
                        <div class="construction-services-img">
                            <img src="img/desktop.png" class="img-fluid" alt="">
                        </div>
                        <div class="construction-services-content mt-3">
                            <h4 class="f-15 letter-spacing_2 text-uppercase mt-3">Интеграция с 1С 8.х</h4>
                            <p class="mb-0 text-muted mt-3">С помощью внешней обработки Диадок отправляйте документы прямо из программы 1С</p>
                            <p class="mb-0 text-muted mt-3">Больше не надо заносить вручную номенклатуру и первичные документы - все загрузится само!</p>

                        </div>
                    </div>
                </div>
            </div>

            <div class="row mt-5">
                <div class="col-lg-4">
                    <div class="construction-services-box mt-4">
                        <div class="construction-services-img">
                            <img src="img/briefcase.png" class="img-fluid" alt="">
                        </div>
                        <div class="construction-services-content mt-3">
                            <h4 class="f-15 letter-spacing_2 text-uppercase mt-3">Architecture</h4>
                            <p class="mb-0 text-muted mt-3">Aliquam ligula order tortor donec lobortis tha turpis pulvinar in suspendise rutrum acumsan maximus mauris condimentum.</p>

                        </div>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="construction-services-box mt-4">
                        <div class="construction-services-img">
                            <img src="img/drawing-tablet.png" class="img-fluid" alt="">
                        </div>
                        <div class="construction-services-content mt-3">
                            <h4 class="f-15 letter-spacing_2 text-uppercase mt-3">Planning</h4>
                            <p class="mb-0 text-muted mt-3">Aliquam ligula order tortor donec lobortis tha turpis pulvinar in suspendise rutrum acumsan maximus mauris condimentum.</p>

                        </div>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="construction-services-box mt-4">
                        <div class="construction-services-img">
                            <img src="img/presentation.png" class="img-fluid" alt="">
                        </div>
                        <div class="construction-services-content mt-3">
                            <h4 class="f-15 letter-spacing_2 text-uppercase mt-3">Constructor</h4>
                            <p class="mb-0 text-muted mt-3">Aliquam ligula order tortor donec lobortis tha turpis pulvinar in suspendise rutrum acumsan maximus mauris condimentum.</p>

                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>
    <!-- END SERVICES -->

    <hr>

    <!--start WORK-->
    <section class="section portfolio business-portfolio" id="work">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-12">
                    <div class="text-center">
                        <h2 class="heading-title-title letter-spacing_4 text-uppercase">Recent Project</h2>
                        <p class="heading-title-desc text-muted mt-4 mb-0">Pellentesque habitant morbi tristique
                            senectus malesuada fames turpis egestas
                            duis dignissim finibus commodo nibh malesuada sollis diam.</p>
                    </div>
                </div>
                <!--end col-->
                <div class="col-lg-8">
                    <div class="filters-group-wrap mt-5 pt-3">
                        <div class="filters-group">
                            <ul class="nav filter-options list-unstyled list-inline justify-content-center">
                                <li data-group="all" class="active nav-link list-inline-item mt-2" style="cursor: pointer;">
                                    All</li>
                                <li data-group="web" class="nav-link list-inline-item mt-2" style="cursor: pointer;">
                                    Architecture</li>
                                <li data-group="desktop" class="nav-link list-inline-item mt-2" style="cursor: pointer;">
                                    Builder</li>
                                <li data-group="php" class="nav-link list-inline-item mt-2" style="cursor: pointer;">
                                    Electric</li>
                                <li data-group="html" class="nav-link list-inline-item mt-2" style="cursor: pointer;">
                                    Painting</li>
                            </ul>
                            <!--end portfolio-list-->
                        </div>
                    </div>
                </div>
                <!--end col-->
            </div>
            <!--end row-->
        </div>
        <!--end container-->
        <div class="container mt-5">
            <div class="row g-0 shuffle" id="grid" style="position: relative; overflow: hidden; height: 448.1px; transition: height 250ms cubic-bezier(0.4, 0, 0.2, 1) 0s;">
                <div class="col-lg-4 picture-item shuffle-item shuffle-item--visible" data-groups="[&quot;web&quot;]" style="position: absolute; top: 0px; visibility: visible; will-change: transform; left: 0px; opacity: 1; transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform, opacity;">
                    <div class="gallary-box m-3 portfolio">
                        <a class="lightbox port tobii-zoom" href="https://themesdesign.in/tulsy/layouts/images/works/work-1.jpg" title="">
                            <img class="gallary-container" src="img/work-1.jpg" alt="1">
                            <div class="item-effect">
                                <div class="item-caption text-center bg-primary text-white p-3">
                                    <h5 class="f-14 letter-spacing_2 text-uppercase mb-0">Ui Designer</h5>
                                </div>
                            </div>
                        <div class="tobii-zoom__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path stroke="none" d="M0 0h24v24H0z"></path><polyline points="16 4 20 4 20 8"></polyline><line x1="14" y1="10" x2="20" y2="4"></line><polyline points="8 20 4 20 4 16"></polyline><line x1="4" y1="20" x2="10" y2="14"></line><polyline points="16 20 20 20 20 16"></polyline><line x1="14" y1="14" x2="20" y2="20"></line><polyline points="8 4 4 4 4 8"></polyline><line x1="4" y1="4" x2="10" y2="10"></line></svg></div></a>
                    </div>
                </div>
                <!--end col-->
                <div class="col-lg-4 picture-item shuffle-item shuffle-item--visible" data-groups="[&quot;php&quot;, &quot;css&quot;]" style="position: absolute; top: 0px; visibility: visible; will-change: transform; left: 0px; opacity: 1; transform: translate(312px) scale(1); transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform, opacity;">
                    <div class="gallary-box m-3 portfolio">
                        <a class="lightbox port tobii-zoom" href="https://themesdesign.in/tulsy/layouts/images/works/work-2.jpg" title="">
                            <img class="gallary-container" src="img/work-2.jpg" alt="2">
                            <div class="item-effect">
                                <div class="item-caption text-center bg-primary text-white p-3">
                                    <h5 class="f-14 letter-spacing_2 text-uppercase mb-0">Ui Designer</h5>
                                </div>
                            </div>
                        <div class="tobii-zoom__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path stroke="none" d="M0 0h24v24H0z"></path><polyline points="16 4 20 4 20 8"></polyline><line x1="14" y1="10" x2="20" y2="4"></line><polyline points="8 20 4 20 4 16"></polyline><line x1="4" y1="20" x2="10" y2="14"></line><polyline points="16 20 20 20 20 16"></polyline><line x1="14" y1="14" x2="20" y2="20"></line><polyline points="8 4 4 4 4 8"></polyline><line x1="4" y1="4" x2="10" y2="10"></line></svg></div></a>
                    </div>
                    <!--end portfolio-->
                </div>
                <!--end col-->
                <div class="col-lg-4 picture-item shuffle-item shuffle-item--visible" data-groups="[&quot;php&quot;]" style="position: absolute; top: 0px; visibility: visible; will-change: transform; left: 0px; opacity: 1; transform: translate(624px) scale(1); transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform, opacity;">
                    <div class="gallary-box m-3 portfolio">
                        <a class="lightbox port tobii-zoom" href="https://themesdesign.in/tulsy/layouts/images/works/work-3.jpg" title="">
                            <img class="gallary-container" src="img/work-3.jpg" alt="3">
                            <div class="item-effect">
                                <div class="item-caption text-center bg-primary text-white p-3">
                                    <h5 class="f-14 letter-spacing_2 text-uppercase mb-0">Ui Designer</h5>
                                </div>
                            </div>
                        <div class="tobii-zoom__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path stroke="none" d="M0 0h24v24H0z"></path><polyline points="16 4 20 4 20 8"></polyline><line x1="14" y1="10" x2="20" y2="4"></line><polyline points="8 20 4 20 4 16"></polyline><line x1="4" y1="20" x2="10" y2="14"></line><polyline points="16 20 20 20 20 16"></polyline><line x1="14" y1="14" x2="20" y2="20"></line><polyline points="8 4 4 4 4 8"></polyline><line x1="4" y1="4" x2="10" y2="10"></line></svg></div></a>
                    </div>
                    <!--end portfolio-->
                </div>
                <!--end col-->
                <div class="col-lg-4 picture-item shuffle-item shuffle-item--visible" data-groups="[&quot;php&quot;, &quot;hmtl&quot;]" style="position: absolute; top: 0px; visibility: visible; will-change: transform; left: 0px; opacity: 1; transform: translate(0px, 224px) scale(1); transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform, opacity;">
                    <div class="gallary-box m-3 portfolio">
                        <a class="lightbox port tobii-zoom" href="https://themesdesign.in/tulsy/layouts/images/works/work-4.jpg" title="">
                            <img class="gallary-container" src="img/work-4.jpg" alt="4">
                            <div class="item-effect">
                                <div class="item-caption text-center bg-primary text-white p-3">
                                    <h5 class="f-14 letter-spacing_2 text-uppercase mb-0">Ui Designer</h5>
                                </div>
                            </div>
                        <div class="tobii-zoom__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path stroke="none" d="M0 0h24v24H0z"></path><polyline points="16 4 20 4 20 8"></polyline><line x1="14" y1="10" x2="20" y2="4"></line><polyline points="8 20 4 20 4 16"></polyline><line x1="4" y1="20" x2="10" y2="14"></line><polyline points="16 20 20 20 20 16"></polyline><line x1="14" y1="14" x2="20" y2="20"></line><polyline points="8 4 4 4 4 8"></polyline><line x1="4" y1="4" x2="10" y2="10"></line></svg></div></a>
                    </div>
                    <!--end portfolio-->
                </div>
                <!--end col-->
                <div class="col-lg-4 picture-item shuffle-item shuffle-item--visible" data-groups="[&quot;desktop&quot;, &quot;css&quot;]" style="position: absolute; top: 0px; visibility: visible; will-change: transform; left: 0px; opacity: 1; transform: translate(312px, 224px) scale(1); transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform, opacity;">
                    <div class="gallary-box m-3 portfolio">
                        <a class="lightbox port tobii-zoom" href="https://themesdesign.in/tulsy/layouts/images/works/work-5.jpg" title="">
                            <img class="gallary-container" src="img/work-5.jpg" alt="5">
                            <div class="item-effect">
                                <div class="item-caption text-center bg-primary text-white p-3">
                                    <h5 class="f-14 letter-spacing_2 text-uppercase mb-0">Ui Designer</h5>
                                </div>
                            </div>
                        <div class="tobii-zoom__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path stroke="none" d="M0 0h24v24H0z"></path><polyline points="16 4 20 4 20 8"></polyline><line x1="14" y1="10" x2="20" y2="4"></line><polyline points="8 20 4 20 4 16"></polyline><line x1="4" y1="20" x2="10" y2="14"></line><polyline points="16 20 20 20 20 16"></polyline><line x1="14" y1="14" x2="20" y2="20"></line><polyline points="8 4 4 4 4 8"></polyline><line x1="4" y1="4" x2="10" y2="10"></line></svg></div></a>
                    </div>
                    <!--end portfolio-->
                </div>
                <!--end col-->
                <div class="col-lg-4 picture-item shuffle-item shuffle-item--visible" data-groups="[&quot;web&quot;, &quot;html&quot;]" style="position: absolute; top: 0px; visibility: visible; will-change: transform; left: 0px; opacity: 1; transform: translate(624px, 224px) scale(1); transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform, opacity;">
                    <div class="gallary-box m-3 portfolio">
                        <a class="lightbox port tobii-zoom" href="https://themesdesign.in/tulsy/layouts/images/works/work-6.jpg" title="">
                            <img class="gallary-container" src="img/work-6.jpg" alt="6">
                            <div class="item-effect">
                                <div class="item-caption text-center bg-primary text-white p-3">
                                    <h5 class="f-14 letter-spacing_2 text-uppercase mb-0">Ui Designer</h5>
                                </div>
                            </div>
                        <div class="tobii-zoom__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path stroke="none" d="M0 0h24v24H0z"></path><polyline points="16 4 20 4 20 8"></polyline><line x1="14" y1="10" x2="20" y2="4"></line><polyline points="8 20 4 20 4 16"></polyline><line x1="4" y1="20" x2="10" y2="14"></line><polyline points="16 20 20 20 20 16"></polyline><line x1="14" y1="14" x2="20" y2="20"></line><polyline points="8 4 4 4 4 8"></polyline><line x1="4" y1="4" x2="10" y2="10"></line></svg></div></a>
                    </div>
                    <!--end portfolio-->
                </div>
                <!--end col-->
            </div>
            <!--end row-->
        </div>
        <!--end container-fluid-->
    </section>
    <!--end WORK-->
{*
    <!-- START COUNTER -->
    <section class="section cta">
        <div class="bg-overlay"></div>
        <div class="container">
            <div class="row" id="counter">
                <div class="col-lg-3">
                    <div class="text-center">
                        <div class="counter-icon">
                            <i class="pe-7s-like"></i>
                        </div>
                        <h2 class="counter-count mt-4 text-white">
                            <span class="counter_value" id="count1">253</span>
                        </h2>
                        <h5 class="mt-3 text-uppercase f-13 text-light letter-spacing_2">Projects like</h5>
                    </div>
                </div>

                <div class="col-lg-3">
                    <div class="text-center">
                        <div class="counter-icon">
                            <i class="pe-7s-smile"></i>
                        </div>
                        <h2 class="counter-count mt-4 text-white">
                            <span class="counter_value" id="count2">252</span>
                        </h2>
                        <h5 class="mt-3 text-uppercase f-13 text-light letter-spacing_2">Happy Clients</h5>
                    </div>
                </div>

                <div class="col-lg-3">
                    <div class="text-center">
                        <div class="counter-icon">
                            <i class="pe-7s-anchor"></i>
                        </div>
                        <h2 class="counter-count mt-4 text-white">
                            <span class="counter_value" id="count3">1252</span>
                        </h2>
                        <h5 class="mt-3 text-uppercase f-13 text-light letter-spacing_2">Projects Completed</h5>
                    </div>
                </div>

                <div class="col-lg-3">
                    <div class="text-center">
                        <div class="counter-icon">
                            <i class="pe-7s-user"></i>
                        </div>
                        <h2 class="counter-count mt-4 text-white">
                            <span class="counter_value" id="count4">52</span>
                        </h2>
                        <h5 class="mt-3 text-uppercase f-13 text-light letter-spacing_2">Employee</h5>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- END COUNTER -->
*}
    <!-- START CLIENT -->
    <section class="section construction-client" id="client">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="text-center">
                        <h2 class="heading-title-title letter-spacing_4 text-uppercase">Client Says</h2>
                        <p class="heading-title-desc text-muted mt-4">Pellentesque
 habitant morbi tristique senectus malesuada fames turpis egestas duis 
dignissim finibus commodo nibh malesuada sollis diam.</p>
                    </div>
                </div>
            </div>

            <div class="row mt-5 pt-4">
                <div class="col-lg-12">
                      <div class="swiper mySwiper6 swiper-initialized swiper-horizontal swiper-pointer-events">
                        <div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-2340px, 0px, 0px);" id="swiper-wrapper-187472f4cab10cc8e" aria-live="off"><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="2" style="width: 468px;" role="group" aria-label="3 / 4">
                            <div class="item m-2">
                                <div class="construction-client-box bg-white text-center p-4 mt-5">
                                    <div class="construction-client-img">
                                        <img src="img/user-3.jpg" class="img-fluid rounded-circle" alt="">
                                    </div>
    
                                    <div class="construction-client-content mt-5">
                                        <h5 class="text-uppercase letter-spacing_2 f-15">Michael Cobb</h5>
                                        <p class="f-16 mt-4">Nullam 
tempor lacinia porta imperdiet faucibus liquam consequat consequat 
faucibus tempor purus suscipit malesuada diam vita sagittis.</p>
    
                                        <div class="construction-client-logo mt-4">
                                            <img src="img/client-3.png" class="img-fluid" alt="" width="120">
                                        </div>
                                    </div>
                                </div>
                            </div>
                          </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="3" style="width: 468px;" role="group" aria-label="4 / 4">
                            <div class="item m-2">
                                <div class="construction-client-box bg-white text-center p-4 mt-5">
                                    <div class="construction-client-img">
                                        <img src="img/user-4.jpg" class="img-fluid rounded-circle" alt="">
                                    </div>
    
                                    <div class="construction-client-content mt-5">
                                        <h5 class="text-uppercase letter-spacing_2 f-15">Kevin Kinney</h5>
                                        <p class="f-16 mt-4">Nullam 
tempor lacinia porta imperdiet faucibus liquam consequat consequat 
faucibus tempor purus suscipit malesuada diam vita sagittis.</p>
    
                                        <div class="construction-client-logo mt-4">
                                            <img src="img/client-4.png" class="img-fluid" alt="" width="120">
                                        </div>
                                    </div>
                                </div>
                            </div>
                          </div>
                          <div class="swiper-slide swiper-slide-duplicate-next" data-swiper-slide-index="0" style="width: 468px;" role="group" aria-label="1 / 4">
                            <div class="item m-2">
                                <div class="construction-client-box bg-white text-center p-4 mt-5">
                                    <div class="construction-client-img">
                                        <img src="img/user-1.jpg" class="img-fluid rounded-circle" alt="">
                                    </div>
    
                                    <div class="construction-client-content mt-5">
                                        <h5 class="text-uppercase letter-spacing_2 f-15">Russell McGee</h5>
                                        <p class="f-16 mt-4">Nullam 
tempor lacinia porta imperdiet faucibus liquam consequat consequat 
faucibus tempor purus suscipit malesuada diam vita sagittis.</p>
    
                                        <div class="construction-client-logo mt-4">
                                            <img src="img/client-1.png" class="img-fluid" alt="" width="120">
                                        </div>
                                    </div>
                                </div>
                            </div>
                          </div>
                          <div class="swiper-slide" data-swiper-slide-index="1" style="width: 468px;" role="group" aria-label="2 / 4">
                            <div class="item m-2">
                                <div class="construction-client-box bg-white text-center p-4 mt-5">
                                    <div class="construction-client-img">
                                        <img src="img/user-2.jpg" class="img-fluid rounded-circle" alt="">
                                    </div>
    
                                    <div class="construction-client-content mt-5">
                                        <h5 class="text-uppercase letter-spacing_2 f-15">John Poynter</h5>
                                        <p class="f-16 mt-4">Nullam 
tempor lacinia porta imperdiet faucibus liquam consequat consequat 
faucibus tempor purus suscipit malesuada diam vita sagittis.</p>
    
                                        <div class="construction-client-logo mt-4">
                                            <img src="img/client-2.png" class="img-fluid" alt="" width="120">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            </div>
                          <div class="swiper-slide swiper-slide-prev" data-swiper-slide-index="2" style="width: 468px;" role="group" aria-label="3 / 4">
                            <div class="item m-2">
                                <div class="construction-client-box bg-white text-center p-4 mt-5">
                                    <div class="construction-client-img">
                                        <img src="img/user-3.jpg" class="img-fluid rounded-circle" alt="">
                                    </div>
    
                                    <div class="construction-client-content mt-5">
                                        <h5 class="text-uppercase letter-spacing_2 f-15">Michael Cobb</h5>
                                        <p class="f-16 mt-4">Nullam 
tempor lacinia porta imperdiet faucibus liquam consequat consequat 
faucibus tempor purus suscipit malesuada diam vita sagittis.</p>
    
                                        <div class="construction-client-logo mt-4">
                                            <img src="img/client-3.png" class="img-fluid" alt="" width="120">
                                        </div>
                                    </div>
                                </div>
                            </div>
                          </div>
                          <div class="swiper-slide swiper-slide-active" data-swiper-slide-index="3" style="width: 468px;" role="group" aria-label="4 / 4">
                            <div class="item m-2">
                                <div class="construction-client-box bg-white text-center p-4 mt-5">
                                    <div class="construction-client-img">
                                        <img src="img/user-4.jpg" class="img-fluid rounded-circle" alt="">
                                    </div>
    
                                    <div class="construction-client-content mt-5">
                                        <h5 class="text-uppercase letter-spacing_2 f-15">Kevin Kinney</h5>
                                        <p class="f-16 mt-4">Nullam 
tempor lacinia porta imperdiet faucibus liquam consequat consequat 
faucibus tempor purus suscipit malesuada diam vita sagittis.</p>
    
                                        <div class="construction-client-logo mt-4">
                                            <img src="img/client-4.png" class="img-fluid" alt="" width="120">
                                        </div>
                                    </div>
                                </div>
                            </div>
                          </div>
                        <div class="swiper-slide swiper-slide-duplicate swiper-slide-next" data-swiper-slide-index="0" style="width: 468px;" role="group" aria-label="1 / 4">
                            <div class="item m-2">
                                <div class="construction-client-box bg-white text-center p-4 mt-5">
                                    <div class="construction-client-img">
                                        <img src="img/user-1.jpg" class="img-fluid rounded-circle" alt="">
                                    </div>
    
                                    <div class="construction-client-content mt-5">
                                        <h5 class="text-uppercase letter-spacing_2 f-15">Russell McGee</h5>
                                        <p class="f-16 mt-4">Nullam 
tempor lacinia porta imperdiet faucibus liquam consequat consequat 
faucibus tempor purus suscipit malesuada diam vita sagittis.</p>
    
                                        <div class="construction-client-logo mt-4">
                                            <img src="img/client-1.png" class="img-fluid" alt="" width="120">
                                        </div>
                                    </div>
                                </div>
                            </div>
                          </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1" style="width: 468px;" role="group" aria-label="2 / 4">
                            <div class="item m-2">
                                <div class="construction-client-box bg-white text-center p-4 mt-5">
                                    <div class="construction-client-img">
                                        <img src="img/user-2.jpg" class="img-fluid rounded-circle" alt="">
                                    </div>
    
                                    <div class="construction-client-content mt-5">
                                        <h5 class="text-uppercase letter-spacing_2 f-15">John Poynter</h5>
                                        <p class="f-16 mt-4">Nullam 
tempor lacinia porta imperdiet faucibus liquam consequat consequat 
faucibus tempor purus suscipit malesuada diam vita sagittis.</p>
    
                                        <div class="construction-client-logo mt-4">
                                            <img src="img/client-2.png" class="img-fluid" alt="" width="120">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            </div></div>
                      <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
                </div>
            </div>
        </div>
    </section>
    <!-- END CLIENT -->

    <hr>

    <!-- START PRICING -->
    <section class="section" id="pricing">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="text-center">
                        <h2 class="heading-title-title letter-spacing_4 text-uppercase">Our Pricing</h2>
                        <p class="heading-title-desc text-muted mt-4">Pellentesque
 habitant morbi tristique senectus malesuada fames turpis egestas duis 
dignissim finibus commodo nibh malesuada sollis diam.</p>
                    </div>
                </div>
            </div>

            <div class="row mt-5 pt-3">
                <div class="col-lg-4">
                    <div class="construction-pricing-box text-center mt-4">
                        <div class="p-4">
                            <h3 class="mb-0">$23.99</h3>
                        </div>

                        <div class="construction-pricing-standard p-3">
                            <h4 class="text-uppercase f-20 letter-spacing_4 mb-0">Standard</h4>
                        </div>
                        <div class="p-5">

                            <div class="construction-pricing-img">
                                <img src="img/pricing-1.jpg" class="img-fluid rounded-circle" alt="">
                            </div>

                            <div class="mt-4 pt-2">
                                <p class="text-muted">Popular Construction Project</p>
                                <p class="text-muted">Highway Construction</p>
                                <p class="text-muted mb-0">Specialty Architects Engineers</p>
                            </div>

                            <div class="mt-4 pt-3">
                                <a href="#" class="btn btn-md btn-dark-custom">Purches Now</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="construction-pricing-box text-center mt-4">
                        <div class="p-4">
                            <h3 class="mb-0">$53.99</h3>
                        </div>

                        <div class="construction-pricing-standard-active p-3">
                            <h4 class="text-uppercase f-20 letter-spacing_4 mb-0">Premium</h4>
                        </div>
                        <div class="p-5">

                            <div class="construction-pricing-img">
                                <img src="img/pricing-2.jpg" class="img-fluid rounded-circle" alt="">
                            </div>

                            <div class="mt-4 pt-2">
                                <p class="text-muted">Popular Construction Project</p>
                                <p class="text-muted">Highway Construction</p>
                                <p class="text-muted mb-0">Specialty Architects Engineers</p>
                            </div>

                            <div class="mt-4 pt-3">
                                <a href="#" class="btn btn-md btn-dark-custom">Purches Now</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="construction-pricing-box text-center mt-4">
                        <div class="p-4">
                            <h3 class="mb-0">$73.99</h3>
                        </div>

                        <div class="construction-pricing-standard p-3">
                            <h4 class="text-uppercase f-20 letter-spacing_4 mb-0">Advanced</h4>
                        </div>
                        <div class="p-5">

                            <div class="construction-pricing-img">
                                <img src="img/pricing-3.jpg" class="img-fluid rounded-circle" alt="">
                            </div>

                            <div class="mt-4 pt-2">
                                <p class="text-muted">Popular Construction Project</p>
                                <p class="text-muted">Highway Construction</p>
                                <p class="text-muted mb-0">Specialty Architects Engineers</p>
                            </div>

                            <div class="mt-4 pt-3">
                                <a href="#" class="btn btn-md btn-dark-custom">Purches Now</a>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>
    <!-- END PRICING -->

    <!-- START CTA -->
    <section class="section bg-construction-cta">
        <div class="bg-overlay"></div>
        <div class="container">
            <div class="row ">
                <div class="col-lg-12">
                    <div class="construction-cta-content text-white text-center">
                        <h4 class="construction-cta-title text-uppercase line-height_1_4 letter-spacing_2">Providing Personalized and High Quality services</h4>
                        <p class="mt-4 text-white-50">Contrary to 
popular belief quisque s ipsum ultrices pulvinar cras iaculis magna a 
congue ligula congue donec vehicula sit amet tincidunt.</p>
                        <div class="mt-4 pt-3">
                            <a href="#" class="btn btn-md btn-white">Get In Touch</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- END CTA -->

    <!-- START TEAM -->
    <section class="section" id="team">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="home-title text-center">
                        <h2 class="heading-title-title letter-spacing_4 text-uppercase">Smart Team</h2>
                        <p class="heading-title-desc text-muted mt-4">Pellentesque habitant morbi tristique senectus
                            malesuada fames turpis egestas duis dignissim finibus commodo nibh malesuada sollis diam.
                        </p>
                    </div>
                </div>
            </div>

            <div class="row mt-5 pt-3">
                <div class="col-lg-4">
                    <div class="team p-4 text-center mt-4">
                        <div class="agency-team-img">
                            <img src="img/user-1.jpg" class="img-fluid rounded-circle" alt="">
                        </div>
                        <h5 class="mt-4 text-uppercase letter-spacing_2 f-15">Graig L. Catalano</h5>
                        <p class="text-muted f-13">Developer</p>
                        <p class="text-muted mb-0">There are many on variations passages sufered tha alteration form
                            injected randomised in look.</p>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="team p-4 text-center mt-4">
                        <div class="agency-team-img">
                            <img src="img/user-2.jpg" class="img-fluid rounded-circle" alt="">
                        </div>
                        <h5 class="mt-4 text-uppercase letter-spacing_2 f-15">Thomas M. Mock</h5>
                        <p class="text-muted f-13">Photoshop</p>
                        <p class="text-muted mb-0">There are many on variations passages sufered tha alteration form
                            injected randomised in look.</p>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="team p-4 text-center mt-4">
                        <div class="agency-team-img">
                            <img src="img/user-3.jpg" class="img-fluid rounded-circle" alt="">
                        </div>
                        <h5 class="mt-4 text-uppercase letter-spacing_2 f-15">Robert L. Kyte</h5>
                        <p class="text-muted f-13">Designer</p>
                        <p class="text-muted mb-0">There are many on variations passages sufered tha alteration form
                            injected randomised in look.</p>
                    </div>
                </div>

            </div>
        </div>
    </section>
    <!-- END TEAM -->

    <hr>

    <!-- START BLOG  -->
    <section class="section business-blog" id="blog">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="home-title text-center">
                        <h2 class="heading-title-title letter-spacing_4 text-uppercase">Our Blog</h2>
                        <p class="heading-title-desc text-muted mt-4">Pellentesque
 habitant morbi tristique senectus malesuada fames turpis egestas duis 
dignissim finibus commodo nibh malesuada sollis diam.</p>
                    </div>
                </div>
            </div>

            <div class="row mt-5 pt-3">
                <div class="col-lg-4">
                    <div class="business-blog-box mt-4">
                        <div class="business-blog-img">
                            <img src="img/blog-1.jpg" class="img-fluid" alt="">
                        </div>
                        <div class="business-blog-content bg-white p-3">
                            <div class="post-lable">By <a href="javascript:void(0)">John Doe</a> <span>07.02.2022</span></div>
                            <h5 class="f-18 line-height_1_6"><a class="text-primary" href="#">Reproduced below for those of which the word interested.</a></h5>
                            <p class="text-muted mt-3">Quisque sed enim elementum interdum ultricies blandit ligula mauris ultrices seuismod convallis porta.</p>
                            <div class="mt-4">
                                <a href="#about" class="btn btn-sm btn-dark-custom">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="business-blog-box mt-4">
                        <div class="business-blog-img">
                            <img src="img/blog-2.jpg" class="img-fluid" alt="">
                        </div>
                        <div class="business-blog-content bg-white p-3">
                            <div class="post-lable">By <a href="javascript:void(0)">John Doe</a> <span>08.02.2022</span></div>
                            <h5 class="f-18 line-height_1_6"><a class="text-primary" href="#">Fusce pretium metus purus a commodo interdum.</a></h5>
                            <p class="text-muted mt-3">Quisque sed enim elementum interdum ultricies blandit ligula mauris ultrices seuismod convallis porta.</p>
                            <div class="mt-4">
                                <a href="#about" class="btn btn-sm btn-dark-custom">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="business-blog-box mt-4">
                        <div class="business-blog-img">
                            <img src="img/blog-3.jpg" class="img-fluid" alt="">
                        </div>
                        <div class="business-blog-content bg-white p-3">
                            <div class="post-lable">By <a href="javascript:void(0)">John Doe</a> <span>09.02.2022</span></div>
                            <h5 class="f-18 line-height_1_6"><a class="text-primary" href="#"> Reproduced below for those of which the word interested.</a></h5>
                            <p class="text-muted mt-3">Quisque sed enim elementum interdum ultricies blandit ligula mauris ultrices seuismod convallis porta.</p>
                            <div class="mt-4">
                                <a href="#about" class="btn btn-sm btn-dark-custom">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>
    <!-- END BLOG -->
{include file=$footer}