777 lines
49 KiB
HTML
777 lines
49 KiB
HTML
|
{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="/skin/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="/skin/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="/skin/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="/skin/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="/skin/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="/skin/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="/skin/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="/skin/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="/skin/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="["web"]" 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="/skin/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="["php", "css"]" 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="/skin/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="["php"]" 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="/skin/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="["php", "hmtl"]" 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="/skin/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="["desktop", "css"]" 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="/skin/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="["web", "html"]" 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="/skin/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="/skin/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="/skin/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="/skin/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="/skin/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="/skin/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="/skin/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="/skin/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="/skin/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="/skin/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="/skin/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="/skin/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="/skin/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="/skin/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="/skin/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="/skin/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="/skin/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="/skin/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="/skin/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="/skin/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="/skin/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="/skin/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="/skin/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="/skin/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="/skin/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="/skin/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}
|