Старт

This commit is contained in:
2023-11-07 19:51:49 +06:00
commit 86542a157f
5002 changed files with 199551 additions and 0 deletions

437
index_0.html Normal file
View File

@ -0,0 +1,437 @@
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<head>
<title>Бесплатный сбор телеметрии GPS/ГЛОНАСС мониторинг</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Телеметрия и GPS/ГЛОНАСС трекинг, контроль расхода топлива, пройденного пути, скорости и работы механизмов Алматы и весь Казахстан">
<link rel="shortcut icon" href="favicon.ico">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- Global CSS -->
<link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
<!-- Plugins CSS -->
<link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.css">
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="assets/css/styles.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- ******HEADER****** -->
<header id="header" class="header">
<div class="container">
<h1 class="logo">
<a class="scrollto" href="#hero">
<span class="logo-icon-wrapper"><img class="logo-icon" src="assets/images/logo-icon.svg" alt="icon"></span>
<span class="text"><span class="highlight">GEO</span>Vizor</span></a>
</h1><!--//logo-->
<nav class="main-nav navbar-right" role="navigation">
<div class="navbar-header">
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button><!--//nav-toggle-->
</div><!--//navbar-header-->
<div id="navbar-collapse" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active nav-item"><a class="scrollto" href="#about">О проекте</a></li>
<li class="nav-item"><a class="scrollto" href="#testimonials">Отзывы</a></li>
<li class="nav-item"><a class="scrollto" href="#features">Характеристики</a></li>
<li class="nav-item"><a class="scrollto" href="#team">Команда</a></li>
<li class="nav-item"><a class="scrollto" href="#pricing">Цены</a></li>
<li class="nav-item"><a class="scrollto" href="#contact">Контакты</a></li>
</ul><!--//nav-->
</div><!--//navabr-collapse-->
</nav><!--//main-nav-->
</div><!--//container-->
</header><!--//header-->
<div id="hero" class="hero-section">
<div id="hero-carousel" class="hero-carousel carousel carousel-fade slide" data-ride="carousel" data-interval="10000">
<div class="figure-holder-wrapper">
<div class="container">
<div class="row">
<div class="figure-holder">
<img class="figure-image img-responsive" src="assets/images/imac.png" alt="image" />
</div><!--//figure-holder-->
</div><!--//row-->
</div><!--//container-->
</div><!--//figure-holder-wrapper-->
<!-- Indicators -->
<ol class="carousel-indicators">
<li class="active" data-slide-to="0" data-target="#hero-carousel"></li>
<li data-slide-to="1" data-target="#hero-carousel"></li>
<li data-slide-to="2" data-target="#hero-carousel"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item item-1 active">
<div class="item-content container">
<div class="item-content-inner">
<h2 class="heading">GEOVizor бесплатен!</h2>
<p class="intro">Идеальный GPS/ГЛОНАСС сервис мониторинга для тех, кто не любит платить не попробовав!</p>
<a class="btn btn-primary btn-cta" href="/monitoring" target="_blank">Начать</a>
</div><!--//item-content-inner-->
</div><!--//item-content-->
</div><!--//item-->
<div class="item item-2">
<div class="item-content container">
<div class="item-content-inner">
<h2 class="heading">GEOVizor функционален!</h2>
<p class="intro">Графическое представление табличных данных позволяет наглядно оценить показания эффективности.</p>
<a class="btn btn-primary btn-cta" href="/monitoring/" target="_blank">Завести</a>
</div><!--//item-content-inner-->
</div>
</div><!--//item-->
<div class="item item-3">
<div class="item-content container">
<div class="item-content-inner">
<h2 class="heading">GEOVizor многовидовой!</h2>
<p class="intro">Позволяет выбрать интересующее графическое представление под различные автоматизированные рабочие места!</p>
<a class="btn btn-primary btn-cta" href="/monitoring/" target="_blank">Поехали</a>
</div><!--//item-content-inner-->
</div>
</div><!--//item-->
</div><!--//carousel-inner-->
</div><!--//carousel-->
</div><!--//hero-->
<div id="about" class="about-section">
<div class="container text-center">
<h2 class="section-title">Зачем использовать GEOVizor?</h2>
<p class="intro">GEOVizor позволяет организовать бесплатный GPS/ГЛОНАСС мониторинг и сбор телеметрии.
</p>
<p class="intro">Если вы используете GPS часы либо приложение для контроля за ребёнком то можете не просто следить за местоположением но и автоматизировать наблюдение настроив геозоны в соответствии с расписанием в школе и при пересечении границы геозоны вам будет просигнализировано об этом.
</p>
<p class="intro">Торговые агенты
</p>
<ul class="technologies list-inline">
<li><img src="assets/images/logo-bootstrap.svg" alt="Bootstrap"></li>
<li><img src="assets/images/logo-angular.svg" alt="Angular"></li>
<li><img src="assets/images/logo-html5.svg" alt="HTML5"></li>
<li><img src="assets/images/logo-css3.svg" alt="CSS3"></li>
<li><img src="assets/images/logo-less.svg" alt="Less"></li>
<li><img src="assets/images/logo-jquery.svg" alt="jQuery"></li>
</ul>
<div class="items-wrapper row">
<div class="item col-sm-4 col-xs-12">
<div class="item-inner">
<div class="figure-holder">
<img class="figure-image" src="assets/images/figure-1.png" alt="image">
</div><!--//figure-holder-->
<h3 class="item-title">UX-центрированный дизайн</h3>
<div class="item-desc">
Сделайте дизайн UX / UI более удобным для пользователя. Позвольте GEOVizor позаботиться о дизайне, чтобы вы могли разрабатывать без дизайнерских ресурсов.
</div><!--//item-desc-->
</div><!--//item-inner-->
</div><!--//item-->
<div class="item col-sm-4 col-xs-12">
<div class="item-inner">
<div class="figure-holder">
<img class="figure-image" src="assets/images/figure-2.png" alt="image">
</div><!--//figure-holder-->
<h3 class="item-title">Разработка приложений Supercharge</h3>
<div class="item-desc">
GEOVizor предоставляет разработчикам готовое интерфейсное решение, чтобы вы могли сосредоточиться на том, чтобы сделать бэкэнд вашего приложения надежным и удивительным. Это дает возможность маленьким командам создавать большие вещи.</div><!--//item-desc-->
</div><!--//item-inner-->
</div><!--//item-->
<div class="item col-sm-4 col-xs-12">
<div class="item-inner">
<div class="figure-holder">
<img class="figure-image" src="assets/images/figure-3.png" alt="image">
</div><!--//figure-holder-->
<h3 class="item-title">Мобильность</h3>
<div class="item-desc">
Теперь вам не нужен терминал, достаточно установить мобильное приложение на телефон, и оно будет собирать GPS данные, а если у вас есть сторонние датчики, подключённые по Bluetooth или USB то можно получать телеметрию и с них.</div><!--//item-desc-->
</div><!--//item-inner-->
</div><!--//item-->
</div><!--//items-wrapper-->
</div><!--//container-->
</div><!--//about-section-->
<div id="testimonials" class="testimonials-section">
<div class="container">
<h2 class="section-title text-center">Много счастливых клиентов</h2>
<div class="item center-block">
<div class="profile-holder">
<img class="profile-image" src="assets/images/profile-1.png" alt="profile">
</div>
<div class="quote-holder">
<blockquote class="quote">
<p>После установки мобильного приложения следить за своим сорванцом стало намного проще, я всегда знаю в школе он или нет.</p>
<div class="quote-source">
<span class="name">@Denis,</span>
<span class="meta">Almaty</span>
</div><!--//quote-source-->
</blockquote>
</div><!--//quote-holder-->
</div><!--//item-->
<div class="item item-reversed center-block">
<div class="profile-holder">
<img class="profile-image" src="assets/images/profile-2.png" alt="profile">
</div>
<div class="quote-holder">
<blockquote class="quote">
<p>Testimonial goes here fermentum sed pharetra in, aliquet sodales quam. Ut sed turpis quis orci viverra aliquet interdum ut ipsum. </p>
<div class="quote-source">
<span class="name">@LisaWhite,</span>
<span class="meta">London</span>
</div><!--//quote-source-->
</blockquote>
</div><!--//quote-holder-->
</div><!--//item-->
<div class="item center-block">
<div class="profile-holder">
<img class="profile-image" src="assets/images/profile-3.png" alt="profile">
</div>
<div class="quote-holder">
<blockquote class="quote">
<p>Наконец то смог точно подсчитать сколько времени и где работает моя спецтехника. Ведь час её работы стоит от 10 000 тенге.</p>
<div class="quote-source">
<span class="name">@Janibek,</span>
<span class="meta">Nur-sultan</span>
</div><!--//quote-source-->
</blockquote>
</div><!--//quote-holder-->
</div><!--//item-->
<div class="item item-reversed center-block">
<div class="profile-holder">
<img class="profile-image" src="assets/images/profile-4.png" alt="profile">
</div>
<div class="quote-holder">
<blockquote class="quote">
<p>Testimonial goes here lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis</p>
<div class="quote-source">
<span class="name">@RyanW,</span>
<span class="meta">Paris</span>
</div><!--//quote-source-->
</blockquote>
</div><!--//quote-holder-->
</div><!--//item-->
</div><!--//container-->
</div><!--//testimonials-->
<div id="features" class="features-section">
<div class="container text-center">
<h2 class="section-title">Discover Features</h2>
<p class="intro">GEOVizor comes with an AngularJS version, 4 colour schemes and 100+ components</p>
<div class="tabbed-area row">
<!-- Nav tabs -->
<ul class="feature-nav nav nav-pill nav-stacked text-left col-md-4 col-sm-6 col-xs-12 col-md-push-8 col-sm-push-6 col-xs-push-0" role="tablist">
<li role="presentation" class="active"><a href="#feature-1" aria-controls="feature-1" role="tab" data-toggle="tab"><i class="fa fa-magic"></i>20+ Use Case-based App Pages</a></li>
<li role="presentation"><a href="#feature-2" aria-controls="feature-2" role="tab" data-toggle="tab"><i class="fa fa-cubes"></i>100+ Components and Widgets</a></li>
<li role="presentation"><a href="#feature-3" aria-controls="feature-3" role="tab" data-toggle="tab"><i class="fa fa-bar-chart"></i>Useful Chart Libraries</a></li>
<li role="presentation"><a href="#feature-4" aria-controls="feature-4" role="tab" data-toggle="tab"><i class="fa fa-star"></i>AngularJS Version Included</a></li>
<li role="presentation"><a href="#feature-5" aria-controls="feature-5" role="tab" data-toggle="tab"><i class="fa fa-rocket"></i>Built on Bootstrap 3</a></li>
<li role="presentation"><a href="#feature-6" aria-controls="feature-6" role="tab" data-toggle="tab"><i class="fa fa-tablet"></i>Fully Responsive</a></li>
<li role="presentation"><a href="#feature-7" aria-controls="feature-7" role="tab" data-toggle="tab"><i class="fa fa-file-code-o"></i>Valid HTML5 + CSS3</a></li>
<li role="presentation"><a href="#feature-8" aria-controls="feature-8" role="tab" data-toggle="tab"><i class="fa fa-heart"></i>Free Updates &amp; Support + Documentation</a></li>
</ul>
<!-- Tab panes -->
<div class="feature-content tab-content col-md-8 col-sm-6 col-xs-12 col-md-pull-4 col-sm-pull-6 col-xs-pull-0">
<div role="tabpanel" class="tab-pane fade in active" id="feature-1">
<a href="/monitoring/" target="_blank"><img class="img-responsive" src="assets/images/feature-1.png" alt="screenshot" ></a>
</div>
<div role="tabpanel" class="tab-pane fade" id="feature-2">
<a href="/monitoring/" target="_blank"><img class="img-responsive" src="assets/images/feature-2.png" alt="screenshot" ></a>
</div>
<div role="tabpanel" class="tab-pane fade" id="feature-3">
<a href="/monitoring/" target="_blank"><img class="img-responsive" src="assets/images/feature-3.png" alt="screenshot" ></a>
</div>
<div role="tabpanel" class="tab-pane fade" id="feature-4">
<a href="/monitoring/" target="_blank"><img class="img-responsive" src="assets/images/feature-4.png" alt="screenshot" ></a>
</div>
<div role="tabpanel" class="tab-pane fade" id="feature-5">
<a href="/monitoring/" target="_blank"><img class="img-responsive" src="assets/images/feature-5.png" alt="screenshot" ></a>
</div>
<div role="tabpanel" class="tab-pane fade" id="feature-6">
<a href="/monitoring/" target="_blank"><img class="img-responsive" src="assets/images/feature-6.png" alt="screenshot" ></a>
</div>
<div role="tabpanel" class="tab-pane fade" id="feature-7">
<a href="/monitoring/" target="_blank"><img class="img-responsive" src="assets/images/feature-7.png" alt="screenshot" ></a>
</div>
<div role="tabpanel" class="tab-pane fade" id="feature-8">
<a href="/monitoring/" target="_blank"><img class="img-responsive" src="assets/images/feature-8.png" alt="screenshot" ></a>
</div>
</div><!--//feature-content-->
</div><!--//tabbed-area-->
</div><!--//container-->
</div><!--//features-->
<div class="team-section" id="team">
<div class="container text-center">
<h2 class="section-title">Наша команда</h2>
<p class="intro">Посмотрите, кто стоит за GEOVizor</p>
<div class="story">
<p>GEOVizor создан командой разработчиков они твердо верят, что с правильным ресурсом, солопренеры и небольшие команды могут выполнить красивые продукты тоже. Таким образом, они создали OBServer, чтобы помочь людям создавать конкурентноспособные услуги.</p>
</div>
<div class="members-wrapper row">
<div class="item col-md-6 col-sm-6 col-xs-12">
<div class="item-inner">
<div class="profile">
<img class="profile-image" src="assets/images/team-1.png" alt="Xiaoying Riley" />
</div>
<div class="member-content">
<h3 class="member-name">Надия Альфарова</h3>
<div class="member-title">Project Manager</div>
<ul class="social list-inline">
<li><a class="twitter" href="https://twitter.com/3rdwave_themes" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a class="facebook" href="https://www.facebook.com/3rdwavethemes/" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a class="github" href="https://github.com/xriley" target="_blank"><i class="fa fa-github"></i></a></li>
<li><a class="dribbble" href="https://dribbble.com/Xiaoying" target="_blank"><i class="fa fa-dribbble"></i></a></li>
<li><a class="linkedin" href="https://uk.linkedin.com/in/xiaoying" target="_blank"><i class="fa fa-linkedin"></i></a></li>
</ul>
<div class="member-desc">
<p>Проектирование и расстановка приоритетов, планирование выполнения задач, контроль, коммуникации, а также оперативное решение проблем.</p>
</div><!--//member-desc-->
</div><!--//member-content-->
</div><!--//item-inner-->
</div><!--//item-->
<div class="item col-md-6 col-sm-6 col-xs-12">
<div class="item-inner">
<div class="profile">
<img class="profile-image" src="assets/images/team-2.png" alt="Tom Najdek" />
</div>
<div class="member-content">
<h3 class="member-name">Леонид Волошин</h3>
<div class="member-title">Full-Stack Developer</div>
<ul class="social list-inline">
<li><a class="twitter" href="http://twitter.com/tnajdek" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.doppnet.com/" target="_blank"><i class="fa fa-globe"></i></a></li>
<li><a class="github" href="https://github.com/tnajdek" target="_blank"><i class="fa fa-github"></i></a></li>
</ul>
<div class="member-desc">
<p>Леонид заботится обо всем на стороне программирования, делая интерфейс богатым и гибким. Он - разработчик полного стека, специализирующийся на создании больших, масштабируемых и удобных веб-приложений.</p>
</div><!--//member-desc-->
</div><!--//member-content-->
</div><!--//item-inner-->
</div><!--//item-->
</div><!--//members-wrapper-->
</div>
</div><!--//team-section-->
<div id="pricing" class="pricing-section">
<div class="container text-center">
<h2 class="section-title">Ценообразование</h2>
<div class="intro">Функционал на 100% одинаков для платных и бесплатных клиентов</div>
<div class="pricing-wrapper">
<div class="item item-1 col-md-4 col-sm-4 col-xs-12">
<div class="item-inner">
<h3 class="item-heading">Хранение телеметрии 16 дней</h3>
<div class="price-figure">
<span class="currency"></span><span class="number">0</span>
</div><!--//price-figure-->
<div class="price-desc">
<p>За каждый терминал сбора данных</p>
<a href="/monitoring/" target="_blank">Условия использования</a>
</div><!--//price-desc-->
<a class="btn btn-cta" href="/monitoring/">Пополнить счёт</a>
</div><!--//item-inner-->
</div><!--//item-->
<div class="item item-2 col-md-4 col-sm-4 col-xs-12">
<div class="item-inner">
<h3 class="item-heading">Хранение телеметрии 32 дня</h3>
<div class="price-figure">
<span class="currency"></span><span class="number">1000</span>
</div><!--//price-figure-->
<div class="price-desc">
<p>За каждый терминал сбора данных</p>
<a href="/monitoring/" target="_blank">Условия использования</a>
</div><!--//price-desc-->
<a class="btn btn-cta" href="/monitoring/">Пополнить счёт</a>
</div><!--//item-inner-->
</div><!--//item-->
<div class="item item-3 col-md-4 col-sm-4 col-xs-12">
<div class="item-inner">
<h3 class="item-heading">Хранение телеметрии 64 дня</h3>
<div class="price-figure">
<span class="currency"></span><span class="number">2000</span>
</div><!--//price-figure-->
<div class="price-desc">
<p>За каждый терминал сбора данных</p>
<a href="/monitoring/" target="_blank">Условия использования</a>
</div><!--//price-desc-->
<a class="btn btn-cta" href="/monitoring/" target="_blank">Пополнить счёт</a>
</div><!--//item-inner-->
</div><!--//item-->
</div><!--//pricing-wrapper-->
<div class="intro">Гибкая суточная тарификация, если терминал в течении 24x часов с 00:00 до 23:59 не выходит на связь то за этот период не взымается плата.</div>
</div><!--//container-->
</div><!--//pricing-section-->
<div id="contact" class="contact-section">
<div class="container text-center">
<h2 class="section-title">Связаться с нами</h2>
<div class="contact-content">
<p>Офис: Алматы, улица Толе би, 293 офис 330 (угол ул. Саина) +7(727) 390-3426 +7(705) 262-6212</p>
</div>
<a class="btn btn-cta btn-primary" href="mailto:info@observer.kz">Отправить сообщение</a>
</div><!--//container-->
</div><!--//contact-section-->
<footer class="footer text-center">
<div class="container">
<small class="copyright">Авторские права © 2020 Агентство ИТ-Нововведений. Все права защищены.</small>
</div><!--//container-->
</footer>
<!-- Javascript -->
<script type="text/javascript" src="assets/plugins/jquery-1.12.3.min.js"></script>
<script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/plugins/jquery-scrollTo/jquery.scrollTo.min.js"></script>
<script type="text/javascript" src="assets/js/main.js"></script>
</body>
</html>