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

    <div class="header">
        <h1>MobileTaxi</<h1><font  face="roboto - medium">MobileTaxi</font></h1>
        <h2>Основные возможности</h3>
        
        <a href="hhttpshttps://docs.tn.in.ua/pages/viewpage.action?pageId=94094689407588"><span>Что><span>Начало нового?<работы</span></a>

    </div>
<div class="menu">
    <ul>
        <li>
            <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=940758814352482"><span>Начало работы</span></a>
 >
                <img src="/download/attachments/6817598/interface.png">
                <h3>Интерфейс</h3>
                <p>Описание интерфейса программы</p>
            </a>
        </li>
        <li>
            <a href="https://wwwdocs.googletn.comin.ua/"><span>Видео урок</span></pages/viewpage.action?pageId=12779624">
                <img src="/download/attachments/6817598/main_window.png">
                <h3>Статусы и рейтинг водителя</h3>
                <p>Изменения статуса и рейтинга водителя, контроль баланса</p>
            </a>
        </li>

        <li>
            <a href="https://wwwdocs.googletn.comin.ua/"><span>FAQ</span></a>pages/viewpage.action?pageId=8552790">
    </div> <div class="menu           <img src="/download/attachments/6817598/driver_sector.png">
    <ul>         <li>   <h3>Работа с секторами</h3>
                <p>Постановка водителя в сектор, информация по секторам. </p>
        </li>
 <li>
            <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=85527668552802">
                <img src="/download/attachments/68158736817598/Bookfilter_iconorder.png">
                <h3>Интерфейс<<h3>Фильтрация заказов</h3>
                <p>Описание<p>Настройка интерфейса программы<фильтров для отображения заказов в эфире</p>
            </a>
        </li>


        <li>
            <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=68162738552945">
                <img src="/download/attachments/68158736817598/Report_iconorder.png">
                <h3>Статус<h3>Прием водителязаказа и контроль баланса<сообщения</h3>
                <p>Контроль<p>Автовзятие, заприем изменение баланса</p>
            </a>заказа, отправка и получение сообщений</p>
        </li>

       <li>
            <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=68163248552909">
                <img src="/download/attachments/68158736817598/mailDispatcher_iconconnect.png">
                <h3>Прием<h3>Связь заказа<с диспетчером</h3>
                <p>Фильтр<p>Связь ис автоподбордиспетчером. заказа по заданым параметрам<Экстренный вызов</p>
            </a>
        </li>


       <li>
            <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=8552900">
                <img src="/download/attachments/68158736817598/Driver_iconTaxo.png">
                <h3>Таксометр</h3>
                <p>Таксометр<<p>Запуск таксометра, создание заказа по таксометру</p>
            </a>
        </li>

        <li>
            <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=68163368552890">
                <img src="/download/attachments/68158736817598/Order_iconmap.png">
                <h3>Постановка в сектор<<h3>Карта</h3>
                <p>Передача<p>Навигация статуса заказа<маршрута заказа по карте</p>
            </a>
        </li>

        <li>
            <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=85528908552923">
                <img src="/download/attachments/68158736817598/mapEdit_iconsetting.png">
                <h3>Карта<<h3>Настройки</h3>
                <p>GPS<p>Изменение навигацияоформления, поудаление карте</p>сообщений             </a>и заказов</p>
        </li>
    < </ul>
</div>
    <style>
        .header {
            background-image: url("/download/attachments/6817598/bg_23.png");
            text-align: center;
            padding: 20px;
        }
        
        .header h1,
        .header h2,
        .header span {            
            color: black#583C00;
        }
		.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#FFD67A;
            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>