...
| Макрос генерирует HTML разметку |
|---|
<div class="header">
<h1>Начало использования</h1>
<h2>Основные возможности</h3>
</div>
<style>
.header {
background-image: url("/download/attachments/6817598/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:linkh1,
.header h2,
.menuheader a:linkspan {
text-decoration color: nonewhite;
}
.header h1,
} .header h2 {
.header a:visited,
margin: 20px;
}
.menu a:visited {
.header h1 {
text-decoration font-size: none48px;
line-height: 1.5;
}
} .header h2 {
font-size: 18px;
}
.header span {
</style> |
| Макрос генерирует HTML разметку |
|---|
<div margin: 10px 15px 10px 15px;
font-weight: 600;
}class="menu">
<ul>
<li>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=26968566">
.header span:hover { <img src="/download/attachments/6817598/interface.png">
background-color: #C88A00; border-radius: 0.5em;<h3>Интерфейс</h3>
margin: 0px; <p>Описание интерфейса программы.</p>
padding: 10px 15px 10px</a>
15px; </li>
} <li>
.menu ul{ <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=26968173">
margin: 0px; <img src="https://docs.tn.in.ua/download/attachments/6817661/search_car.png?version=1&modificationDate=1503312917264&api=v2">
padding: 0px; <h3>Оформление заказа, поиск машины</h3>
display: flex; <p>Создание заказа, поиск машины.</p>
flex-flow: row wrap; </a>
justify-content: center; </li>
list-style: none; <li>
max-width: 1400px; <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=26968175">
margin: auto; } <img src="https://docs.tn.in.ua/download/attachments/6817661/order_vip.png?version=1&modificationDate=1503312917043&api=v2">
.menu li<h3>Заказы {клиента</h3>
border: 1px solid #A0A0A1; <p>История заказов клиента.</p>
border-radius: 10px; </a>
</li>
margin:<li>
20px; <a height: 115px;href="https://docs.tn.in.ua/pages/viewpage.action?pageId=26968177">
flex-basis: 400px; <img src="https://docs.tn.in.ua/download/attachments/6817661/admin_setting.png?version=1&modificationDate=1503312916683&api=v2">
} <h3>Профиль клиента и настройки</h3>
.menu li img { <p>Настройки персональных данных background-color: #F0F4F8;
клиента и приложения.</p>
float: left; </a>
</li> margin-right: 5px; border-top-left-radius: 10px;
</li>
border-bottom-left-radius: 10px; }
</ul>
</div>
.menu<style>
li h3 {
margin: 8px 8px 0px 0px;.menu a:link {
colortext-decoration: #5685BEnone;
}
.menu lia:visited p {
margintext-decoration: 8pxnone;
8px 8px 0px; }
color: #717171;} #title-heading
{display: none;} .page-metadata {visibility: hidden;} </style>
|
White label - клиентское приложение для заказа такси Вашей службы. Приложение доступно для смартфонов на базе Android и iOS.
| Макрос генерирует HTML разметку |
|---|
<div class="menu">
.menu ul{
<div> <img src="https://docs.tn.in.ua/download/attachments/6816063/number_1.png"> <img src="https://docs.tn.in.ua/download/attachments/9407588/icon_1.png">margin: 0px;
<p><b>Стилизация под Вашу ИДС</b></p>
padding: 0px;
</div> <div> display: flex;
<img src="https://docs.tn.in.ua/download/attachments/6816063/number_2.png"> <img src="https://docs.tn.in.ua/download/attachments/9407588/icon_2.png"> <p><b>Размещение на Google Play и App Store</b></p>flex-flow: row wrap;
</div> justify-content: center;
<div> <img src="https://docs.tn.in.ua/download/attachments/6816063/number_3.png"> <img src="https://docs.tn.in.ua/download/attachments/9407588/icon_3.png">
list-style: none;
<p><b> Развитие фунционала</a> max-width: 1000px;
</div> <div> margin: auto;
<img src="https://docs.tn.in.ua/download/attachments/6816063/number_4.png"> <img src="https://docs.tn.in.ua/download/attachments/9407588/icon_4.png"> }
<p><b>Доступ к статистике и аналитике
</b></p> </div> </div> <style> .menu li {
.menu { width: 900px; margin: 0px; border: 1px solid #A0A0A1;
padding: 0px; displayborder-radius: flex10px;
flex-flow margin: row wrap20px;
justify-content height: center115px;
list-style flex-basis: none400px;
}
margin: auto;
} .menu divli img {
width: 180px;
margin background-color: 20px#F0F4F8;
} .menu p { float: left;
text-align: center; margin-right: 5px;
border-top-left-radius: 10px;
marginborder-bottom-left-radius: 0px10px; }
}
.menu imgli h3 {
display margin: block8px 8px 0px 0px;
margin-left color: auto#5685BE;
margin-right: auto;}
}
/* #title-heading .menu li p {
display: none; margin: 8px }8px 8px 0px;
.page-metadata { visibilitycolor: hidden#717171;}
#title-heading {display: none;}
.page-metadata }*/{visibility: hidden;}
</style>
|
