| Макрос генерирует HTML разметку |
|---|
<div class="header">
<h1>Такси Навигатор</h1>
<h2>Программный комплекс автоматизации диспетчерской службы такси</h3>
|
...
|
...
|
...
|
...
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6816063"><span>Начало работы</span></a>
|
...
|
...
</div> <div class="menu"> <ul> <li> <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6816069"> <img src="/download/attachments/6815873/Book_icon.png"> <h3>Справочники</h3> <p>Информация о водителях, клиентах, диспетчерах. |
...
" |
...
Черные списки"</p> </a> </li> <li> <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6816273"> <img src="/download/attachments/6815873/Report_icon.png"> <h3>Отчеты</h3> <p>Разные виды отчетов по деятельности</p> </a> </li> <li> <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6816324"> <img src="/download/attachments/6815873/mail_icon.png"> <h3>Информирование клиентов и водителей</h3> |
...
<p>Голосовые |
...
и |
...
SMS-сообщений клиентам, информация по заказу водителям</p> </a> </li> <li> <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6816262"> <img src="/download/attachments/6815873/Seeting_icon.png"> <h3>Настройка</h3> <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=6816336"> <img src="/download/attachments/6815873/Order_icon.png"> <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> </a> </li> <li> <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6816341"> <img src="/download/attachments/6815873/integr_icon.png"> |
...
<h3>Интеграция</h3> <p>Подключение телефонии, SMS-рассылки, платежных систем</p> </a> </li> <li> <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6816343"> <img src="/download/attachments/6815873/mapEdit_icon.png"> <h3>Картографический редактор</h3> <p>Работа с картами и другими географическими объектами</p> </a> </li> </ul> </div> <style> .header { background-image: url("/download/attachments/6815873/bg.png"); text-align: center; padding: 20px; } .header h1, .header h2, .header span { color: white; } .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> |