Различия

Здесь показаны различия между двумя версиями данной страницы.

--- home [2019/10/08 16:51]
1234
+++ home [2020/09/24 16:17] (текущий)
admin
@@ Строка 1: / Строка 1: @@
-<html><p style="text-align:center; font-size:25pt"> Комплекс оперативного мониторинга КОМБАТ </p><hr>
+<html><p style="text-align:center; font-size:25pt"> Комплекс оперативного мониторинга КОМБАТ </p>
 <p style="text-align:center; font-size:22pt"> Как КОМБАТ будет полезен вам?</p>
 <html>
-<script>
+<div class="portfolio-wrap">
-if (targetTouches)
+	<div class="portfolio-item">
-</script>
+		<div class="portfolio-item-wrap">
-<div style="width:54%;margin:0 22% 40px 22%; float: right; height: auto;">
+			<img src="./img/promo1.png">
-<div id="first" class="flip-container" onclick="this.classList.toggle('flip');"   style="float: left; margin: 10px; cursor:pointer;">
+			<div class="portfolio-item-inner">
-	<div class="flipper">
+				<div class="portfolio-heading">
-		<div class="front">
+					<h3 style="font-size:22px;">Абсолютный контроль за Вашими т/с</h3>
-			<p style="border: ridge;border-block-color: darkgreen;width: 250px;height: auto;text-align: center; margin-left: -30%;">Используя наше оборудование<br><img src="img\8.jpg" width=140px; height=80px; align="center"></p>
+				</div>
-		</div>
+				<ul>
-		<div class="back">
+                                        <p style="font-size:20px;">При помощи нашего оборудования:</p>
-			<p  style="border: ridge;border-block-color: darkgreen;width: 250px;height: auto;text-align: justify; margin-left: -30%;">Вы сможете:<br> Следить за вашими т/с в режиме реального времени<br>Получать оперативные данные о состоянии т/с<br>Определять уровень безопасности вождения</p>
+					<li style="font-size:18px;">Оперативно узнавайте местоположение Вашего т/с.</li>
+					<li style="font-size:18px;">Получайте любую интересующую Вас информацию при помощи датчиков.</li>
+                                        <li style="font-size:18px;">Будьте уверены в качестве и надежности используемого прибора.</li>
+                                        <li style="font-size:18px;">Получайте любую интересующую Вас информацию при помощи датчиков.</li>
+				</ul>
+			</div>
+                     <a href=""></a>
 		</div>
 	</div>
-</div>
-<div id="second" class="flip-container" onclick="this.classList.toggle('flip');"  style=" float: left; margin: 10px; margin-left: 10%; cursor:pointer;">
+	<div class="portfolio-item">
-	<div class="flipper">
+		<div class="portfolio-item-wrap">
-		<div class="front">
+			<img src="./img/promo2.png">
-			<p style="border: ridge;border-block-color: darkgreen;width: 250px;height: auto;text-align: center; margin-left: -30%;">При помощи нашей программы<br><img src="/lib/tpl/bootstrap3/images/logo.png" width=80px; height=80px; align="center"></p>
+			<div class="portfolio-item-inner">
-		</div>
+				<div class="portfolio-heading">
-		<div class="back">
+					<h3 style="font-size:22px;">Представление данных в любой удобной Вам форме</h3>
-			<p style="border: ridge;border-block-color: darkgreen;width: 250px;height: auto;text-align: justify; margin-left: -30%;">У Вас появится возможность:<br>Составлять разнообразные отчёты, для лучшего контроля предприятия<br>Выводить информацию в виде графиков, делая её более наглядной<br>Смотреть историю движения объекта</p>
+				</div>
+				<ul>
+                                <p style="font-size:20px;">При помощи нашей программы</p>
+					<li style="font-size:18px;">Стройте разнообразные отчёты и графики.</li>
+					<li style="font-size:18px;">Смотрите историю объектов.</li>
+                                        <li style="font-size:18px;">Ставьте объекты на подряд.</li>
+                                        <li style="font-size:18px;">Транслируйте объекты других операторов.</li>
+                                        <li style="font-size:18px;">И ещё много действительно полезных функций!</li>
+				</ul>
+			</div>
+                     <a href=""></a>
 		</div>
 	</div>
-</div>
-<div id="third" class="flip-container" onclick="this.classList.toggle('flip');"  style="float: left; margin: 10px; margin-left: 10%; cursor:pointer;">
+	<div class="portfolio-item">
-	<div class="flipper">
+		<div class="portfolio-item-wrap">
-		<div class="front">
+			<img src="./img/promo3.png">
-			<p style="border: ridge;border-block-color: darkgreen;width: 250px;height: auto;text-align: center; margin-left: -30%;">Решив стать нашим партнёром<br><img src="/img/tpm.png" width=160px; height=80px; align="center"></p>
+			<div class="portfolio-item-inner">
+				<div class="portfolio-heading">
+					<h3 style="font-size:22px;">Станьте нашим партнером</h3>
+				</div>
+				<ul><p style="font-size:20px;">Получите</p>
+					<li style="font-size:18px;">Многофункциональный комплекс для мониторинга Вашего транспорта.</li>
+					<li style="font-size:18px;">Оперативную поддержку при возникновении трудностей.</li>
+					<li style="font-size:18px;">Быстрый и качественный монтаж оборудования.</li>
+					<li style="font-size:18px;">Клиентоориентированный подход.</li>
+				</ul>
+			</div>
+			<a href=""></a>
 		</div>
-		<div class="back">
+	</div>
-			<p style="border: ridge;border-block-color: darkgreen;width: 250px;height: auto;text-align: justify; margin-left: -30%;">Вы получите:<br>Многофункциональный комплекс для мониторинга Вашего транспорта<br>Оперативную поддержку при возникновении трудностей<br>Быстрый и качественный монтаж оборудования</p>
-		</div>
-	</div>
 </div>
 </div>
-<p style="text-align:center; font-size:22pt; "> Узнайте, какие решения предлагает система:</p>
+<!--
-<div style="border: ridge;width: 100%; height: 400px;">
+<p style="text-align:center; font-size:22pt"> Узнайте, какие решения предлагает система:</p>
+<div style="border: ridge;width: 100%; height: 300px;">
 <p style="text-align:center;">Здесь будет большааая картинка, вероятно интерактивная</p>
 </div>
-<p style="text-align:center; font-size:16pt">Подберите себе идеальный вариант <br>*кнопка*</p>
+-->
 </html>