<br>
</div>
<br><br><br>
<div class="menu">
<ul>
<li>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6815873">
<img src="/download/attachments/6815867/TN.png">
<h3>Такси Навигатор</h3>
</a>
</li>
<li>
<a href="https://docs.tn.in.ua/display/KB/MobileTaxi">
<img src="/download/attachments/6815867/MT.png">
<h3>Mobile Taxi</h3>
</a>
</li>
<li>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6817661">
<img src="/download/attachments/6815867/OZ.png?">
<h3>Онлайн заказ</h3>
</a>
</li>
<li>
<a href="https://docs.tn.in.ua/display/KB/WhiteLabel">
<img src="/download/attachments/6815867/WL_icon.png">
<h3>WhiteLabel</h3>
</a>
</li>
<li>
<a href="https://docs.tn.in.ua/display/KB/Fleet+Service">
<img src="/download/attachments/6815867/FS.png">
<h3>Fleet Service</h3>
</a>
</li>
</ul>
</div>
<style>
.header {
background-image: url("/download/attachments/6815873/bg.png");
padding: 20px;
}
.header h1 {
color: white;
margin: 20px;
font-size: 48px;
line-height: 1.5;
text-align: center;
}
.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: 1300px;
margin: auto;
text-align: center;
}
.menu li {
border: 0px solid #A0A0A1;
border-radius: 10px;
margin: 0 0 60px;
height: 215px;
flex-basis: 350px;
text-align: center;
}
.menu li img {
float: top;
margin-right: 5px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
text-align: center;
}
.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> | 
