template.html

<!DOCTYPE html>
<html>
<head>
  <title></title>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="chrome=1">
  <!--<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">-->
  <!--<meta name="viewport" content="width=device-width, initial-scale=1.0">-->
  <!--This one seems to work all the time, but really small on ipad-->
  <!--<meta name="viewport" content="initial-scale=0.4">-->
  <meta name="apple-mobile-web-app-capable" content="yes">
    <link rel="stylesheet" media="all" href="theme/css/default.css">
    <link rel="stylesheet" media="all" href="theme/css/charts.css">
    <link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="theme/css/phone.css">
    <link rel="stylesheet" media="print" href="theme/css/print.css">
  <base target="_blank"> <!-- This amazingness opens all links in a new tab. -->
  <script data-main="js/slides" src="js/require-1.0.8.min.js"></script>
</head>
<body style="opacity: 0">

<slides class="layout-widescreen">

    <slide class="logoslide nobackground">
     <article class="flexbox vcenter">
       <span><img src="images/ips_logo.png"></span>
     </article>
   </slide>

    <slide class="title-slide segue nobackground">
     <aside class="gdbar"><img src="images/ips_logo_128.png"></aside>
     <!-- The content of this hgroup is replaced programmatically through the slide_config.json. -->
     <hgroup class="auto-fadein">
       <h1 data-config-title></h1>
       <h2 data-config-subtitle></h2>
       <p data-config-presenter></p>
     </hgroup>
   </slide>


    <slide>
      <article class="auto-fadein flex-2 flex-2-justify">
        <img src="images/look.png" class="flex-2__child flex-2__child-vbottom">
        <div class="flex-2__child flex-2__child-vcenter">
          <h2>Расходы на сторонние сервисы</h2>
          <p>Look to book и другие неолимпийские виды спорта</p>
        </div>
        <img src="images/book.png" width="170" class="flex-2__child flex-2__child-vbottom">
      </article>
    </slide>

    <slide>
      <article class="auto-fadein flex-2 flex-2-justify">
        <img src="images/slide3_1.png" class="flex-2__child flex-2__child-vbottom">
        <div class="flex-2__child flex-2__child-vcenter">
          <h2>Привлечение пользователей</h2>
          <p>CPA, CPC, CPL</p>
        </div>
        <img src="images/slide3_2.png" class="flex-2__child flex-2__child-vbottom">
      </article>
    </slide>

    <slide>
        <hgroup>
          <h2>Расходы на обслуживание</h2>
        </hgroup>
        <article class="flexbox vcenter">
          <svg id="speedchart"></svg>
        </article>
    </slide>

    <slide>
      <article class="flexbox vcenter with-back" style="background-image:url(images/techno9.jpg)">
        <h1>Базовые технологии</h1>
     </article>
    </slide>

    <slide>
      <article class="auto-fadein flex-2 flex-2-justify">
        <div class="flex-2__child flex-2__child-vbottom" style="width: 150px;">
          <p>Naletuna</p>
          <img src="images/slide5.png" width="110">
        </div>
        <div class="flex-2__child flex-2__child-vcenter">
          <h2>Автоматическое подтверждение</h2>
          <h3>клиентоориентируемый подход</h2>
        </div>
        <div class="flex-2__child flex-2__child-vbottom" style="width: 150px;">
          <p>Lumia e-bileta</p>
          <img src="images/slide5_1.png" width="120">
        </div>
      </article>
    </slide>

    <slide>
      <article class="auto-fadein flex-2 flex-2-justify">
        <img src="images/slide8_1.png" width="300" class="flex-2__child flex-2__child-vbottom">
        <div class="flex-2__child flex-2__child-vcenter">
           <h2>Безопасная оплата</h2>
           <p>Управление 3D Secure</p>
        </div>
        <img src="images/slide8_2.png" width="300" class="flex-2__child flex-2__child-vbottom">
      </article>
    </slide>

    <slide>
      <article class="flexbox vcenter with-back" style="background-image: url(images/techno6.jpg);">
        <h1>Продвинутые технологии</h1>
     </article>
    </slide>

    <slide>
       <hgroup class="auto-fadein">
         <h2>Прямая оплата в авиакомпанию</h2>
         <h3>оптимизация расходов на эквайринг</h3>
       </hgroup>
       <article class="auto-fadein">
        <div class="centered">
           <img src="images/tch-iata-bank.png" alt=""/>
        </div>
      </article>
    </slide>

    <slide>
       <hgroup class="auto-fadein">
          <h2>Комбинированная форма оплаты</h2>
          <h3>Скидки, программа лояльности</h3>
       </hgroup>
       <article class="auto-fadein smaller">
          <div class="img" style="background: url(images/t1.png) 50% 0 no-repeat; height: 310px;"></div>
       </article>
    </slide>

    <slide>
        <hgroup>
          <h2>Все в одном заказе</h2>
          <h3>"мультишлюзинг"</h3>
        </hgroup>
        <article class="multipass">
            <ul>
               <li>мульти-тикет</li>
               <li>мульти-экваринг</li>
               <li>мульти-оффис</li>
               <li>мульти-GDS</li>
               <li>мульти-клиринг</li> 
            </ul>
        </article>
    </slide>

    <slide>
      <article class="flexbox vcenter with-back" style="background:url(images/slide4_1.jpg)">
        <h1>Мультитенантные технологии</h1>
      </article>
    </slide>

    <slide>
        <hgroup>
          <h2>Мульти-профиль</h2>
          <h3>гибкая логика проведения транзакции</h3>
        </hgroup>
        <article class="smaller">
          <img src="images/profiles.png" />
        </article>
    </slide>

    <slide>
        <hgroup>
          <h2>Отслеживание активности устройства</h2>
          <h3>оптимизация конверсии</h3>
        </hgroup>
        <article>
          <svg id="conversion1" width="240" height="240"></svg>
          <svg id="conversion2" width="240" height="240"></svg>
          <svg id="conversion3" width="240" height="240"></svg>
          <svg id="risk1" width="240" height="240"></svg>
          <svg id="risk2" width="240" height="240"></svg>
          <svg id="risk3" width="240" height="240"></svg>
        </article>
    </slide>

    <slide class="title-slide segue nobackground">
      <aside class="gdbar right"><img src="images/ips_logo_128.png"/></aside>
      <article class="auto-fadein">
         <img src="images/final.jpg" />
      </article>
      <hgroup class="auto-fadein">
        <h1>&lt;Спасибо за внимание!&gt;</h1>
        <p data-config-contact></p>
      </hgroup>
    </slide>

    <slide class="logoslide nobackground">
      <article class="flexbox vcenter">
        <span><img src="images/ips_logo.png"></span>
      </article>
    </slide>

    <slide class="backdrop"></slide>

</slides>

</body>
</html>