...
| Макрос генерирует HTML разметку |
|---|
<div class="header"> <h1>Начало использования</h1> <h2>Основные <h1>Начало использования</h1>возможности</h3> </div> <style> .header <h2>Основные возможности</h3>{ background-image: url("/download/attachments/6817598/bg_3.png"); </div> text-align: center; <style> padding: 20px; } .header h1, .header h2, .header span { background-image: url("/download/attachments/6817598/bg_3.png") color: white; } .header h1, text-align: center;.header h2 { padding margin: 20px; } } .header h1 { font-size: 48px; line-height: 1.5; } .header h1,h2 { font-size: 18px; } .header h2h1, .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, </style> |
| Макрос генерирует HTML разметку |
|---|
<div class="menu"> <ul> <li> <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=26968566"> .menu a:link { <img src="/download/attachments/6817598/interface.png"> text-decoration: none; <h3>Интерфейс</h3> } <p>Описание интерфейса программы.</p> .header a:visited, </a> </li> <li> <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=26968173"> <img src="https://docs.tn.in.ua/download/attachments/6817661/search_car.png?version=1&modificationDate=1503312917264&api=v2"> <h3>Оформление заказа, поиск машины</h3> .menu a:visited { <p>Создание заказа, поиск машины.</p> </a> </li> <li> <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=26968175"> text-decoration: none; <img src="https://docs.tn.in.ua/download/attachments/6817661/order_vip.png?version=1&modificationDate=1503312917043&api=v2"> } <h3>Заказы клиента</h3> .header span { <p>История заказов клиента.</p> </a> margin: 10px 15px 10px 15px; font-weight: 600; } </li> <li> <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=26968177"> <img src="https://docs.tn.in.ua/download/attachments/6817661/admin_setting.png?version=1&modificationDate=1503312916683&api=v2"> .header span:hover { <h3>Профиль клиента и настройки</h3> <p>Настройки персональных данных клиента и приложения.</p> background-color: #C88A00;</a> </li> </li> </ul> </div> <style> .menu a:link { bordertext-radiusdecoration: 0.5emnone; } margin: 0px; padding.menu a:visited 10px{ 15px 10px 15px text-decoration: none; } .menu ul{ margin: 0px; padding: 0px; display: flex; flex-flow: row wrap; justify-content: center; list-style: none; max-width: 1400px1000px; 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> |
White label - клиентское приложение для заказа такси Вашей службы. Приложение доступно для смартфонов на базе Android и iOS.