<div class="header">
        <h1>WhiteLabel</h1>
        <h2> Клиентское мобильное приложение на Android и iOS для заказа такси.</h3>
        <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=26411062"><span>Что нового?</span></a>
        <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=26411064"><span>Начало работы</span></a>

    </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{
            text-decoration: none;
        }
        
        .header a:visited {
            text-decoration: none;
        }
        
        .header span {
            margin: 10px 15px 10px 15px;
			font-weight: 600; 
		}
        
        .header span:hover {
            background-color: #d17a0a;
            border-radius: 0.5em;
            margin: 0px;
            padding: 10px 15px 10px 15px;
        }
		#title-heading {display: none;}
		.page-metadata {visibility: hidden;}
 </style>

<div class="general">
	<div class="title">
		<div class="inner_block image">
			<img src="/download/attachments/26411031/Arrow.png">
		</div>
		<div class="inner_block text">
			<p>Клиентское приложение для заказа такси Вашей службы.</p>
		</div>
	</div>
	<div class="block block_wm">
		<div class="inner_block image">
			<img src="/download/attachments/26411031/Platform.png">
		</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/26411031/Update.png">
		</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/26411031/Custom.png">
		</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/26411031/Arrow.png">
		</div>
		<div class="inner_block text">
			<p>Доступны следующие функции:</p>
		</div>
	</div>
	<div class="block block_wm">
		<div class="inner_block image">
			<img src="/download/attachments/26411031/Order_taxi.png">
		</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/26411031/History.png">
		</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/26411031/Search.png">
		</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/26411031/Setting.png">
		</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>