Макрос генерирует 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 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;
    }
        
</style>

White Label

Макрос генерирует HTML разметку

<div class="general">
	  
<div class="titlemenu">
		<div class="inner_block image">  <ul>
			<img src="/download/attachments/30998681/Arrow.png?version=1&modificationDate=1520241908721&api=v2">
		</div>
		<div class="inner_block text">
			<p>Клиентское приложение для заказа такси Вашей службы.</p>
		</div>
	</div>
	<div class="block block_wm">
		<div class="inner_block image">
			<li>
            <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=26968566">
                <img src="/download/attachments/309986816817598/Platforminterface.png?version=1&modificationDate=1520241909825&api=v2">
		</div> 		<div class="inner_block text"> 			<p><b>Доступно для Android и iOS</b></br>
			<span>Приложение публикуется на Google Play и App Store</span></p>
		</div>
	</div>
	<div class="block">
		<div class="inner_block image">
			<img src="/download/attachments/30998681/Update.png?version=1&modificationDate=1520241910435&api=v2">
		</div>
		<div class="inner_block text">
			<p><b>Обновление и развитие функционала</b></br>
			<span>Постоянное обновление приложения</span></p>
		</div>
	</div>
	<div class="block block_wm">
		<div class="inner_block image">
			<img src="/download/attachments/30998681/Custom         <h3>Интерфейс</h3>
                <p>Описание интерфейса программы.</p>
            </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=15202419090861503312917264&api=v2">
		</div> 		<div class="inner_block text"> 			<p><b>Персонализация под Вашу ИДС</b></br> 			<span>Кастомизация приложения приложения согласно Вашему фирменному стилю</span></p>
		</div>
	</div>
</div>
<div class="functions">
	<div class="title">
		<div class="inner_block image">
			<img src="/download/attachments/30998681/Arrow.png?version=1&modificationDate=1520241908721&api=v2">
		</div>
		<div class="inner_block text">
			<p>Доступны следующие функции:</p>
		</div>
	</div>
	<div class="block block_wm">
		<div class="inner_block image">
			<img src="/download/attachments/30998681/Order_taxi   <h3>Оформление заказа, поиск машины</h3>
                <p>Создание заказа, поиск машины.</p>
            </a>
        </li>
       
        <li>
            <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=26968175">
                <img src="https://docs.tn.in.ua/download/attachments/6817661/order_vip.png?version=1&modificationDate=15202419096221503312917043&api=v2">
		</div> 		<div class="inner_block text"> 			<p><b>Заказ такси</b></br>
			<span>Быстрый и удобный заказ такси из приложения</span></p>
		</div>
	</div>
	<div class="block">
		<div class="inner_block image">
			<img src="/download/attachments/30998681/History.png?version=1&modificationDate=1520241909409&api=v2">
		</div>
		<div class="inner_block text">
			<p><b>История заказов</b></br>
			<span>Просмотр истории своих поездок</span></p>
		</div>
	</div>
	<div class="block block_wm">
		<div class="inner_block image">
			<img src="/download/attachments/30998681/Search            <h3>Заказы клиента</h3>
                <p>История заказов клиента.</p>
            </a>
        </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=15202419100971503312916683&api=v2">
		</div> 		<div class="inner_block text"> 			<p><b>Поиск машины</b></br>
			<span>Быстрый поиск ближашей к Вам машины</span></p>
		</div>
	</div>
	<div class="block">
		<div class="inner_block image">
			<img src="/download/attachments/30998681/Setting.png?version=1&modificationDate=1520241910256&api=v2">
		</div>
		<div class="inner_block text">
			<p><b>Настройки</b></br>
			<span>Гибкие настройки внутри приложения</span></p>
		</div>
	</div>            <h3>Профиль клиента и настройки</h3>
                <p>Настройки персональных данных клиента и приложения.</p>
            </a>
        </li>       
</li>
      
     
    </ul>
</div>
    <style>
	.title {
		padding: 30px 0 30px 150px;
	}
	.general, 
	.functions {
		display: block;
		margin: 0 auto;
		max-width: 910px;
	}
	.block {
		display: inline-block;
		vertical-align: middle;	
		margin-bottom: 20px;
	}
	.block_wm {
		margin-right: 50px;
	}
	.block .text {
		width: 360px;
	}
	.inner_block {
		display: inline-block;
		vertical-align: middle;
	}
	.text p {
		font-size: 14px;
		padding: 0 0 0 10px;
	}
	.text p span {
		color: #919191;
		padding: 10px 0 0 0;
	}
	.title .text p {
		font-size: 16px;
		font-weight: bold;
	}
</style>        
        .menu a:link {
            text-decoration: none;
        }
        
        .menu a:visited {
            text-decoration: none;
        }
        
        .menu ul{
            margin: 0px;
            padding: 0px;
            display: flex;
            flex-flow: row wrap;
            justify-content: center;
            list-style: none;
            max-width: 1000px;
            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>

Дерево страниц

Сравнение версий

Старая версия 24

Новая версия Текущий

Ключ

White Label

Дерево страниц

История страницы

Сравнение версий

Старая версия 24

Новая версия Текущий

Ключ

White Label