| LEFT | RIGHT | 
|   1 <!DOCTYPE html> |   1 <!DOCTYPE html> | 
|   2 <html lang="{{locale}}"> |   2 <html lang="{{locale}}"> | 
|   3 <head> |   3 <head> | 
|   4   <meta charset="UTF-8" /> |   4   <meta charset="UTF-8" /> | 
|   5   <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scal
    e=1,user-scalable=no" /> |   5   <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scal
    e=1,user-scalable=no" /> | 
|   6   <meta http-equiv="X-UA-Compatible" content="IE=edge"> |   6   <meta http-equiv="X-UA-Compatible" content="IE=edge"> | 
|   7  |   7  | 
|   8   {% if title %} |   8   {% if title %} | 
|   9   <title>{{title}} | Eyeo GmbH</title> |   9   <title>{{title}} | Eyeo GmbH</title> | 
|  10   {% else %} |  10   {% else %} | 
|  11   <title>Eyeo GmbH</title> |  11   <title>Eyeo GmbH</title> | 
|  12   {% endif %} |  12   {% endif %} | 
|  13  |  13  | 
|  14   <link rel="shortcut icon" href="/images/favicon.png" /> |  14   <link rel="shortcut icon" href="/images/favicon.png" /> | 
|  15  |  15  | 
|  16   <link rel="stylesheet" href="/css/styles.css" type="text/css" media="all"> |  16   <link rel="stylesheet" href="/css/styles.css" type="text/css" media="all"> | 
|  17  |  17  | 
|  18   <!--[if lt IE 9]> |  18   <!--[if lt IE 9]> | 
|  19     <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></scri
    pt> |  19     <script src="/js/html5shiv.min.js"></script> | 
|  20     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> |  20     <script src="/js/respond.min.js"></script> | 
|  21   <![endif]--> |  21   <![endif]--> | 
|  22  |  22  | 
|  23   <script src="/js/jquery.js"></script> |  23   <script src="/js/jquery.js"></script> | 
|  24   <script src="/js/scripts.js"></script> |  24   <script src="/js/scripts.js"></script> | 
|  25  |  25  | 
|  26   <link rel="canonical" href="https://eyeo.com/{{ page[:-5] if page.split('/')[-
    1] == 'index' else page }}"> |  26   <link rel="canonical" href="https://eyeo.com/{{ page[:-5] if page.split('/')[-
    1] == 'index' else page }}"> | 
|  27  |  27  | 
|  28   {% block head %} |  28   {% block head %} | 
|  29   {{head|safe}} |  29   {{head|safe}} | 
|  30   {% endblock %} |  30   {% endblock %} | 
|  31 </head> |  31 </head> | 
|  32  |  32  | 
|  33 <body id="top" class="home page page-template-default apollo_validation_on cover
     wpb-js-composer js-comp-ver-3.6.14.1 vc_responsive"> |  33 <body id="top" class="home page page-template-default apollo_validation_on cover
     wpb-js-composer js-comp-ver-3.6.14.1 vc_responsive"> | 
|  34  |  34  | 
|  35   <header id="header" class="top"> |  35   <header id="header" class="top"> | 
|  36     <div class="content-block"> |  36     <div class="content-block"> | 
|  37  |  37  | 
|  38       <a id="logo" href="{{source.resolve_link("index", locale)[1]}}" hreflang="
    {{source.resolve_link("index", locale)[0]}}" title="Eyeo GmbH" rel="home"><img s
    rc="/images/tog_logo.png" height="51px" alt="Eyeo GmbH" /></a> |  38       {{"jobs"|linkify(id="logo",title="Eyeo GmbH",rel="home")}} | 
 |  39         <img src="/images/logo.png" srcset="/images/logo.png 1x, /images/logo-2x
    .png | 
 |  40       2x" height="51px" alt="Eyeo GmbH" /> | 
 |  41       </a> | 
|  39  |  42  | 
|  40       <a class="assistive-text" href="#begin-of-content">Skip to primary content
    </a> |  43       <a class="assistive-text" href="#content"> | 
|  41       <a class="assistive-text" href="#secondary">Skip to secondary content</a> |  44         Skip to main content | 
 |  45       </a> | 
|  42  |  46  | 
|  43       <button type="button" id="header-hamberger" aria-expanded="false"> |  47       <button id="header-hamburger" aria-expanded="false"> | 
|  44         <span class="assistive-text">Toggle navigation</span> |  48         <span class="assistive-text">Toggle navigation</span> | 
|  45         <span class="icon-bar"></span> |  49         <span class="icon-bar"></span> | 
|  46         <span class="icon-bar"></span> |  50         <span class="icon-bar"></span> | 
|  47         <span class="icon-bar"></span> |  51         <span class="icon-bar"></span> | 
|  48       </button> |  52       </button> | 
|  49  |  53  | 
|  50       <a href="{{source.resolve_link("jobs", locale)[1]}}" hreflang="{{source.re
    solve_link("jobs", locale)[0]}}" class="menu-button">Join us - we are hiring!</a
    > |  54       <nav id="menu" role="navigation" aria-labelledby="header-hamburger" aria-e
    xpanded="false"> | 
|  51  |  55         <h1 class="assistive-text">Main menu</h1> | 
|  52       <nav id="menu" role="navigation" aria-labelledby="header-hamberger" aria-e
    xpanded="false"> |  | 
|  53         <h3 class="assistive-text">Main menu</h3> |  | 
|  54         <ul class="menu-list"> |  56         <ul class="menu-list"> | 
|  55           {%- for link, title in [("index", "About Us"), ("services", "Services"
    ), ("team", "Team"), ("press", "Press"), ("contact", "Contact Us")] %} |  57           {%- for link, title in [("index", "About Us"), ("services", "Services"
    ), ("team", "Team"), ("press", "Press"), ("contact", "Contact Us")] %} | 
|  56             {%- if link == page %} |  58             {%- if link == page %} | 
|  57               <li class="menu-item menu-item-type-post_type menu-item-object-pag
    e current-menu-item page_item current_page_item">{{link|linkify}}<span>{{title}}
    </span></a></li> |  59               <li class="current-menu-item"> | 
 |  60                 {{link|linkify}} | 
 |  61                   <span>{{title}}</span> | 
 |  62                 </a> | 
 |  63               </li> | 
|  58             {%- else %} |  64             {%- else %} | 
|  59               <li class="menu-item menu-item-type-post_type menu-item-object-pag
    e">{{link|linkify}}<span>{{title}}</span></a></li> |  65               <li> | 
 |  66                 {{link|linkify}} | 
 |  67                   <span>{{title}}</span> | 
 |  68                 </a> | 
 |  69               </li> | 
|  60             {%- endif %} |  70             {%- endif %} | 
|  61           {%- endfor %} |  71           {%- endfor %} | 
|  62         </ul> |  72         </ul> | 
|  63       </nav> |  73       </nav> | 
|  64        |  74  | 
 |  75       {{"jobs"|linkify(class="menu-button")}}Join us - we are hiring!</a> | 
 |  76  | 
|  65     </div> |  77     </div> | 
|  66   </header> |  78   </header> | 
|  67  |  79  | 
|  68   <div id="content"> |  80   <div id="content"> | 
|  69     {{body|safe}} |  81     {{body|safe}} | 
|  70   </div> |  82   </div> | 
|  71  |  83  | 
|  72   <footer id="footer"> |  84   <footer id="footer"> | 
|  73     <div class="content-block"> |  85     <div class="content-block"> | 
|  74       <a id="footer-contact" href="{{source.resolve_link("contact", locale)[1]}}
    " hreflang="{{source.resolve_link("contact", locale)[0]}}"> |  86       <a id="footer-contact" href="{{source.resolve_link("contact", locale)[1]}}
    " hreflang="{{source.resolve_link("contact", locale)[0]}}"> | 
|  75         Made with ♥ in Cologne |  87         Made with ♥ in Cologne | 
|  76       </a> |  88       </a> | 
|  77  |  89  | 
|  78       <div class="footer-text"> |  90       <div class="footer-text"> | 
|  79         Adblock Plus™ and Acceptable Ads™ are registered trademarks of Eyeo GmbH
    . |  91         Adblock Plus™ and Acceptable Ads™ are registered trademarks of Eyeo GmbH
    . | 
|  80       </div> |  92       </div> | 
|  81  |  93  | 
|  82       <a href="#top" id="to-top" style="opacity: 0;"></a> |  | 
|  83     </div> |  94     </div> | 
|  84   </footer> |  95   </footer> | 
|  85 </body> |  96 </body> | 
|  86  |  97  | 
|  87 </html> |  98 </html> | 
| LEFT | RIGHT |