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

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

Ключ

  • Эта строка добавлена.
  • Эта строка удалена.
  • Изменено форматирование.

...

Макрос генерирует HTML разметку
<div class="general">
	<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/Platform.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.png?version=1&modificationDate=1520241909086&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.png?version=1&modificationDate=1520241909622&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.png?version=1&modificationDate=1520241910097&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>
</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>

...