Files
GEOVizor_PHP/index_0.html
2023-11-07 19:51:49 +06:00

438 lines
28 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>