...
| Макрос генерирует 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:link,
.menu a:link {header h1,
.header h2,
.header span { text-decoration: none; }
color: white;
}
.header a:visitedh1,
.menuheader a:visitedh2 {
text-decoration: none; margin: 20px;
} }
.header spanh1 {
margin: 10px 15px 10px 15pxfont-size: 48px;
fontline-weightheight: 6001.5;
} }
.header h2 {
.header span:hover {font-size: 18px;
}
background-color: #C88A00;
</style> |
| Макрос генерирует HTML разметку |
|---|
<div class="menu">
<ul>
border-radius: 0.5em; <li>
margin: 0px;<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=26968566">
padding: 10px 15px 10px 15px;<img src="/download/attachments/6817598/interface.png">
} <h3>Интерфейс</h3>
.menu ul{ <p>Описание интерфейса программы.</p>
margin: 0px; </a>
padding: 0px; </li>
<li>
display: flex; <a flex-flow: row wrap;href="https://docs.tn.in.ua/pages/viewpage.action?pageId=26968173">
justify-content: center;<img src="https://docs.tn.in.ua/download/attachments/6817661/search_car.png?version=1&modificationDate=1503312917264&api=v2">
list-style: none; <h3>Оформление заказа, поиск машины</h3>
max-width: 1400px; <p>Создание заказа, поиск машины.</p>
margin: auto; } </a>
</li>
.menu
li { <li>
border: 1px solid #A0A0A1; <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=26968175">
border-radius: 10px; <img src="https://docs.tn.in.ua/download/attachments/6817661/order_vip.png?version=1&modificationDate=1503312917043&api=v2">
margin: 20px; <h3>Заказы height: 115px;клиента</h3>
flex-basis: 400px; <p>История заказов клиента.</p>
} </a>
.menu li img {</li>
<li>
background-color: #F0F4F8;<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=26968177">
float: left; <img src="https://docs.tn.in.ua/download/attachments/6817661/admin_setting.png?version=1&modificationDate=1503312916683&api=v2">
margin-right: 5px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }<h3>Профиль клиента и настройки</h3>
<p>Настройки .menuперсональных liданных h3клиента {и приложения.</p>
margin: 8px</a>
8px 0px 0px; </li> color: #5685BE;
</li>
}
</ul>
</div>
<style>
.menu li p {
.menu margina:link 8px{
8px 8px 0px; text-decoration: none;
color: #717171;} #title-heading {display: none;} .page-metadata {visibility: hidden;}
</style> |
White label - клиентское приложение для заказа такси Вашей службы. Приложение доступно для смартфонов на базе Android и iOS.
| Макрос генерирует HTML разметку |
|---|
<div class="menu"> <div>
<img src="https://docs.tn.in.ua/download/attachments/9407588/icon_1.png">
.menu a:visited {
<p><b>Доступно для Android и iOS</b></p>
text-decoration: none;
</div> <div> }
<img
src="https://docs.tn.in.ua/download/attachments/9407588/icon_1.png"> .menu <p><b>Размещениеul{
на Google Play и App Store</b></p> </div> margin: <div>0px;
<img src="https://docs.tn.in.ua/download/attachments/9407588/icon_2.png">
padding: 0px;
<p><b>Персонализация под Вашу ИДС</b></p> display: flex;
</div> <div> flex-flow: row wrap;
<img src="https://docs.tn.in.ua/download/attachments/9407588/icon_3.png"> <p><b>Обновление и развитие функционала</b></a>justify-content: center;
</div> <h3>В White label доступны следующие функции:</h3>
<div> list-style: none;
<img src="https://docs.tn.in.ua/download/attachments/9407588/icon_1.png">
max-width: 1000px;
<p><b>Заказ такси</b></p> </div>
margin: auto;
<div> }
<img src="https://docs.tn.in.ua/download/attachments/9407588/icon_1.png">
<p><b>Поиск машины</b></p> .menu li </div>{
<div> <img src="https://docs.tn.in.ua/download/attachments/9407588/icon_2.png">
border: 1px solid #A0A0A1;
<p><b>История заказов</b></p> </div>
border-radius: 10px;
<div> margin: <img src="https://docs.tn.in.ua/download/attachments/9407588/icon_3.png">20px;
<p><b>Настройки</b></a> height: 115px;
</div> <style> .menu {
width flex-basis: 900px400px;
margin: 0px; }
padding: 0px;
display: flex; .menu li img {
flex-flow: row wrap; justify background-contentcolor: center#F0F4F8;
list-style: none; float: left;
margin-right: auto5px;
border-top-left-radius: 10px;
} border-bottom-left-radius: 10px; }
.menu div{
width: 180px; margin: 20px; } .menu li h3 {
.menu p { text-align margin: center;8px 8px 0px 0px;
margin-bottomcolor: 0px#5685BE;
} }
.menu img {
display: block; .menu li p {
margin-left: auto; margin-right: auto;8px 8px 8px 0px;
} /* #title-heading { color: #717171;}
#title-heading {display: none;
}
.page-metadata {
visibility: hidden;
}*/
</style>
|
