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 |