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

 <div class="header">
        <h1>Отчеты</h1>
        <h2>Разные<h2>Виды виды отчетов по деятельности</h3>
    </div>
<div class="menu">
<div class="menu">
    <ul>
        <li>
            <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6816275">
                <img src="/download/attachments/68160696816273/carDriver_iconinfo_2.png">
                <h3>Отчет по водителям</h3>
                <p>Информация<p>Финансовый об автомобилях<отчет о работе водителей</p>
            </a>
        </li>
        <li>
            <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6816283">
                <img src="/download/attachments/68160696816273/Bookorder_2_icon.png">
                <h3>Отчет по заказам</h3>
                <p>Информация<p>Архив озаказов, водителях.детальная Настройкаинформация взаиморасчетов. Просмотр отчетов<по заказу</p>
            </a>
        </li>
        <li>
            <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6816289">
                <img src="/download/attachments/68160696816273/Support_iocnicon_2.png">
                <h3>Отчет по диспетчерам</h3>
                <p>Информация<p>Отчет опо диспетчерах.обработанным Настройказаказам ограничениякаждого для пользователей<диспетчера</p>
            </a>
        </li>
		 <li>
            <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=9406643">
                <img src="/download/attachments/68160696816273/clientTime_icondriver.png">
                <h3>Отчет<h3>Отчеты по времениработе работы водителей</h3>
                <p>В<p>Отчеты каких по времени работы в секторах и впо какоеколичеству времязаказов работал водитель<водителя</p>
            </a>
        </li>
        <li>
            <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6816302">
                <img src="/download/attachments/68160696816273/BlackList_iconGraphic.png">
                <h3>Показать<h3>График график<по заказам</h3>
                <p>Список<p>Графическая негативныхинформация отзывовпо опринятым клиентах<заказам</p>
            </a>
        </li>
        <li>
            <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6816304">
                <img src="/download/attachments/68160696816273/blacklistsectors_clientdone.png">
                <h3>Отчет по секторам</h3>
                <p>Проверка<p>Отчет негативныхпо отзывовколичеству озаказов водителяхсозданных и диспетчерах<в определенное время в определенном секторе</p>
        </li>

        <li>
            <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6816306">
                <img src="/download/attachments/68160696816273/blacklistTime_client2.png">
                <h3>Показать<h3>Отчет штрафы за выбранный период<по штрафам</h3>
                <p>Проверка<p>Отчет негативныхпо отзывовначисленным о водителях и диспетчерах<штрафам водителю</p>
        </li>
        <li>
            <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6816309">
                <img src="/download/attachments/68160696816273/blacklistReport_clienticon_2.png">
                <h3>Сводный отчет</h3>
                <p>Проверка<p>Отчет негативныхпо отзывовобщим о водителях и диспетчерах<финансовым показателям</p>
        </li>
 </ul>
</div>
    <style>
        .header {
            background-image: url("/download/attachments/6816069/bg_2.png");
    text-align: center;
            padding: 20px;
        }
        
        .header h1,
       
        .header span {            
            color: #325F97;
        }

  
        .header h2,
        .header span {            
            color: #444444;
        }

 .header h1,
        .header h2 {            
            margin: 20px;
        }
        .header h1 {
            font-size: 48px;
        }
		.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>