...
| Макрос генерирует 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,
text-decoration: none;
}
.header a:visited,span { .menu a:visited {
text-decorationcolor: nonewhite;
}
}
.header spanh1,
{ margin: 10px 15px 10px 15px;
font-weight: 600;
}
.header span:hoverh2 {
background-color: #C88A00; border-radius: 0.5em;
margin: 0px20px;
padding: 10px 15px 10px 15px;
}
.header .menu ulh1 {
margin: 0px;
padding: 0px;
display: flex;
flex-flow: row wrap;
justify-content: centerfont-size: 48px;
line-height: 1.5;
}
.header h2 {
list-style: none; max-widthfont-size: 1400px18px;
margin: auto;
}
</style> |
| Макрос генерирует HTML разметку |
|---|
.menu li {<div class="menu">
<ul>
<li>
border: 1px solid #A0A0A1; border-radius: 10px;<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=26968566">
margin: 20px; <img src="/download/attachments/6817598/interface.png">
height: 115px; <h3>Интерфейс</h3>
flex-basis: 400px; }<p>Описание интерфейса программы.</p>
</a>
.menu li img { </li>
<li>
background-color: #F0F4F8; float: left;<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=26968173">
margin-right: 5px; border-top-left-radius: 10px;
border-bottom-left-radius: 10px; }
.menu li h3 { <img src="https://docs.tn.in.ua/download/attachments/6817661/search_car.png?version=1&modificationDate=1503312917264&api=v2">
margin: 8px<h3>Оформление 8pxзаказа, 0px 0px;поиск машины</h3>
color: #5685BE; <p>Создание заказа, поиск машины.</p>
} </a>
.menu li</li>
p {
margin: 8px 8px<li>
8px 0px; color: #717171;}
#title-heading {display: none;}
.page-metadata {visibility: hidden;}
</style>
|
White label - клиентское приложение для заказа такси Вашей службы. Приложение доступно для смартфонов на базе Android и iOS.
| Макрос генерирует HTML разметку |
|---|
<div class="menu"<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=26968175">
<div> <img src="https://docs.tn.in.ua/download/attachments/94075886817661/iconorder_1vip.png?version=1&modificationDate=1503312917043&api=v2">
<p><b>Доступно для Android и iOS</b></p> <h3>Заказы клиента</h3>
</div> <div> <p>История <img src="https://docs.tn.in.ua/download/attachments/9407588/icon_1.png">заказов клиента.</p>
<p><b>Размещение на Google Play и</a>
App Store</b></p> </div>li>
<div><li>
<img src <a href="https://docs.tn.in.ua/download/attachments/9407588/icon_2.pngpages/viewpage.action?pageId=26968177">
<p><b>Стилизация под Вашу ИДС</b></p> </div>
<div>
<img src="https://docs.tn.in.ua/download/attachments/94075886817661/iconadmin_3setting.png?version=1&modificationDate=1503312916683&api=v2">
<p><b> Развитие функционала</a> </div><h3>Профиль клиента и настройки</h3>
<div> <img src="https://docs.tn.in.ua/download/attachments/9407588/icon_4.png"> <p>Настройки персональных данных клиента <p><b>Доступ к статистике и аналитике приложения.</b></p>
</div> </div> <style> </a>
.menu { width: 900px; margin: 0px; </li>
padding: 0px;</li>
display: flex;
</ul>
flex-flow: row wrap;</div>
<style>
justify-content: center;
list-style: none; .menu a:link {
margintext-decoration: autonone;
} }
.menu div{
width: 180px; margin: 20px; } .menu a:visited {
.menu p { text-aligndecoration: centernone;
}
margin-bottom: 0px;
} .menu img ul{
display: block; margin-left: auto0px;
margin-right: auto; padding: 0px;
} /* #title-heading { display: noneflex;
} .page-metadata { flex-flow: row wrap;
visibility: hidden; }*/
</style> |
| Макрос генерирует HTML разметку |
|---|
<div class="menu"> justify-content: center;
<div> <img src="https://docs.tn.in.ua/download/attachments/6816063/number_1.png"> <img src="https://docs.tn.in.ua/download/attachments/6816063/icon_1.png"> list-style: none;
<p><b>Оформление заказа</b></p> max-width: 1000px;
</div> <div> <img src="https://docs.tn.in.ua/download/attachments/6816063/number_2.png"> <img src="https://docs.tn.in.ua/download/attachments/6816063/icon_2.png">margin: auto;
<p><b>Просчет}
стоимости</b></p>
</div> .menu <div>li {
<img src="https://docs.tn.in.ua/download/attachments/6816063/number_3.png"> <img src="https://docs.tn.in.ua/download/attachments/6816063/icon_3.png"> <p><b>Поиск машины</b></p>
border: 1px solid #A0A0A1;
</div> border-radius: 10px;
<div> <img src="https://docs.tn.in.ua/download/attachments/6816063/number_4.png"> <img src="https://docs.tn.in.ua/download/attachments/6816063/icon_4.png"> margin: <p><b>Оповещение клиента</b></p>20px;
</div>height: 115px;
<div> <img src="https://docs.tn.in.ua/download/attachments/6816063/number_5.png"> <img src="https://docs.tn.in.ua/download/attachments/6816063/icon_5.png">flex-basis: 400px;
<p><b>Заказ}
выполнен</b></p> </div> </div> <style>
.menu {li img {
margin: 0px; background-color: #F0F4F8;
padding: 0px; displayfloat: flexleft;
flex-flow: row wrap; margin-right: justify-content: center5px;
border-top-left-radius: 10px;
list-styleborder-bottom-left-radius: none10px; }
margin: auto; }
.menu div{li h3 {
width: 180px; }margin: 8px 8px 0px 0px;
.menu p { text-aligncolor: center#5685BE;
}
margin-bottom: 0px;
} .menu imgli p {
display: block; margin: 8px 8px 8px 0px;
margin-left: auto; margin-right color: auto#717171;
}
/* #title-heading {
display: none;
}
.page-metadata {
visibility: hidden;
}*/
</style>
|
