...
| Макрос генерирует HTML разметку |
|---|
<div class="header">
<h1>Онлайн заказ</h1>
<h2> Форма для заказа такси с интернет-сайта. Открытый код для разработчиков.</h3>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=681624415499967"><span>Что нового?</span></a>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=68160639404775"><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=681606915500245">
<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=6816273download/attachments/6817661/search_car.png?version=1&modificationDate=1503312917264&api=v2">
<img src="/download/attachments/6815873/Report_icon.png">
<h3>Создание заказа, поиск машины</h3>
<h3>Отчеты</h3> <p>Создание заказа, поиск машины и отслеживание её местоположения на карте</p>
<p>Разные виды отчетов по деятельности</p> </a>
</a>li>
</li> <li>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=681632415500395">
<img src="https://docs.tn.in.ua/download/attachments/68158736817661/mailorder_iconvip.png?version=1&modificationDate=1503312917043&api=v2">
<h3>Информирование<h3>Заказ клиентовдля ипостоянного водителей<клиента</h3>
<p>Голосовые<p>Особенности изаказа SMS-сообщений клиентамдля постоянного клиента, информацияистория позаказов заказуи водителям<пользовательские настройки</p>
</a>
</li>
<li>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=68162629404833">
<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/68158736817661/Driveradmin_iconsetting.png?version=1&modificationDate=1503312916683&api=v2">
<h3>Работа<h3>Администраторские с водителями<настройки</h3>
<p>Оперативное<p>Настройка нахождение подходящего водителя онлайн-заказа для выполнения заказа<администратора</p>
</a>
</li>
</li>
<li>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=68163369404835">
<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/68158736817661/BDverification_iconuser.png?version=1&modificationDate=1503312917533&api=v2">
<h3>Колонны<<h3>Верификация пользователя</h3>
<p>Настройка<p>Верификация работыпользователя несколькихи службпроверка впринадлежности пределахк одной базы данных<"черным" спискам</p>
</a>
</li>
</li>
<li>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6816341display/KB/WebOrders+WebAPI+REST+Documentation">
<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=6816343download/attachments/6817661/WebAPI.png?version=1&modificationDate=1503312917916&api=v2">
<img src="/download/attachments/6815873/mapEdit_icon.png"><h3>Документация к WebAPI</h3>
<h3>Картографический<p>Документация редактор</h3>к WebAPI, ссылка на последнюю версию, история изменений</p>
<p>Работа с картами и</a>
другими географическими объектами</p> </li>
</a>
</li> </ul>
</div>
<style>
.header {
background-image: url("/download/attachments/6817661/bg_3.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#66cdaa;
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>
|
...