История страницы

    <div class="header">
        <h1>MobileTaxi</h1>
        <h2>Обзор<h2>Основные фунций<возможности</h3>
    </div>
<div class="menu">
    <a href="hhttps://docs.tn.in.ua/pages/viewpage.action?pageId=9409468"><span>Что нового?</span></a>
        <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=9407588"><span>Начало работы</span></a>
        <a href="https://www.google.com.ua/"><span>Видео урок</span></a>
        <a href="https://www.google.com.ua/"><span>FAQ</span></a>
    </div>
<div class="menu">
    <ul>
        <li>
            <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=68160836816069">
                <img src="/download/attachments/68160696815873/carBook_icon.png">
                <h3>Справочник машин<<h3>Интерфейс</h3>
                <p>Информация<p>Описание обинтерфейса автомобилях<программы</p>
            </a>
        </li>
        <li>
            <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=68160876816273">
                <img src="/download/attachments/68160696815873/BookReport_2_icon.png">
                <h3>Справочник<h3>Контроль водителей<баланса</h3>
                <p>Информация<p>Контроль оза водителях. Настройка взаиморасчетов. Просмотр отчетов<изменение баланса</p>
            </a>
        </li>
        <li>
            <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=68162566816324">
                <img src="/download/attachments/68160696815873/Supportmail_iocnicon.png">
                <h3>Справочник<h3>Прием диспетчеров<заказа</h3>
                <p>Информация<p>Фильтр ои диспетчерах.автоподбор Настройказаказа ограниченияпо длязаданым пользователей<параметрам</p>
            </a>
        </li>
		 <li>
            <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=68162586816262">
                <img src="/download/attachments/68160696815873/clientSeeting_icon.png">
                <h3>Справочник клиентов<<h3>Настройка</h3>
                <p>Информация<p>Конфигурирование о клиентах. Возможность просмотра отчетов</работы комплекса</p>
            </a>
        </li>
        <li>
            <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6816334">
                <img src="/download/attachments/6815873/Driver_icon.png">
                <h3>Таксометр</h3>
                <p>Таксометр</p>
            </a>
        </li>
        <li>
            <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=68162606816336">
                <img src="/download/attachments/68160696815873/BlackListOrder_icon.png">
                <h3>"Черные" списки клиентов</<h3>Работа с заказами</h3>
                <p>Оформление и расчет стоимости</p>
        </li>
        <li>
            <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=9405874">
                <img src="/download/attachments/6815873/BD_icon.png">
                <h3>Колонны</h3>
                <p>Список<p>Настройка негативныхработы отзывовнескольких о клиентах<служб в пределах одной базы данных</p>
            </a>
        </li>
        <li>
            <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=94081826816341">
                <img src="/download/attachments/68160696815873/blacklistintegr_clienticon.png">
                <h3>Черный" список паспортов<<h3>Интеграция</h3>
                <p>Проверка<p>Подключение негативных отзывов о водителях и диспетчерах<телефонии, SMS-рассылки, платежных систем</p>
            </li>a>
    </ul>    </div>li>
    <style>    <li>
    .header {        <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6816343">
             background-image: url(   <img src="/download/attachments/68160696815873/bgmapEdit_2icon.png");>
    text-align: center;           <h3>Карта</h3>
 padding: 20px;         }     <p>GPS навигация по карте</p>
         .header h1,  </a>
        </li>
    </ul>
</div>
    <style>
        .header span {
            background-image: url("/download/attachments/6815873/bg.png");
          color  text-align: #325F97center;
            padding: 20px;
        }
        
        .header h1,
        .header h2,
        .header span {            
            color: #444444white;
        }

 		.header h1,
        .header h2 {            
            margin: 20px;
        }
        .header h1 {
            font-size: 48px;
			line-height: 1.5;
        }
		.header h2 {
            font-size: 18px;
        }
		.header a:link,
        .menu a:link {
            text-decoration: none;
        }
        
        .header a:visited,
        .menu a:visited {
            text-decoration: none;
        }
        
        .header span {
            margin: 10px 15px 10px 15px;
			font-weight: 600; 
		}
        
        .header span:hover {
            background-color: #4DA0EA;
            border-radius: 0.5em;
            margin: 0px;
            padding: 10px 15px 10px 15px;
        }
        
        .menu ul{
            margin: 0px;
            padding: 0px;
            display: flex;
            flex-flow: row wrap;
            justify-content: center;
            list-style: none;
            max-width: 1400px;
            margin: auto;
        }
        
        .menu li {
            border: 1px solid #A0A0A1;
            border-radius: 10px;
            margin: 20px;
            height: 115px;
            flex-basis: 400px;
        }
        
        .menu li img {
            background-color: #F0F4F8;
            float: left;
            margin-right: 5px;
border-top-left-radius: 10px;
    border-bottom-left-radius: 10px; }
        
        .menu li h3 {
            margin: 8px 8px 0px 0px;
            color: #5685BE;
        }
        
        .menu li p {
            margin: 8px 8px 8px 0px;
            color: #717171;}
		#title-heading {display: none;}
		.page-metadata {visibility: hidden;}
 </style>