...
| Макрос генерирует HTML разметку |
|---|
<div class="header">
<h1>MobileTaxi</<h1><font face="roboto - medium">MobileTaxi</font></h1>
<h2>Основные возможности</h3>
<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=681606914352482">
<img src="/download/attachments/68158736817598/Book_iconinterface.png">
<h3>Интерфейс</h3>
<p>Описание интерфейса программы</p>
</a>
</li>
<li>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=681627312779624">
<img src="/download/attachments/68158736817598/Reportmain_iconwindow.png">
<h3>Контроль баланса<<h3>Статусы и рейтинг водителя</h3>
<p>Контроль<p>Изменения застатуса изменение и рейтинга водителя, контроль баланса</p>
</a>
</li>
<li>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=68163248552790">
<img src="/download/attachments/68158736817598/maildriver_iconsector.png">
<h3>Прием<h3>Работа заказа<с секторами</h3>
<p>Фильтр<p>Постановка иводителя автоподборв заказасектор, информация по заданымсекторам. параметрам<</p>
</a>
</li>
<li>
<li> <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=68162628552802">
<img src="/download/attachments/68158736817598/Seetingfilter_iconorder.png">
<h3>Настройка<<h3>Фильтрация заказов</h3>
<p>Конфигурирование<p>Настройка работы комплекса<фильтров для отображения заказов в эфире</p>
</a>
</li>
<li>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=68163348552945">
<img src="/download/attachments/68158736817598/Driver_iconorder.png">
<h3>Таксометр</h3><h3>Прием заказа и сообщения</h3>
<p>Таксометр</p> <p>Автовзятие, прием заказа, отправка и получение </a>сообщений</p>
</li>
<li>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=68163368552909">
<img src="/download/attachments/68158736817598/OrderDispatcher_iconconnect.png">
<h3>Работа<h3>Связь с заказами<диспетчером</h3>
<p>Оформление<p>Связь ис расчет стоимости<диспетчером. Экстренный вызов</p>
</li>a>
</li>
<li>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=94058748552900">
<img src="/download/attachments/68158736817598/BD_iconTaxo.png">
<h3>Колонны<<h3>Таксометр</h3>
<p>Настройка<p>Запуск работытаксометра, несколькихсоздание службзаказа в пределах одной базы данных<по таксометру</p>
</a>
</li>
<li>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=68163418552890">
<img src="/download/attachments/68158736817598/integr_iconmap.png">
<h3>Интеграция<<h3>Карта</h3>
<p>Подключение<p>Навигация телефонии, SMS-рассылки, платежных систем<маршрута заказа по карте</p>
</a>
</li>
<li>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=68163438552923">
<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/68158736817598/bg_3.png");
text-align: center;
padding: 20px;
}
.header h1,
.header h2,
.header span {
color: white#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>
|
...