<header class="page__header">
<div class="sub">
<div class="container">
<ul class="lang-menu">
<li class="lang-menu__item">
<a class="lang-menu__link" href="#">est</a>
</li>
<li class="lang-menu__item">
<a class="lang-menu__link" href="#">eng</a>
</li>
<li class="lang-menu__item">
<a class="lang-menu__link" href="#">ger</a>
</li>
<li class="lang-menu__item">
<a class="lang-menu__link" href="#">swe</a>
</li>
<li class="lang-menu__item">
<a class="lang-menu__link" href="#">rus</a>
</li>
</ul>
</div>
</div>
<nav class="main main–navigation main--background">
<div class="container">
<div class="d-flex flex-row align-items-top">
<a href="#">
<div class="logo logo--contrast blue">
<?xml version="1.0" encoding="UTF-8"?>
<svg width="224px" height="44px" viewBox="0 0 224 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1">
<g id="Päis" transform="translate(-100.000000, -2004.000000)" >
<g id="demologo" transform="translate(100.000000, 2004.000000)">
<g id="Tallinn_logo_RGB_valge" fill-rule="nonzero">
<path d="M22.64722,17.4671 C25.1533267,18.0946607 27.7173338,18.462801 30.29877,18.56571 L30.29877,22.4311 C25.659,21.41388 25.21131,19.5422 20.12386,18.60634 C13.89681,17.46706 5.75688,18.64704 0.09963,19.5015 L0.09963,14.5375 C5.06499,14.00855 8.97215,13.7644 13.16422,14.5375 C17.27487,15.26989 19.06565,16.49056 22.64722,17.4671 Z M30.29875,24.8725 L30.2988,26.62211 C25.69973,25.84903 19.35059,26.82557 13.20494,27.80211 C11.05506,28.12651 6.03481,28.85514 0.15894,29.90731 C0.116081067,29.4861667 0.0962748541,29.0629954 0.09961,28.63969 L0.09961,24.66906 C8.15813,23.32631 13.28629,22.47185 20.08313,22.34979 C23.46121,22.30908 26.75787,22.43114 30.29875,24.8725 Z M1.53787,34.14756 C2.28025,34.03783 29.36525,29.95449 30.24645,29.83815 C30.22793,30.02695 30.20288,30.23015 30.16893,30.44615 C30.0366168,31.2263882 29.8268255,31.9914872 29.54267,32.73009 C29.1303166,33.7599651 28.5727776,34.7255661 27.88699,35.59756 C24.53153,39.84431 15.51376,43.19977 15.19916,43.30463 C14.8842,43.19962 5.86673,39.84421 2.51135,35.59756 C2.15238657,35.1382823 1.82704766,34.6536895 1.53787,34.14756 Z M12.79791,9.08519 C16.94927,9.53275 24.8043,9.61414 30.29876,10.59068 L30.29876,14.49679 C26.43229,14.04917 20.04245,14.04917 15.32129,12.74717 C14.4259,12.50305 12.10601,11.81133 10.92572,11.4858 C7.40977078,10.4761223 3.75470747,10.0365464 0.09962,10.1838 L0.09962,6.84728 C6.16391,7.74244 8.97214,8.6783 12.79791,9.08519 Z M15.19947,0.78463 C20.2860388,0.732050715 25.3590017,1.31988357 30.29876,2.53427 L30.29876,6.68454 L0.09962,4.08044 L0.09962,2.53427 C5.03946905,1.31985928 10.1125275,0.732026244 15.19919,0.78463 L15.19947,0.78463 Z" id="Combined-Shape"></path>
</g>
<path d="M56.1972283,6.51619048 L56.1972283,8.76417633 L52.1883202,8.76417633 L52.1883202,19.8167734 L49.56567,19.8167734 L49.56567,8.76417633 L45.5567619,8.76417633 L45.5567619,6.51619048 L56.1972283,6.51619048 Z M61.9670586,9.92563568 C64.7208413,9.92563568 66.1258324,11.3306268 66.1258324,13.3538141 L66.1258324,19.8167734 L63.9340462,19.8167734 L63.9340462,18.823913 C63.3533166,19.6294413 62.3229897,20.1352381 60.8430657,20.1352381 C59.0259438,20.1352381 57.4148873,19.348443 57.4148873,17.4001886 C57.4148873,15.1896692 59.3818749,14.4216074 61.5549279,14.0282099 L63.8029137,13.6160791 L63.8029137,13.3912805 C63.8029137,12.4546198 63.1097848,11.9300897 62.0045251,11.9300897 C60.6932,11.9300897 60.0188042,12.5295526 59.0259438,13.4849466 L57.4898201,12.0799555 C58.6887459,10.6562311 60.0750039,9.92563568 61.9670586,9.92563568 Z M107.409314,10 C110.163097,10 111.568088,11.4049912 111.568088,13.4281784 L111.568088,19.8911377 L109.376302,19.8911377 L109.376302,18.8982773 C108.795572,19.7038056 107.765245,20.2096024 106.285321,20.2096024 C104.468199,20.2096024 102.857143,19.4228074 102.857143,17.474553 C102.857143,15.2640335 104.82413,14.4959717 106.997183,14.1025742 L109.245169,13.6904434 L109.245169,13.4656449 C109.245169,12.5289841 108.55204,12.0044541 107.446781,12.0044541 C106.135456,12.0044541 105.46106,12.6039169 104.468199,13.5593109 L102.932076,12.1543198 C104.131002,10.7305954 105.517259,10 107.409314,10 Z M106.697452,18.261348 C107.933844,18.261348 109.245169,17.6618851 109.245169,15.9946289 L109.245169,15.4326325 L107.634113,15.7698304 C106.191655,16.0695618 105.236261,16.4067597 105.236261,17.305954 C105.236261,17.9054169 105.779524,18.261348 106.697452,18.261348 Z M61.2551964,18.1869837 C62.4915887,18.1869837 63.8029137,17.5875208 63.8029137,15.9202646 L63.8029137,15.3582682 L62.1918572,15.695466 C60.7493996,15.9951975 59.7940056,16.3323954 59.7940056,17.2315897 C59.7940056,17.8310526 60.3372689,18.1869837 61.2551964,18.1869837 Z M70.7342034,6.51619048 L70.7342034,19.8167734 L68.2988854,19.8167734 L68.2988854,6.51619048 L70.7342034,6.51619048 Z M75.3800409,6.51619048 L75.3800409,19.8167734 L72.9447229,19.8167734 L72.9447229,6.51619048 L75.3800409,6.51619048 Z M79.9884119,6.51619048 L79.9884119,8.80164276 L77.5530939,8.80164276 L77.5530939,6.51619048 L79.9884119,6.51619048 Z M79.9884119,10.2441003 L79.9884119,19.8167734 L77.5530939,19.8167734 L77.5530939,10.2441003 L79.9884119,10.2441003 Z M87.2756327,9.92563568 C89.5048853,9.92563568 90.7038111,11.3118936 90.7038111,13.260148 L90.7038111,19.8167734 L88.2684931,19.8167734 L88.2684931,13.9907434 C88.2684931,12.735618 87.650297,12.0237558 86.4888376,12.0237558 C85.3648447,12.0237558 84.5593164,12.8480173 84.5593164,14.0469431 L84.5593164,19.8167734 L82.1239984,19.8167734 L82.1239984,10.2441003 L84.3907175,10.2441003 L84.3907175,11.3306268 C84.9901804,10.4688989 85.9643076,9.92563568 87.2756327,9.92563568 Z M97.9910319,9.92563568 C100.220285,9.92563568 101.41921,11.3118936 101.41921,13.260148 L101.41921,19.8167734 L98.9838923,19.8167734 L98.9838923,13.9907434 C98.9838923,12.735618 98.3656962,12.0237558 97.2042369,12.0237558 C96.0802439,12.0237558 95.2747157,12.8480173 95.2747157,14.0469431 L95.2747157,19.8167734 L92.8393977,19.8167734 L92.8393977,10.2441003 L95.1061167,10.2441003 L95.1061167,11.3306268 C95.7055796,10.4688989 96.6797068,9.92563568 97.9910319,9.92563568 Z" id="Tallinn"></path>
<path d="M49.23,29.892 C50.67,29.892 51.678,30.234 52.866,31.188 L52.02,32.232 C50.868,31.35 50.184,31.152 49.23,31.152 C48.024,31.152 47.286,31.71 47.286,32.466 C47.286,33.24 48.042,33.42 49.662,33.78 C51.966,34.302 53.01,34.932 53.01,36.498 C53.01,38.136 51.606,39.252 49.464,39.252 C47.898,39.252 46.782,38.838 45.378,37.596 L46.296,36.588 C47.61,37.686 48.402,37.974 49.482,37.974 C50.634,37.974 51.498,37.452 51.498,36.57 C51.498,35.598 50.436,35.328 49.014,35.022 C46.656,34.518 45.792,33.996 45.792,32.52 C45.792,30.972 47.178,29.892 49.23,29.892 Z M60.534,30.144 L62.082,30.144 L62.082,39 L60.642,39 L60.642,37.902 C60.12,38.766 59.148,39.252 57.96,39.252 C55.71,39.252 54.81,37.956 54.81,36.354 L54.81,30.144 L56.358,30.144 L56.358,35.976 C56.358,37.236 57.006,37.92 58.212,37.92 C59.508,37.92 60.534,37.128 60.534,35.544 L60.534,30.144 Z M70.2,30.144 L71.748,30.144 L71.748,39 L70.308,39 L70.308,37.902 C69.786,38.766 68.814,39.252 67.626,39.252 C65.376,39.252 64.476,37.956 64.476,36.354 L64.476,30.144 L66.024,30.144 L66.024,35.976 C66.024,37.236 66.672,37.92 67.878,37.92 C69.174,37.92 70.2,37.128 70.2,35.544 L70.2,30.144 Z M77.814,30.036 C78.336,30.036 78.822,30.162 79.218,30.306 L78.93,31.602 C78.48,31.476 78.12,31.422 77.778,31.422 C76.59,31.422 75.708,32.448 75.708,34.248 L75.708,39 L74.16,39 L74.16,30.144 L75.618,30.144 L75.618,31.476 C76.032,30.612 76.77,30.036 77.814,30.036 Z M87.39,36.48 L88.308,37.416 C87.012,38.802 85.896,39.252 84.456,39.252 C81.756,39.252 80.064,37.398 80.064,34.626 C80.064,31.854 81.702,29.892 84.294,29.892 C86.85,29.892 88.29,31.548 88.29,34.158 C88.29,34.338 88.272,34.68 88.254,34.842 L81.612,34.842 C81.702,36.48 82.548,37.956 84.474,37.956 C85.608,37.956 86.274,37.542 87.39,36.48 Z M84.276,31.134 C82.836,31.134 81.882,32.052 81.648,33.69 L86.76,33.69 C86.688,32.16 85.824,31.134 84.276,31.134 Z M99.486,29.892 C101.466,29.892 102.438,31.152 102.438,32.826 L102.438,39 L100.89,39 L100.89,33.258 C100.89,31.98 100.332,31.206 99.126,31.206 C97.884,31.206 97.092,32.142 97.092,33.438 L97.092,39 L95.544,39 L95.544,33.258 C95.544,31.98 94.986,31.206 93.78,31.206 C92.628,31.206 91.764,32.052 91.764,33.438 L91.764,39 L90.216,39 L90.216,30.144 L91.674,30.144 L91.674,31.206 C92.196,30.36 93.024,29.892 94.212,29.892 C95.472,29.892 96.336,30.468 96.768,31.332 C97.308,30.486 98.172,29.892 99.486,29.892 Z M108.414,29.892 C110.754,29.892 112.014,31.116 112.014,32.844 L112.014,39 L110.61,39 L110.61,37.902 C110.016,38.802 108.936,39.288 107.604,39.288 C105.876,39.288 104.436,38.568 104.436,36.804 C104.436,34.734 106.344,34.122 108.558,33.726 L110.538,33.366 L110.538,32.916 C110.538,31.8 109.692,31.17 108.468,31.17 C107.334,31.17 106.596,31.602 105.552,32.664 L104.562,31.782 C105.66,30.486 106.884,29.892 108.414,29.892 Z M107.766,38.01 C109.296,38.01 110.538,37.146 110.538,35.688 L110.538,34.518 L108.918,34.842 C107.19,35.202 105.948,35.526 105.948,36.75 C105.948,37.56 106.632,38.01 107.766,38.01 Z M121.518,29.892 C122.958,29.892 123.966,30.234 125.154,31.188 L124.308,32.232 C123.156,31.35 122.472,31.152 121.518,31.152 C120.312,31.152 119.574,31.71 119.574,32.466 C119.574,33.24 120.33,33.42 121.95,33.78 C124.254,34.302 125.298,34.932 125.298,36.498 C125.298,38.136 123.894,39.252 121.752,39.252 C120.186,39.252 119.07,38.838 117.666,37.596 L118.584,36.588 C119.898,37.686 120.69,37.974 121.77,37.974 C122.922,37.974 123.786,37.452 123.786,36.57 C123.786,35.598 122.724,35.328 121.302,35.022 C118.944,34.518 118.08,33.996 118.08,32.52 C118.08,30.972 119.466,29.892 121.518,29.892 Z M129.762,26.544 L129.762,28.398 L128.25,28.398 L128.25,26.544 L129.762,26.544 Z M132.948,26.544 L132.948,28.398 L131.436,28.398 L131.436,26.544 L132.948,26.544 Z M132.822,30.144 L134.37,30.144 L134.37,39 L132.93,39 L132.93,37.902 C132.408,38.766 131.436,39.252 130.248,39.252 C127.998,39.252 127.098,37.956 127.098,36.354 L127.098,30.144 L128.646,30.144 L128.646,35.976 C128.646,37.236 129.294,37.92 130.5,37.92 C131.796,37.92 132.822,37.128 132.822,35.544 L132.822,30.144 Z M139.806,29.892 C141.246,29.892 142.254,30.234 143.442,31.188 L142.596,32.232 C141.444,31.35 140.76,31.152 139.806,31.152 C138.6,31.152 137.862,31.71 137.862,32.466 C137.862,33.24 138.618,33.42 140.238,33.78 C142.542,34.302 143.586,34.932 143.586,36.498 C143.586,38.136 142.182,39.252 140.04,39.252 C138.474,39.252 137.358,38.838 135.954,37.596 L136.872,36.588 C138.186,37.686 138.978,37.974 140.058,37.974 C141.21,37.974 142.074,37.452 142.074,36.57 C142.074,35.598 141.012,35.328 139.59,35.022 C137.232,34.518 136.368,33.996 136.368,32.52 C136.368,30.972 137.754,29.892 139.806,29.892 Z M150.048,37.632 L150.282,38.856 C149.634,39.09 148.986,39.162 148.464,39.162 C146.772,39.162 146.178,38.352 146.178,36.948 L146.178,31.314 L144.522,31.314 L144.522,30.144 L146.178,30.144 L146.178,27.174 L147.726,27.174 L147.726,30.144 L150.12,30.144 L150.12,31.314 L147.726,31.314 L147.726,36.768 C147.726,37.56 148.032,37.848 148.77,37.848 C149.094,37.848 149.454,37.794 150.048,37.632 Z M158.598,36.48 L159.516,37.416 C158.22,38.802 157.104,39.252 155.664,39.252 C152.964,39.252 151.272,37.398 151.272,34.626 C151.272,31.854 152.91,29.892 155.502,29.892 C158.058,29.892 159.498,31.548 159.498,34.158 C159.498,34.338 159.48,34.68 159.462,34.842 L152.82,34.842 C152.91,36.48 153.756,37.956 155.682,37.956 C156.816,37.956 157.482,37.542 158.598,36.48 Z M155.484,31.134 C154.044,31.134 153.09,32.052 152.856,33.69 L157.968,33.69 C157.896,32.16 157.032,31.134 155.484,31.134 Z M168.21,36.48 L169.128,37.416 C167.832,38.802 166.716,39.252 165.276,39.252 C162.576,39.252 160.884,37.398 160.884,34.626 C160.884,31.854 162.522,29.892 165.114,29.892 C167.67,29.892 169.11,31.548 169.11,34.158 C169.11,34.338 169.092,34.68 169.074,34.842 L162.432,34.842 C162.522,36.48 163.368,37.956 165.294,37.956 C166.428,37.956 167.094,37.542 168.21,36.48 Z M165.096,31.134 C163.656,31.134 162.702,32.052 162.468,33.69 L167.58,33.69 C167.508,32.16 166.644,31.134 165.096,31.134 Z M180.306,29.892 C182.286,29.892 183.258,31.152 183.258,32.826 L183.258,39 L181.71,39 L181.71,33.258 C181.71,31.98 181.152,31.206 179.946,31.206 C178.704,31.206 177.912,32.142 177.912,33.438 L177.912,39 L176.364,39 L176.364,33.258 C176.364,31.98 175.806,31.206 174.6,31.206 C173.448,31.206 172.584,32.052 172.584,33.438 L172.584,39 L171.036,39 L171.036,30.144 L172.494,30.144 L172.494,31.206 C173.016,30.36 173.844,29.892 175.032,29.892 C176.292,29.892 177.156,30.468 177.588,31.332 C178.128,30.486 178.992,29.892 180.306,29.892 Z M187.2,26.544 L187.2,28.398 L185.652,28.398 L185.652,26.544 L187.2,26.544 Z M187.2,30.144 L187.2,39 L185.652,39 L185.652,30.144 L187.2,30.144 Z M197.946,29.892 C200.106,29.892 201.114,31.278 201.114,32.934 L201.114,39 L199.566,39 L199.566,33.42 C199.566,31.962 198.846,31.206 197.532,31.206 C196.254,31.206 195.246,32.196 195.246,33.51 L195.246,39 L193.698,39 L193.698,30.144 L195.156,30.144 L195.156,31.278 C195.75,30.36 196.758,29.892 197.946,29.892 Z M205.056,26.544 L205.056,28.398 L203.508,28.398 L203.508,26.544 L205.056,26.544 Z M205.056,30.144 L205.056,39 L203.508,39 L203.508,30.144 L205.056,30.144 Z M216.738,29.892 C218.718,29.892 219.69,31.152 219.69,32.826 L219.69,39 L218.142,39 L218.142,33.258 C218.142,31.98 217.584,31.206 216.378,31.206 C215.136,31.206 214.344,32.142 214.344,33.438 L214.344,39 L212.796,39 L212.796,33.258 C212.796,31.98 212.238,31.206 211.032,31.206 C209.88,31.206 209.016,32.052 209.016,33.438 L209.016,39 L207.468,39 L207.468,30.144 L208.926,30.144 L208.926,31.206 C209.448,30.36 210.276,29.892 211.464,29.892 C212.724,29.892 213.588,30.468 214.02,31.332 C214.56,30.486 215.424,29.892 216.738,29.892 Z M223.632,26.544 L223.632,28.398 L222.084,28.398 L222.084,26.544 L223.632,26.544 Z M223.632,30.144 L223.632,39 L222.084,39 L222.084,30.144 L223.632,30.144 Z" id="suuremasüsteeminimi" fill-rule="nonzero"></path>
</g>
</g>
</g>
</svg>
</div>
</a>
<nav data-menu="main">
<ul class="mainmenu ">
</ul>
</nav>
<!--
<div class="megamenu">
<ul>
<li><a href="#">Menu level1</a></li>
<li><a href="#">Menu level1</a></li>
<li>
<a href="#">Menu level1</a>
<ul>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a>
<ul>
<li><a href="#">LEvel 3</a></li>
<li><a href="#">LEvel 3</a></li>
<li><a href="#">LEvel 3</a></li>
<li><a href="#">LEvel 3</a></li>
<li><a href="#">LEvel 3</a></li>
</ul>
</li>
<li><a href="#">LEvel 2</a></li>
</ul>
</li>
<li><a href="#">Menu level1</a></li>
<li><a href="#">Menu level1</a></li>
<li><a href="#">Menu level1</a></li>
</ul>
</div>-->
<ul class="main-buttons">
<li class="main-buttons__item">
<button class="button ">
<i class="fas fa-eye-slash button__icon--center" aria-hidden="true" ></i>
</button>
</li>
<li class="main-buttons__item">
<button class="button ">
<i class="fas fa-search button__icon--center" aria-hidden="true" ></i>
</button>
</li>
<li class="main-buttons__item">
<button class="button button--contrast">
<i class="fas fa-lock button__icon--left" aria-hidden="true" ></i>
Logi sisse
</button>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div class="page__center container">
<main class="page__content">
<div class="row">
<div class="col">
<h1>Logi sisse</h1>
</div>
<div class="col d-flex justify-content-end align-items-center">
<div class="esf-logo"></div>
</div>
</div>
<ul class="tab login-tabs">
<li class="tab__item is-selected">
<a href="#">
<i class="icon-id-card"></i>
ID-Kaart
</a>
</li>
<li class="tab__item ">
<a href="#">
<i class="icon-mobiil-id"></i>
Mobiil-ID
</a>
</li>
<li class="tab__item ">
<a href="#">
<i class="icon-eu-citizen"></i>
EU Citizen
</a>
</li>
<li class="tab__item ">
<a href="#">
<i class="icon-password"></i>
Salasõna
</a>
</li>
</ul>
<h3>ID-Kaart</h3>
<div class="row">
<div class="col-6">
<p>
Sisselogimiseks vajate kaardilugejat ja kehtivat ID-kaarti. Sisestage ID-kaart kaardilugejasse ja vajutage "Jätka".
</p>
</div>
</div>
<div class="row ">
<div class="col-6">
<div class="login-buttons">
<button class="button ">
Jätka
</button>
<button class="button button--triarity">
Abi id.eest
</button>
</div>
</div>
</div>
</main>
</div>
<footer class="footer footer__main ">
<div class="container d-flex align-items-center">
<div class="footer-content footer-content--left">
<div>
Infoliin
</div>
<a href="#" class="link link--white footer-link--phone"><i class="fas fa-phone"></i>1234</a>
</div>
<div class="footer-content footer-content--center">
Kõik õigused kaitstud
</div>
<ul class="footer-content footer-content--right">
<li><a href="#" class="link link--white footer-link--social"><i class="fab fa-facebook-square"></i><span class="sr-only">Facebook</span></a></li>
<li><a href="#" class="link link--white footer-link--social"><i class="fas fa-rss-square"></i><span class="sr-only">RSS uudisvoog</span></a></li>
</ul>
</div>
</footer>
{
"id-kaart": true,
"subnav": true,
"bg-image": true,
"languages": true,
"main-nav-modifiers": "main--background",
"logo-modifiers": "logo--contrast blue",
"tab-modifier": "login-tabs",
"lang-menu": [
{
"lang": "est"
},
{
"lang": "eng"
},
{
"lang": "ger"
},
{
"lang": "swe"
},
{
"lang": "rus"
}
],
"title": "ID-Kaart",
"paragraph": "Sisselogimiseks vajate kaardilugejat ja kehtivat ID-kaarti. Sisestage ID-kaart kaardilugejasse ja vajutage \"Jätka\".",
"buttons": [
{
"content": "Jätka"
},
{
"content": "Abi id.eest",
"button-modifiers": "button--triarity"
}
],
"main-buttons": [
{
"icon-center": "eye-slash",
"content": null
},
{
"icon-center": "search",
"content": null
},
{
"icon-left": "lock",
"content": "Logi sisse",
"button-modifiers": "button--contrast"
}
],
"tabs": [
{
"name": "ID-Kaart",
"custom-icon-modifier": "id-card",
"active": true
},
{
"name": "Mobiil-ID",
"custom-icon-modifier": "mobiil-id"
},
{
"name": "EU Citizen",
"custom-icon-modifier": "eu-citizen"
},
{
"name": "Salasõna",
"custom-icon-modifier": "password"
}
]
}
<header class="page__header">
<div class="sub">
<div class="container">
<ul class="lang-menu">
<li class="lang-menu__item">
<a class="lang-menu__link" href="#">est</a>
</li>
<li class="lang-menu__item">
<a class="lang-menu__link" href="#">eng</a>
</li>
<li class="lang-menu__item">
<a class="lang-menu__link" href="#">ger</a>
</li>
<li class="lang-menu__item">
<a class="lang-menu__link" href="#">swe</a>
</li>
<li class="lang-menu__item">
<a class="lang-menu__link" href="#">rus</a>
</li>
</ul>
</div>
</div>
<nav class="main main–navigation main--background">
<div class="container">
<div class="d-flex flex-row align-items-top">
<a href="#">
<div class="logo logo--contrast blue">
<?xml version="1.0" encoding="UTF-8"?>
<svg width="224px" height="44px" viewBox="0 0 224 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1">
<g id="Päis" transform="translate(-100.000000, -2004.000000)" >
<g id="demologo" transform="translate(100.000000, 2004.000000)">
<g id="Tallinn_logo_RGB_valge" fill-rule="nonzero">
<path d="M22.64722,17.4671 C25.1533267,18.0946607 27.7173338,18.462801 30.29877,18.56571 L30.29877,22.4311 C25.659,21.41388 25.21131,19.5422 20.12386,18.60634 C13.89681,17.46706 5.75688,18.64704 0.09963,19.5015 L0.09963,14.5375 C5.06499,14.00855 8.97215,13.7644 13.16422,14.5375 C17.27487,15.26989 19.06565,16.49056 22.64722,17.4671 Z M30.29875,24.8725 L30.2988,26.62211 C25.69973,25.84903 19.35059,26.82557 13.20494,27.80211 C11.05506,28.12651 6.03481,28.85514 0.15894,29.90731 C0.116081067,29.4861667 0.0962748541,29.0629954 0.09961,28.63969 L0.09961,24.66906 C8.15813,23.32631 13.28629,22.47185 20.08313,22.34979 C23.46121,22.30908 26.75787,22.43114 30.29875,24.8725 Z M1.53787,34.14756 C2.28025,34.03783 29.36525,29.95449 30.24645,29.83815 C30.22793,30.02695 30.20288,30.23015 30.16893,30.44615 C30.0366168,31.2263882 29.8268255,31.9914872 29.54267,32.73009 C29.1303166,33.7599651 28.5727776,34.7255661 27.88699,35.59756 C24.53153,39.84431 15.51376,43.19977 15.19916,43.30463 C14.8842,43.19962 5.86673,39.84421 2.51135,35.59756 C2.15238657,35.1382823 1.82704766,34.6536895 1.53787,34.14756 Z M12.79791,9.08519 C16.94927,9.53275 24.8043,9.61414 30.29876,10.59068 L30.29876,14.49679 C26.43229,14.04917 20.04245,14.04917 15.32129,12.74717 C14.4259,12.50305 12.10601,11.81133 10.92572,11.4858 C7.40977078,10.4761223 3.75470747,10.0365464 0.09962,10.1838 L0.09962,6.84728 C6.16391,7.74244 8.97214,8.6783 12.79791,9.08519 Z M15.19947,0.78463 C20.2860388,0.732050715 25.3590017,1.31988357 30.29876,2.53427 L30.29876,6.68454 L0.09962,4.08044 L0.09962,2.53427 C5.03946905,1.31985928 10.1125275,0.732026244 15.19919,0.78463 L15.19947,0.78463 Z" id="Combined-Shape"></path>
</g>
<path d="M56.1972283,6.51619048 L56.1972283,8.76417633 L52.1883202,8.76417633 L52.1883202,19.8167734 L49.56567,19.8167734 L49.56567,8.76417633 L45.5567619,8.76417633 L45.5567619,6.51619048 L56.1972283,6.51619048 Z M61.9670586,9.92563568 C64.7208413,9.92563568 66.1258324,11.3306268 66.1258324,13.3538141 L66.1258324,19.8167734 L63.9340462,19.8167734 L63.9340462,18.823913 C63.3533166,19.6294413 62.3229897,20.1352381 60.8430657,20.1352381 C59.0259438,20.1352381 57.4148873,19.348443 57.4148873,17.4001886 C57.4148873,15.1896692 59.3818749,14.4216074 61.5549279,14.0282099 L63.8029137,13.6160791 L63.8029137,13.3912805 C63.8029137,12.4546198 63.1097848,11.9300897 62.0045251,11.9300897 C60.6932,11.9300897 60.0188042,12.5295526 59.0259438,13.4849466 L57.4898201,12.0799555 C58.6887459,10.6562311 60.0750039,9.92563568 61.9670586,9.92563568 Z M107.409314,10 C110.163097,10 111.568088,11.4049912 111.568088,13.4281784 L111.568088,19.8911377 L109.376302,19.8911377 L109.376302,18.8982773 C108.795572,19.7038056 107.765245,20.2096024 106.285321,20.2096024 C104.468199,20.2096024 102.857143,19.4228074 102.857143,17.474553 C102.857143,15.2640335 104.82413,14.4959717 106.997183,14.1025742 L109.245169,13.6904434 L109.245169,13.4656449 C109.245169,12.5289841 108.55204,12.0044541 107.446781,12.0044541 C106.135456,12.0044541 105.46106,12.6039169 104.468199,13.5593109 L102.932076,12.1543198 C104.131002,10.7305954 105.517259,10 107.409314,10 Z M106.697452,18.261348 C107.933844,18.261348 109.245169,17.6618851 109.245169,15.9946289 L109.245169,15.4326325 L107.634113,15.7698304 C106.191655,16.0695618 105.236261,16.4067597 105.236261,17.305954 C105.236261,17.9054169 105.779524,18.261348 106.697452,18.261348 Z M61.2551964,18.1869837 C62.4915887,18.1869837 63.8029137,17.5875208 63.8029137,15.9202646 L63.8029137,15.3582682 L62.1918572,15.695466 C60.7493996,15.9951975 59.7940056,16.3323954 59.7940056,17.2315897 C59.7940056,17.8310526 60.3372689,18.1869837 61.2551964,18.1869837 Z M70.7342034,6.51619048 L70.7342034,19.8167734 L68.2988854,19.8167734 L68.2988854,6.51619048 L70.7342034,6.51619048 Z M75.3800409,6.51619048 L75.3800409,19.8167734 L72.9447229,19.8167734 L72.9447229,6.51619048 L75.3800409,6.51619048 Z M79.9884119,6.51619048 L79.9884119,8.80164276 L77.5530939,8.80164276 L77.5530939,6.51619048 L79.9884119,6.51619048 Z M79.9884119,10.2441003 L79.9884119,19.8167734 L77.5530939,19.8167734 L77.5530939,10.2441003 L79.9884119,10.2441003 Z M87.2756327,9.92563568 C89.5048853,9.92563568 90.7038111,11.3118936 90.7038111,13.260148 L90.7038111,19.8167734 L88.2684931,19.8167734 L88.2684931,13.9907434 C88.2684931,12.735618 87.650297,12.0237558 86.4888376,12.0237558 C85.3648447,12.0237558 84.5593164,12.8480173 84.5593164,14.0469431 L84.5593164,19.8167734 L82.1239984,19.8167734 L82.1239984,10.2441003 L84.3907175,10.2441003 L84.3907175,11.3306268 C84.9901804,10.4688989 85.9643076,9.92563568 87.2756327,9.92563568 Z M97.9910319,9.92563568 C100.220285,9.92563568 101.41921,11.3118936 101.41921,13.260148 L101.41921,19.8167734 L98.9838923,19.8167734 L98.9838923,13.9907434 C98.9838923,12.735618 98.3656962,12.0237558 97.2042369,12.0237558 C96.0802439,12.0237558 95.2747157,12.8480173 95.2747157,14.0469431 L95.2747157,19.8167734 L92.8393977,19.8167734 L92.8393977,10.2441003 L95.1061167,10.2441003 L95.1061167,11.3306268 C95.7055796,10.4688989 96.6797068,9.92563568 97.9910319,9.92563568 Z" id="Tallinn"></path>
<path d="M49.23,29.892 C50.67,29.892 51.678,30.234 52.866,31.188 L52.02,32.232 C50.868,31.35 50.184,31.152 49.23,31.152 C48.024,31.152 47.286,31.71 47.286,32.466 C47.286,33.24 48.042,33.42 49.662,33.78 C51.966,34.302 53.01,34.932 53.01,36.498 C53.01,38.136 51.606,39.252 49.464,39.252 C47.898,39.252 46.782,38.838 45.378,37.596 L46.296,36.588 C47.61,37.686 48.402,37.974 49.482,37.974 C50.634,37.974 51.498,37.452 51.498,36.57 C51.498,35.598 50.436,35.328 49.014,35.022 C46.656,34.518 45.792,33.996 45.792,32.52 C45.792,30.972 47.178,29.892 49.23,29.892 Z M60.534,30.144 L62.082,30.144 L62.082,39 L60.642,39 L60.642,37.902 C60.12,38.766 59.148,39.252 57.96,39.252 C55.71,39.252 54.81,37.956 54.81,36.354 L54.81,30.144 L56.358,30.144 L56.358,35.976 C56.358,37.236 57.006,37.92 58.212,37.92 C59.508,37.92 60.534,37.128 60.534,35.544 L60.534,30.144 Z M70.2,30.144 L71.748,30.144 L71.748,39 L70.308,39 L70.308,37.902 C69.786,38.766 68.814,39.252 67.626,39.252 C65.376,39.252 64.476,37.956 64.476,36.354 L64.476,30.144 L66.024,30.144 L66.024,35.976 C66.024,37.236 66.672,37.92 67.878,37.92 C69.174,37.92 70.2,37.128 70.2,35.544 L70.2,30.144 Z M77.814,30.036 C78.336,30.036 78.822,30.162 79.218,30.306 L78.93,31.602 C78.48,31.476 78.12,31.422 77.778,31.422 C76.59,31.422 75.708,32.448 75.708,34.248 L75.708,39 L74.16,39 L74.16,30.144 L75.618,30.144 L75.618,31.476 C76.032,30.612 76.77,30.036 77.814,30.036 Z M87.39,36.48 L88.308,37.416 C87.012,38.802 85.896,39.252 84.456,39.252 C81.756,39.252 80.064,37.398 80.064,34.626 C80.064,31.854 81.702,29.892 84.294,29.892 C86.85,29.892 88.29,31.548 88.29,34.158 C88.29,34.338 88.272,34.68 88.254,34.842 L81.612,34.842 C81.702,36.48 82.548,37.956 84.474,37.956 C85.608,37.956 86.274,37.542 87.39,36.48 Z M84.276,31.134 C82.836,31.134 81.882,32.052 81.648,33.69 L86.76,33.69 C86.688,32.16 85.824,31.134 84.276,31.134 Z M99.486,29.892 C101.466,29.892 102.438,31.152 102.438,32.826 L102.438,39 L100.89,39 L100.89,33.258 C100.89,31.98 100.332,31.206 99.126,31.206 C97.884,31.206 97.092,32.142 97.092,33.438 L97.092,39 L95.544,39 L95.544,33.258 C95.544,31.98 94.986,31.206 93.78,31.206 C92.628,31.206 91.764,32.052 91.764,33.438 L91.764,39 L90.216,39 L90.216,30.144 L91.674,30.144 L91.674,31.206 C92.196,30.36 93.024,29.892 94.212,29.892 C95.472,29.892 96.336,30.468 96.768,31.332 C97.308,30.486 98.172,29.892 99.486,29.892 Z M108.414,29.892 C110.754,29.892 112.014,31.116 112.014,32.844 L112.014,39 L110.61,39 L110.61,37.902 C110.016,38.802 108.936,39.288 107.604,39.288 C105.876,39.288 104.436,38.568 104.436,36.804 C104.436,34.734 106.344,34.122 108.558,33.726 L110.538,33.366 L110.538,32.916 C110.538,31.8 109.692,31.17 108.468,31.17 C107.334,31.17 106.596,31.602 105.552,32.664 L104.562,31.782 C105.66,30.486 106.884,29.892 108.414,29.892 Z M107.766,38.01 C109.296,38.01 110.538,37.146 110.538,35.688 L110.538,34.518 L108.918,34.842 C107.19,35.202 105.948,35.526 105.948,36.75 C105.948,37.56 106.632,38.01 107.766,38.01 Z M121.518,29.892 C122.958,29.892 123.966,30.234 125.154,31.188 L124.308,32.232 C123.156,31.35 122.472,31.152 121.518,31.152 C120.312,31.152 119.574,31.71 119.574,32.466 C119.574,33.24 120.33,33.42 121.95,33.78 C124.254,34.302 125.298,34.932 125.298,36.498 C125.298,38.136 123.894,39.252 121.752,39.252 C120.186,39.252 119.07,38.838 117.666,37.596 L118.584,36.588 C119.898,37.686 120.69,37.974 121.77,37.974 C122.922,37.974 123.786,37.452 123.786,36.57 C123.786,35.598 122.724,35.328 121.302,35.022 C118.944,34.518 118.08,33.996 118.08,32.52 C118.08,30.972 119.466,29.892 121.518,29.892 Z M129.762,26.544 L129.762,28.398 L128.25,28.398 L128.25,26.544 L129.762,26.544 Z M132.948,26.544 L132.948,28.398 L131.436,28.398 L131.436,26.544 L132.948,26.544 Z M132.822,30.144 L134.37,30.144 L134.37,39 L132.93,39 L132.93,37.902 C132.408,38.766 131.436,39.252 130.248,39.252 C127.998,39.252 127.098,37.956 127.098,36.354 L127.098,30.144 L128.646,30.144 L128.646,35.976 C128.646,37.236 129.294,37.92 130.5,37.92 C131.796,37.92 132.822,37.128 132.822,35.544 L132.822,30.144 Z M139.806,29.892 C141.246,29.892 142.254,30.234 143.442,31.188 L142.596,32.232 C141.444,31.35 140.76,31.152 139.806,31.152 C138.6,31.152 137.862,31.71 137.862,32.466 C137.862,33.24 138.618,33.42 140.238,33.78 C142.542,34.302 143.586,34.932 143.586,36.498 C143.586,38.136 142.182,39.252 140.04,39.252 C138.474,39.252 137.358,38.838 135.954,37.596 L136.872,36.588 C138.186,37.686 138.978,37.974 140.058,37.974 C141.21,37.974 142.074,37.452 142.074,36.57 C142.074,35.598 141.012,35.328 139.59,35.022 C137.232,34.518 136.368,33.996 136.368,32.52 C136.368,30.972 137.754,29.892 139.806,29.892 Z M150.048,37.632 L150.282,38.856 C149.634,39.09 148.986,39.162 148.464,39.162 C146.772,39.162 146.178,38.352 146.178,36.948 L146.178,31.314 L144.522,31.314 L144.522,30.144 L146.178,30.144 L146.178,27.174 L147.726,27.174 L147.726,30.144 L150.12,30.144 L150.12,31.314 L147.726,31.314 L147.726,36.768 C147.726,37.56 148.032,37.848 148.77,37.848 C149.094,37.848 149.454,37.794 150.048,37.632 Z M158.598,36.48 L159.516,37.416 C158.22,38.802 157.104,39.252 155.664,39.252 C152.964,39.252 151.272,37.398 151.272,34.626 C151.272,31.854 152.91,29.892 155.502,29.892 C158.058,29.892 159.498,31.548 159.498,34.158 C159.498,34.338 159.48,34.68 159.462,34.842 L152.82,34.842 C152.91,36.48 153.756,37.956 155.682,37.956 C156.816,37.956 157.482,37.542 158.598,36.48 Z M155.484,31.134 C154.044,31.134 153.09,32.052 152.856,33.69 L157.968,33.69 C157.896,32.16 157.032,31.134 155.484,31.134 Z M168.21,36.48 L169.128,37.416 C167.832,38.802 166.716,39.252 165.276,39.252 C162.576,39.252 160.884,37.398 160.884,34.626 C160.884,31.854 162.522,29.892 165.114,29.892 C167.67,29.892 169.11,31.548 169.11,34.158 C169.11,34.338 169.092,34.68 169.074,34.842 L162.432,34.842 C162.522,36.48 163.368,37.956 165.294,37.956 C166.428,37.956 167.094,37.542 168.21,36.48 Z M165.096,31.134 C163.656,31.134 162.702,32.052 162.468,33.69 L167.58,33.69 C167.508,32.16 166.644,31.134 165.096,31.134 Z M180.306,29.892 C182.286,29.892 183.258,31.152 183.258,32.826 L183.258,39 L181.71,39 L181.71,33.258 C181.71,31.98 181.152,31.206 179.946,31.206 C178.704,31.206 177.912,32.142 177.912,33.438 L177.912,39 L176.364,39 L176.364,33.258 C176.364,31.98 175.806,31.206 174.6,31.206 C173.448,31.206 172.584,32.052 172.584,33.438 L172.584,39 L171.036,39 L171.036,30.144 L172.494,30.144 L172.494,31.206 C173.016,30.36 173.844,29.892 175.032,29.892 C176.292,29.892 177.156,30.468 177.588,31.332 C178.128,30.486 178.992,29.892 180.306,29.892 Z M187.2,26.544 L187.2,28.398 L185.652,28.398 L185.652,26.544 L187.2,26.544 Z M187.2,30.144 L187.2,39 L185.652,39 L185.652,30.144 L187.2,30.144 Z M197.946,29.892 C200.106,29.892 201.114,31.278 201.114,32.934 L201.114,39 L199.566,39 L199.566,33.42 C199.566,31.962 198.846,31.206 197.532,31.206 C196.254,31.206 195.246,32.196 195.246,33.51 L195.246,39 L193.698,39 L193.698,30.144 L195.156,30.144 L195.156,31.278 C195.75,30.36 196.758,29.892 197.946,29.892 Z M205.056,26.544 L205.056,28.398 L203.508,28.398 L203.508,26.544 L205.056,26.544 Z M205.056,30.144 L205.056,39 L203.508,39 L203.508,30.144 L205.056,30.144 Z M216.738,29.892 C218.718,29.892 219.69,31.152 219.69,32.826 L219.69,39 L218.142,39 L218.142,33.258 C218.142,31.98 217.584,31.206 216.378,31.206 C215.136,31.206 214.344,32.142 214.344,33.438 L214.344,39 L212.796,39 L212.796,33.258 C212.796,31.98 212.238,31.206 211.032,31.206 C209.88,31.206 209.016,32.052 209.016,33.438 L209.016,39 L207.468,39 L207.468,30.144 L208.926,30.144 L208.926,31.206 C209.448,30.36 210.276,29.892 211.464,29.892 C212.724,29.892 213.588,30.468 214.02,31.332 C214.56,30.486 215.424,29.892 216.738,29.892 Z M223.632,26.544 L223.632,28.398 L222.084,28.398 L222.084,26.544 L223.632,26.544 Z M223.632,30.144 L223.632,39 L222.084,39 L222.084,30.144 L223.632,30.144 Z" id="suuremasüsteeminimi" fill-rule="nonzero"></path>
</g>
</g>
</g>
</svg>
</div>
</a>
<nav data-menu="main">
<ul class="mainmenu ">
</ul>
</nav>
<!--
<div class="megamenu">
<ul>
<li><a href="#">Menu level1</a></li>
<li><a href="#">Menu level1</a></li>
<li>
<a href="#">Menu level1</a>
<ul>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a>
<ul>
<li><a href="#">LEvel 3</a></li>
<li><a href="#">LEvel 3</a></li>
<li><a href="#">LEvel 3</a></li>
<li><a href="#">LEvel 3</a></li>
<li><a href="#">LEvel 3</a></li>
</ul>
</li>
<li><a href="#">LEvel 2</a></li>
</ul>
</li>
<li><a href="#">Menu level1</a></li>
<li><a href="#">Menu level1</a></li>
<li><a href="#">Menu level1</a></li>
</ul>
</div>-->
<ul class="main-buttons">
<li class="main-buttons__item">
<button class="button ">
<i class="fas fa-eye-slash button__icon--center" aria-hidden="true" ></i>
</button>
</li>
<li class="main-buttons__item">
<button class="button ">
<i class="fas fa-search button__icon--center" aria-hidden="true" ></i>
</button>
</li>
<li class="main-buttons__item">
<button class="button button--contrast">
<i class="fas fa-lock button__icon--left" aria-hidden="true" ></i>
Logi sisse
</button>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div class="page__center container">
<main class="page__content">
<div class="row">
<div class="col">
<h1>Logi sisse</h1>
</div>
<div class="col d-flex justify-content-end align-items-center">
<div class="esf-logo"></div>
</div>
</div>
<ul class="tab login-tabs">
<li class="tab__item ">
<a href="#">
<i class="icon-id-card"></i>
ID-Kaart
</a>
</li>
<li class="tab__item is-selected">
<a href="#">
<i class="icon-mobiil-id"></i>
Mobiil-ID
</a>
</li>
<li class="tab__item ">
<a href="#">
<i class="icon-eu-citizen"></i>
EU Citizen
</a>
</li>
<li class="tab__item ">
<a href="#">
<i class="icon-password"></i>
Salasõna
</a>
</li>
</ul>
<h3>Mobiil-ID</h3>
<div class="row">
<div class="col-6">
<p>
Sisselogimiseks vajate kehtivat Mobiil-ID lepingut. Sisenemiseks Mobiil-ID-ga sisestage oma isikukood ja telefoninumber ning vajutage “Jätka”. Seejärel saadetakse Teie mobiiltelefonile kontrollsõnum.
</p>
</div>
</div>
<div class="row ">
<div class="col-6">
<div class="login-inputs">
<div class="textfield ">
<label class="textfield__label" for="">Isikukood</label>
<div class="textfield__control ">
<input class="textfield__input" id="" placeholder="" type="text" value="" />
</div>
</div>
<div class="textfield ">
<label class="textfield__label" for="">Telefoninumber</label>
<div class="textfield__control ">
<input class="textfield__input" id="" placeholder="" type="text" value="" />
</div>
</div>
</div>
<div class="login-buttons">
<button class="button ">
Jätka
</button>
<button class="button button--triarity">
Abi id.eest
</button>
</div>
</div>
</div>
</main>
</div>
<footer class="footer footer__main ">
<div class="container d-flex align-items-center">
<div class="footer-content footer-content--left">
<div>
Infoliin
</div>
<a href="#" class="link link--white footer-link--phone"><i class="fas fa-phone"></i>1234</a>
</div>
<div class="footer-content footer-content--center">
Kõik õigused kaitstud
</div>
<ul class="footer-content footer-content--right">
<li><a href="#" class="link link--white footer-link--social"><i class="fab fa-facebook-square"></i><span class="sr-only">Facebook</span></a></li>
<li><a href="#" class="link link--white footer-link--social"><i class="fas fa-rss-square"></i><span class="sr-only">RSS uudisvoog</span></a></li>
</ul>
</div>
</footer>
{
"mobiil-id": true,
"subnav": true,
"main-nav-modifiers": "main--background",
"logo-modifiers": "logo--contrast blue",
"languages": true,
"tab-modifier": "login-tabs",
"inputs": [
{
"label": "Isikukood",
"type": "text"
},
{
"label": "Telefoninumber",
"type": "text"
}
],
"buttons": [
{
"content": "Jätka"
},
{
"content": "Abi id.eest",
"button-modifiers": "button--triarity"
}
],
"lang-menu": [
{
"lang": "est"
},
{
"lang": "eng"
},
{
"lang": "ger"
},
{
"lang": "swe"
},
{
"lang": "rus"
}
],
"title": "Mobiil-ID",
"paragraph": "Sisselogimiseks vajate kehtivat Mobiil-ID lepingut. Sisenemiseks Mobiil-ID-ga sisestage oma isikukood ja telefoninumber ning vajutage “Jätka”. Seejärel saadetakse Teie mobiiltelefonile kontrollsõnum.",
"main-buttons": [
{
"icon-center": "eye-slash",
"content": null
},
{
"icon-center": "search",
"content": null
},
{
"icon-left": "lock",
"content": "Logi sisse",
"button-modifiers": "button--contrast"
}
],
"tabs": [
{
"name": "ID-Kaart",
"custom-icon-modifier": "id-card"
},
{
"name": "Mobiil-ID",
"custom-icon-modifier": "mobiil-id",
"active": true
},
{
"name": "EU Citizen",
"custom-icon-modifier": "eu-citizen"
},
{
"name": "Salasõna",
"custom-icon-modifier": "password"
}
]
}
<header class="page__header">
<div class="sub">
<div class="container">
<ul class="lang-menu">
<li class="lang-menu__item">
<a class="lang-menu__link" href="#">est</a>
</li>
<li class="lang-menu__item">
<a class="lang-menu__link" href="#">eng</a>
</li>
<li class="lang-menu__item">
<a class="lang-menu__link" href="#">ger</a>
</li>
<li class="lang-menu__item">
<a class="lang-menu__link" href="#">swe</a>
</li>
<li class="lang-menu__item">
<a class="lang-menu__link" href="#">rus</a>
</li>
</ul>
</div>
</div>
<nav class="main main–navigation main--background">
<div class="container">
<div class="d-flex flex-row align-items-top">
<a href="#">
<div class="logo logo--contrast blue">
<?xml version="1.0" encoding="UTF-8"?>
<svg width="224px" height="44px" viewBox="0 0 224 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1">
<g id="Päis" transform="translate(-100.000000, -2004.000000)" >
<g id="demologo" transform="translate(100.000000, 2004.000000)">
<g id="Tallinn_logo_RGB_valge" fill-rule="nonzero">
<path d="M22.64722,17.4671 C25.1533267,18.0946607 27.7173338,18.462801 30.29877,18.56571 L30.29877,22.4311 C25.659,21.41388 25.21131,19.5422 20.12386,18.60634 C13.89681,17.46706 5.75688,18.64704 0.09963,19.5015 L0.09963,14.5375 C5.06499,14.00855 8.97215,13.7644 13.16422,14.5375 C17.27487,15.26989 19.06565,16.49056 22.64722,17.4671 Z M30.29875,24.8725 L30.2988,26.62211 C25.69973,25.84903 19.35059,26.82557 13.20494,27.80211 C11.05506,28.12651 6.03481,28.85514 0.15894,29.90731 C0.116081067,29.4861667 0.0962748541,29.0629954 0.09961,28.63969 L0.09961,24.66906 C8.15813,23.32631 13.28629,22.47185 20.08313,22.34979 C23.46121,22.30908 26.75787,22.43114 30.29875,24.8725 Z M1.53787,34.14756 C2.28025,34.03783 29.36525,29.95449 30.24645,29.83815 C30.22793,30.02695 30.20288,30.23015 30.16893,30.44615 C30.0366168,31.2263882 29.8268255,31.9914872 29.54267,32.73009 C29.1303166,33.7599651 28.5727776,34.7255661 27.88699,35.59756 C24.53153,39.84431 15.51376,43.19977 15.19916,43.30463 C14.8842,43.19962 5.86673,39.84421 2.51135,35.59756 C2.15238657,35.1382823 1.82704766,34.6536895 1.53787,34.14756 Z M12.79791,9.08519 C16.94927,9.53275 24.8043,9.61414 30.29876,10.59068 L30.29876,14.49679 C26.43229,14.04917 20.04245,14.04917 15.32129,12.74717 C14.4259,12.50305 12.10601,11.81133 10.92572,11.4858 C7.40977078,10.4761223 3.75470747,10.0365464 0.09962,10.1838 L0.09962,6.84728 C6.16391,7.74244 8.97214,8.6783 12.79791,9.08519 Z M15.19947,0.78463 C20.2860388,0.732050715 25.3590017,1.31988357 30.29876,2.53427 L30.29876,6.68454 L0.09962,4.08044 L0.09962,2.53427 C5.03946905,1.31985928 10.1125275,0.732026244 15.19919,0.78463 L15.19947,0.78463 Z" id="Combined-Shape"></path>
</g>
<path d="M56.1972283,6.51619048 L56.1972283,8.76417633 L52.1883202,8.76417633 L52.1883202,19.8167734 L49.56567,19.8167734 L49.56567,8.76417633 L45.5567619,8.76417633 L45.5567619,6.51619048 L56.1972283,6.51619048 Z M61.9670586,9.92563568 C64.7208413,9.92563568 66.1258324,11.3306268 66.1258324,13.3538141 L66.1258324,19.8167734 L63.9340462,19.8167734 L63.9340462,18.823913 C63.3533166,19.6294413 62.3229897,20.1352381 60.8430657,20.1352381 C59.0259438,20.1352381 57.4148873,19.348443 57.4148873,17.4001886 C57.4148873,15.1896692 59.3818749,14.4216074 61.5549279,14.0282099 L63.8029137,13.6160791 L63.8029137,13.3912805 C63.8029137,12.4546198 63.1097848,11.9300897 62.0045251,11.9300897 C60.6932,11.9300897 60.0188042,12.5295526 59.0259438,13.4849466 L57.4898201,12.0799555 C58.6887459,10.6562311 60.0750039,9.92563568 61.9670586,9.92563568 Z M107.409314,10 C110.163097,10 111.568088,11.4049912 111.568088,13.4281784 L111.568088,19.8911377 L109.376302,19.8911377 L109.376302,18.8982773 C108.795572,19.7038056 107.765245,20.2096024 106.285321,20.2096024 C104.468199,20.2096024 102.857143,19.4228074 102.857143,17.474553 C102.857143,15.2640335 104.82413,14.4959717 106.997183,14.1025742 L109.245169,13.6904434 L109.245169,13.4656449 C109.245169,12.5289841 108.55204,12.0044541 107.446781,12.0044541 C106.135456,12.0044541 105.46106,12.6039169 104.468199,13.5593109 L102.932076,12.1543198 C104.131002,10.7305954 105.517259,10 107.409314,10 Z M106.697452,18.261348 C107.933844,18.261348 109.245169,17.6618851 109.245169,15.9946289 L109.245169,15.4326325 L107.634113,15.7698304 C106.191655,16.0695618 105.236261,16.4067597 105.236261,17.305954 C105.236261,17.9054169 105.779524,18.261348 106.697452,18.261348 Z M61.2551964,18.1869837 C62.4915887,18.1869837 63.8029137,17.5875208 63.8029137,15.9202646 L63.8029137,15.3582682 L62.1918572,15.695466 C60.7493996,15.9951975 59.7940056,16.3323954 59.7940056,17.2315897 C59.7940056,17.8310526 60.3372689,18.1869837 61.2551964,18.1869837 Z M70.7342034,6.51619048 L70.7342034,19.8167734 L68.2988854,19.8167734 L68.2988854,6.51619048 L70.7342034,6.51619048 Z M75.3800409,6.51619048 L75.3800409,19.8167734 L72.9447229,19.8167734 L72.9447229,6.51619048 L75.3800409,6.51619048 Z M79.9884119,6.51619048 L79.9884119,8.80164276 L77.5530939,8.80164276 L77.5530939,6.51619048 L79.9884119,6.51619048 Z M79.9884119,10.2441003 L79.9884119,19.8167734 L77.5530939,19.8167734 L77.5530939,10.2441003 L79.9884119,10.2441003 Z M87.2756327,9.92563568 C89.5048853,9.92563568 90.7038111,11.3118936 90.7038111,13.260148 L90.7038111,19.8167734 L88.2684931,19.8167734 L88.2684931,13.9907434 C88.2684931,12.735618 87.650297,12.0237558 86.4888376,12.0237558 C85.3648447,12.0237558 84.5593164,12.8480173 84.5593164,14.0469431 L84.5593164,19.8167734 L82.1239984,19.8167734 L82.1239984,10.2441003 L84.3907175,10.2441003 L84.3907175,11.3306268 C84.9901804,10.4688989 85.9643076,9.92563568 87.2756327,9.92563568 Z M97.9910319,9.92563568 C100.220285,9.92563568 101.41921,11.3118936 101.41921,13.260148 L101.41921,19.8167734 L98.9838923,19.8167734 L98.9838923,13.9907434 C98.9838923,12.735618 98.3656962,12.0237558 97.2042369,12.0237558 C96.0802439,12.0237558 95.2747157,12.8480173 95.2747157,14.0469431 L95.2747157,19.8167734 L92.8393977,19.8167734 L92.8393977,10.2441003 L95.1061167,10.2441003 L95.1061167,11.3306268 C95.7055796,10.4688989 96.6797068,9.92563568 97.9910319,9.92563568 Z" id="Tallinn"></path>
<path d="M49.23,29.892 C50.67,29.892 51.678,30.234 52.866,31.188 L52.02,32.232 C50.868,31.35 50.184,31.152 49.23,31.152 C48.024,31.152 47.286,31.71 47.286,32.466 C47.286,33.24 48.042,33.42 49.662,33.78 C51.966,34.302 53.01,34.932 53.01,36.498 C53.01,38.136 51.606,39.252 49.464,39.252 C47.898,39.252 46.782,38.838 45.378,37.596 L46.296,36.588 C47.61,37.686 48.402,37.974 49.482,37.974 C50.634,37.974 51.498,37.452 51.498,36.57 C51.498,35.598 50.436,35.328 49.014,35.022 C46.656,34.518 45.792,33.996 45.792,32.52 C45.792,30.972 47.178,29.892 49.23,29.892 Z M60.534,30.144 L62.082,30.144 L62.082,39 L60.642,39 L60.642,37.902 C60.12,38.766 59.148,39.252 57.96,39.252 C55.71,39.252 54.81,37.956 54.81,36.354 L54.81,30.144 L56.358,30.144 L56.358,35.976 C56.358,37.236 57.006,37.92 58.212,37.92 C59.508,37.92 60.534,37.128 60.534,35.544 L60.534,30.144 Z M70.2,30.144 L71.748,30.144 L71.748,39 L70.308,39 L70.308,37.902 C69.786,38.766 68.814,39.252 67.626,39.252 C65.376,39.252 64.476,37.956 64.476,36.354 L64.476,30.144 L66.024,30.144 L66.024,35.976 C66.024,37.236 66.672,37.92 67.878,37.92 C69.174,37.92 70.2,37.128 70.2,35.544 L70.2,30.144 Z M77.814,30.036 C78.336,30.036 78.822,30.162 79.218,30.306 L78.93,31.602 C78.48,31.476 78.12,31.422 77.778,31.422 C76.59,31.422 75.708,32.448 75.708,34.248 L75.708,39 L74.16,39 L74.16,30.144 L75.618,30.144 L75.618,31.476 C76.032,30.612 76.77,30.036 77.814,30.036 Z M87.39,36.48 L88.308,37.416 C87.012,38.802 85.896,39.252 84.456,39.252 C81.756,39.252 80.064,37.398 80.064,34.626 C80.064,31.854 81.702,29.892 84.294,29.892 C86.85,29.892 88.29,31.548 88.29,34.158 C88.29,34.338 88.272,34.68 88.254,34.842 L81.612,34.842 C81.702,36.48 82.548,37.956 84.474,37.956 C85.608,37.956 86.274,37.542 87.39,36.48 Z M84.276,31.134 C82.836,31.134 81.882,32.052 81.648,33.69 L86.76,33.69 C86.688,32.16 85.824,31.134 84.276,31.134 Z M99.486,29.892 C101.466,29.892 102.438,31.152 102.438,32.826 L102.438,39 L100.89,39 L100.89,33.258 C100.89,31.98 100.332,31.206 99.126,31.206 C97.884,31.206 97.092,32.142 97.092,33.438 L97.092,39 L95.544,39 L95.544,33.258 C95.544,31.98 94.986,31.206 93.78,31.206 C92.628,31.206 91.764,32.052 91.764,33.438 L91.764,39 L90.216,39 L90.216,30.144 L91.674,30.144 L91.674,31.206 C92.196,30.36 93.024,29.892 94.212,29.892 C95.472,29.892 96.336,30.468 96.768,31.332 C97.308,30.486 98.172,29.892 99.486,29.892 Z M108.414,29.892 C110.754,29.892 112.014,31.116 112.014,32.844 L112.014,39 L110.61,39 L110.61,37.902 C110.016,38.802 108.936,39.288 107.604,39.288 C105.876,39.288 104.436,38.568 104.436,36.804 C104.436,34.734 106.344,34.122 108.558,33.726 L110.538,33.366 L110.538,32.916 C110.538,31.8 109.692,31.17 108.468,31.17 C107.334,31.17 106.596,31.602 105.552,32.664 L104.562,31.782 C105.66,30.486 106.884,29.892 108.414,29.892 Z M107.766,38.01 C109.296,38.01 110.538,37.146 110.538,35.688 L110.538,34.518 L108.918,34.842 C107.19,35.202 105.948,35.526 105.948,36.75 C105.948,37.56 106.632,38.01 107.766,38.01 Z M121.518,29.892 C122.958,29.892 123.966,30.234 125.154,31.188 L124.308,32.232 C123.156,31.35 122.472,31.152 121.518,31.152 C120.312,31.152 119.574,31.71 119.574,32.466 C119.574,33.24 120.33,33.42 121.95,33.78 C124.254,34.302 125.298,34.932 125.298,36.498 C125.298,38.136 123.894,39.252 121.752,39.252 C120.186,39.252 119.07,38.838 117.666,37.596 L118.584,36.588 C119.898,37.686 120.69,37.974 121.77,37.974 C122.922,37.974 123.786,37.452 123.786,36.57 C123.786,35.598 122.724,35.328 121.302,35.022 C118.944,34.518 118.08,33.996 118.08,32.52 C118.08,30.972 119.466,29.892 121.518,29.892 Z M129.762,26.544 L129.762,28.398 L128.25,28.398 L128.25,26.544 L129.762,26.544 Z M132.948,26.544 L132.948,28.398 L131.436,28.398 L131.436,26.544 L132.948,26.544 Z M132.822,30.144 L134.37,30.144 L134.37,39 L132.93,39 L132.93,37.902 C132.408,38.766 131.436,39.252 130.248,39.252 C127.998,39.252 127.098,37.956 127.098,36.354 L127.098,30.144 L128.646,30.144 L128.646,35.976 C128.646,37.236 129.294,37.92 130.5,37.92 C131.796,37.92 132.822,37.128 132.822,35.544 L132.822,30.144 Z M139.806,29.892 C141.246,29.892 142.254,30.234 143.442,31.188 L142.596,32.232 C141.444,31.35 140.76,31.152 139.806,31.152 C138.6,31.152 137.862,31.71 137.862,32.466 C137.862,33.24 138.618,33.42 140.238,33.78 C142.542,34.302 143.586,34.932 143.586,36.498 C143.586,38.136 142.182,39.252 140.04,39.252 C138.474,39.252 137.358,38.838 135.954,37.596 L136.872,36.588 C138.186,37.686 138.978,37.974 140.058,37.974 C141.21,37.974 142.074,37.452 142.074,36.57 C142.074,35.598 141.012,35.328 139.59,35.022 C137.232,34.518 136.368,33.996 136.368,32.52 C136.368,30.972 137.754,29.892 139.806,29.892 Z M150.048,37.632 L150.282,38.856 C149.634,39.09 148.986,39.162 148.464,39.162 C146.772,39.162 146.178,38.352 146.178,36.948 L146.178,31.314 L144.522,31.314 L144.522,30.144 L146.178,30.144 L146.178,27.174 L147.726,27.174 L147.726,30.144 L150.12,30.144 L150.12,31.314 L147.726,31.314 L147.726,36.768 C147.726,37.56 148.032,37.848 148.77,37.848 C149.094,37.848 149.454,37.794 150.048,37.632 Z M158.598,36.48 L159.516,37.416 C158.22,38.802 157.104,39.252 155.664,39.252 C152.964,39.252 151.272,37.398 151.272,34.626 C151.272,31.854 152.91,29.892 155.502,29.892 C158.058,29.892 159.498,31.548 159.498,34.158 C159.498,34.338 159.48,34.68 159.462,34.842 L152.82,34.842 C152.91,36.48 153.756,37.956 155.682,37.956 C156.816,37.956 157.482,37.542 158.598,36.48 Z M155.484,31.134 C154.044,31.134 153.09,32.052 152.856,33.69 L157.968,33.69 C157.896,32.16 157.032,31.134 155.484,31.134 Z M168.21,36.48 L169.128,37.416 C167.832,38.802 166.716,39.252 165.276,39.252 C162.576,39.252 160.884,37.398 160.884,34.626 C160.884,31.854 162.522,29.892 165.114,29.892 C167.67,29.892 169.11,31.548 169.11,34.158 C169.11,34.338 169.092,34.68 169.074,34.842 L162.432,34.842 C162.522,36.48 163.368,37.956 165.294,37.956 C166.428,37.956 167.094,37.542 168.21,36.48 Z M165.096,31.134 C163.656,31.134 162.702,32.052 162.468,33.69 L167.58,33.69 C167.508,32.16 166.644,31.134 165.096,31.134 Z M180.306,29.892 C182.286,29.892 183.258,31.152 183.258,32.826 L183.258,39 L181.71,39 L181.71,33.258 C181.71,31.98 181.152,31.206 179.946,31.206 C178.704,31.206 177.912,32.142 177.912,33.438 L177.912,39 L176.364,39 L176.364,33.258 C176.364,31.98 175.806,31.206 174.6,31.206 C173.448,31.206 172.584,32.052 172.584,33.438 L172.584,39 L171.036,39 L171.036,30.144 L172.494,30.144 L172.494,31.206 C173.016,30.36 173.844,29.892 175.032,29.892 C176.292,29.892 177.156,30.468 177.588,31.332 C178.128,30.486 178.992,29.892 180.306,29.892 Z M187.2,26.544 L187.2,28.398 L185.652,28.398 L185.652,26.544 L187.2,26.544 Z M187.2,30.144 L187.2,39 L185.652,39 L185.652,30.144 L187.2,30.144 Z M197.946,29.892 C200.106,29.892 201.114,31.278 201.114,32.934 L201.114,39 L199.566,39 L199.566,33.42 C199.566,31.962 198.846,31.206 197.532,31.206 C196.254,31.206 195.246,32.196 195.246,33.51 L195.246,39 L193.698,39 L193.698,30.144 L195.156,30.144 L195.156,31.278 C195.75,30.36 196.758,29.892 197.946,29.892 Z M205.056,26.544 L205.056,28.398 L203.508,28.398 L203.508,26.544 L205.056,26.544 Z M205.056,30.144 L205.056,39 L203.508,39 L203.508,30.144 L205.056,30.144 Z M216.738,29.892 C218.718,29.892 219.69,31.152 219.69,32.826 L219.69,39 L218.142,39 L218.142,33.258 C218.142,31.98 217.584,31.206 216.378,31.206 C215.136,31.206 214.344,32.142 214.344,33.438 L214.344,39 L212.796,39 L212.796,33.258 C212.796,31.98 212.238,31.206 211.032,31.206 C209.88,31.206 209.016,32.052 209.016,33.438 L209.016,39 L207.468,39 L207.468,30.144 L208.926,30.144 L208.926,31.206 C209.448,30.36 210.276,29.892 211.464,29.892 C212.724,29.892 213.588,30.468 214.02,31.332 C214.56,30.486 215.424,29.892 216.738,29.892 Z M223.632,26.544 L223.632,28.398 L222.084,28.398 L222.084,26.544 L223.632,26.544 Z M223.632,30.144 L223.632,39 L222.084,39 L222.084,30.144 L223.632,30.144 Z" id="suuremasüsteeminimi" fill-rule="nonzero"></path>
</g>
</g>
</g>
</svg>
</div>
</a>
<nav data-menu="main">
<ul class="mainmenu ">
</ul>
</nav>
<!--
<div class="megamenu">
<ul>
<li><a href="#">Menu level1</a></li>
<li><a href="#">Menu level1</a></li>
<li>
<a href="#">Menu level1</a>
<ul>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a>
<ul>
<li><a href="#">LEvel 3</a></li>
<li><a href="#">LEvel 3</a></li>
<li><a href="#">LEvel 3</a></li>
<li><a href="#">LEvel 3</a></li>
<li><a href="#">LEvel 3</a></li>
</ul>
</li>
<li><a href="#">LEvel 2</a></li>
</ul>
</li>
<li><a href="#">Menu level1</a></li>
<li><a href="#">Menu level1</a></li>
<li><a href="#">Menu level1</a></li>
</ul>
</div>-->
<ul class="main-buttons">
<li class="main-buttons__item">
<button class="button ">
<i class="fas fa-eye-slash button__icon--center" aria-hidden="true" ></i>
</button>
</li>
<li class="main-buttons__item">
<button class="button ">
<i class="fas fa-search button__icon--center" aria-hidden="true" ></i>
</button>
</li>
<li class="main-buttons__item">
<button class="button button--contrast">
<i class="fas fa-lock button__icon--left" aria-hidden="true" ></i>
Logi sisse
</button>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div class="page__center container">
<main class="page__content">
<div class="row">
<div class="col">
<h1>Logi sisse</h1>
</div>
<div class="col d-flex justify-content-end align-items-center">
<div class="esf-logo"></div>
</div>
</div>
<ul class="tab login-tabs">
<li class="tab__item ">
<a href="#">
<i class="icon-id-card"></i>
ID-Kaart
</a>
</li>
<li class="tab__item ">
<a href="#">
<i class="icon-mobiil-id"></i>
Mobiil-ID
</a>
</li>
<li class="tab__item is-selected">
<a href="#">
<i class="icon-eu-citizen"></i>
EU Citizen
</a>
</li>
<li class="tab__item ">
<a href="#">
<i class="icon-password"></i>
Salasõna
</a>
</li>
</ul>
<h3>Euroopa liidu kodanikule</h3>
<div class="row">
<div class="col-6">
<p>
Sisenemiseks valige oma elukohariik. Seejärel suunatakse Teid edasi Teie riigi teenusepakkujale.
</p>
</div>
</div>
<div class="row ">
<div class="col-6">
<div class="login-inputs">
<div class="select ">
<label class="select__label" for="">Elukohariik</label>
<div class="select__control">
<select class="select__input" name="" id="">
<option class="select___placeholder" selected value="0">- Vali -</option>
</select>
<div class="select__notice"></div>
</div>
</div>
</div>
<div class="login-buttons">
<button class="button ">
Jätka
</button>
</div>
</div>
</div>
</main>
</div>
<footer class="footer footer__main ">
<div class="container d-flex align-items-center">
<div class="footer-content footer-content--left">
<div>
Infoliin
</div>
<a href="#" class="link link--white footer-link--phone"><i class="fas fa-phone"></i>1234</a>
</div>
<div class="footer-content footer-content--center">
Kõik õigused kaitstud
</div>
<ul class="footer-content footer-content--right">
<li><a href="#" class="link link--white footer-link--social"><i class="fab fa-facebook-square"></i><span class="sr-only">Facebook</span></a></li>
<li><a href="#" class="link link--white footer-link--social"><i class="fas fa-rss-square"></i><span class="sr-only">RSS uudisvoog</span></a></li>
</ul>
</div>
</footer>
{
"eu-citizen": true,
"subnav": true,
"languages": true,
"main-nav-modifiers": "main--background",
"logo-modifiers": "logo--contrast blue",
"tab-modifier": "login-tabs",
"inputs": [
{
"label": "Elukohariik",
"placeholder": "- Vali -",
"type": "text"
}
],
"buttons": [
{
"content": "Jätka"
}
],
"lang-menu": [
{
"lang": "est"
},
{
"lang": "eng"
},
{
"lang": "ger"
},
{
"lang": "swe"
},
{
"lang": "rus"
}
],
"title": "Euroopa liidu kodanikule",
"paragraph": "Sisenemiseks valige oma elukohariik. Seejärel suunatakse Teid edasi Teie riigi teenusepakkujale.",
"main-buttons": [
{
"icon-center": "eye-slash",
"content": null
},
{
"icon-center": "search",
"content": null
},
{
"icon-left": "lock",
"content": "Logi sisse",
"button-modifiers": "button--contrast"
}
],
"tabs": [
{
"name": "ID-Kaart",
"custom-icon-modifier": "id-card"
},
{
"name": "Mobiil-ID",
"custom-icon-modifier": "mobiil-id"
},
{
"name": "EU Citizen",
"custom-icon-modifier": "eu-citizen",
"active": true
},
{
"name": "Salasõna",
"custom-icon-modifier": "password"
}
]
}
<header class="page__header">
<div class="sub">
<div class="container">
<ul class="lang-menu">
<li class="lang-menu__item">
<a class="lang-menu__link" href="#">est</a>
</li>
<li class="lang-menu__item">
<a class="lang-menu__link" href="#">eng</a>
</li>
<li class="lang-menu__item">
<a class="lang-menu__link" href="#">ger</a>
</li>
<li class="lang-menu__item">
<a class="lang-menu__link" href="#">swe</a>
</li>
<li class="lang-menu__item">
<a class="lang-menu__link" href="#">rus</a>
</li>
</ul>
</div>
</div>
<nav class="main main–navigation main--background">
<div class="container">
<div class="d-flex flex-row align-items-top">
<a href="#">
<div class="logo logo--contrast blue">
<?xml version="1.0" encoding="UTF-8"?>
<svg width="224px" height="44px" viewBox="0 0 224 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1">
<g id="Päis" transform="translate(-100.000000, -2004.000000)" >
<g id="demologo" transform="translate(100.000000, 2004.000000)">
<g id="Tallinn_logo_RGB_valge" fill-rule="nonzero">
<path d="M22.64722,17.4671 C25.1533267,18.0946607 27.7173338,18.462801 30.29877,18.56571 L30.29877,22.4311 C25.659,21.41388 25.21131,19.5422 20.12386,18.60634 C13.89681,17.46706 5.75688,18.64704 0.09963,19.5015 L0.09963,14.5375 C5.06499,14.00855 8.97215,13.7644 13.16422,14.5375 C17.27487,15.26989 19.06565,16.49056 22.64722,17.4671 Z M30.29875,24.8725 L30.2988,26.62211 C25.69973,25.84903 19.35059,26.82557 13.20494,27.80211 C11.05506,28.12651 6.03481,28.85514 0.15894,29.90731 C0.116081067,29.4861667 0.0962748541,29.0629954 0.09961,28.63969 L0.09961,24.66906 C8.15813,23.32631 13.28629,22.47185 20.08313,22.34979 C23.46121,22.30908 26.75787,22.43114 30.29875,24.8725 Z M1.53787,34.14756 C2.28025,34.03783 29.36525,29.95449 30.24645,29.83815 C30.22793,30.02695 30.20288,30.23015 30.16893,30.44615 C30.0366168,31.2263882 29.8268255,31.9914872 29.54267,32.73009 C29.1303166,33.7599651 28.5727776,34.7255661 27.88699,35.59756 C24.53153,39.84431 15.51376,43.19977 15.19916,43.30463 C14.8842,43.19962 5.86673,39.84421 2.51135,35.59756 C2.15238657,35.1382823 1.82704766,34.6536895 1.53787,34.14756 Z M12.79791,9.08519 C16.94927,9.53275 24.8043,9.61414 30.29876,10.59068 L30.29876,14.49679 C26.43229,14.04917 20.04245,14.04917 15.32129,12.74717 C14.4259,12.50305 12.10601,11.81133 10.92572,11.4858 C7.40977078,10.4761223 3.75470747,10.0365464 0.09962,10.1838 L0.09962,6.84728 C6.16391,7.74244 8.97214,8.6783 12.79791,9.08519 Z M15.19947,0.78463 C20.2860388,0.732050715 25.3590017,1.31988357 30.29876,2.53427 L30.29876,6.68454 L0.09962,4.08044 L0.09962,2.53427 C5.03946905,1.31985928 10.1125275,0.732026244 15.19919,0.78463 L15.19947,0.78463 Z" id="Combined-Shape"></path>
</g>
<path d="M56.1972283,6.51619048 L56.1972283,8.76417633 L52.1883202,8.76417633 L52.1883202,19.8167734 L49.56567,19.8167734 L49.56567,8.76417633 L45.5567619,8.76417633 L45.5567619,6.51619048 L56.1972283,6.51619048 Z M61.9670586,9.92563568 C64.7208413,9.92563568 66.1258324,11.3306268 66.1258324,13.3538141 L66.1258324,19.8167734 L63.9340462,19.8167734 L63.9340462,18.823913 C63.3533166,19.6294413 62.3229897,20.1352381 60.8430657,20.1352381 C59.0259438,20.1352381 57.4148873,19.348443 57.4148873,17.4001886 C57.4148873,15.1896692 59.3818749,14.4216074 61.5549279,14.0282099 L63.8029137,13.6160791 L63.8029137,13.3912805 C63.8029137,12.4546198 63.1097848,11.9300897 62.0045251,11.9300897 C60.6932,11.9300897 60.0188042,12.5295526 59.0259438,13.4849466 L57.4898201,12.0799555 C58.6887459,10.6562311 60.0750039,9.92563568 61.9670586,9.92563568 Z M107.409314,10 C110.163097,10 111.568088,11.4049912 111.568088,13.4281784 L111.568088,19.8911377 L109.376302,19.8911377 L109.376302,18.8982773 C108.795572,19.7038056 107.765245,20.2096024 106.285321,20.2096024 C104.468199,20.2096024 102.857143,19.4228074 102.857143,17.474553 C102.857143,15.2640335 104.82413,14.4959717 106.997183,14.1025742 L109.245169,13.6904434 L109.245169,13.4656449 C109.245169,12.5289841 108.55204,12.0044541 107.446781,12.0044541 C106.135456,12.0044541 105.46106,12.6039169 104.468199,13.5593109 L102.932076,12.1543198 C104.131002,10.7305954 105.517259,10 107.409314,10 Z M106.697452,18.261348 C107.933844,18.261348 109.245169,17.6618851 109.245169,15.9946289 L109.245169,15.4326325 L107.634113,15.7698304 C106.191655,16.0695618 105.236261,16.4067597 105.236261,17.305954 C105.236261,17.9054169 105.779524,18.261348 106.697452,18.261348 Z M61.2551964,18.1869837 C62.4915887,18.1869837 63.8029137,17.5875208 63.8029137,15.9202646 L63.8029137,15.3582682 L62.1918572,15.695466 C60.7493996,15.9951975 59.7940056,16.3323954 59.7940056,17.2315897 C59.7940056,17.8310526 60.3372689,18.1869837 61.2551964,18.1869837 Z M70.7342034,6.51619048 L70.7342034,19.8167734 L68.2988854,19.8167734 L68.2988854,6.51619048 L70.7342034,6.51619048 Z M75.3800409,6.51619048 L75.3800409,19.8167734 L72.9447229,19.8167734 L72.9447229,6.51619048 L75.3800409,6.51619048 Z M79.9884119,6.51619048 L79.9884119,8.80164276 L77.5530939,8.80164276 L77.5530939,6.51619048 L79.9884119,6.51619048 Z M79.9884119,10.2441003 L79.9884119,19.8167734 L77.5530939,19.8167734 L77.5530939,10.2441003 L79.9884119,10.2441003 Z M87.2756327,9.92563568 C89.5048853,9.92563568 90.7038111,11.3118936 90.7038111,13.260148 L90.7038111,19.8167734 L88.2684931,19.8167734 L88.2684931,13.9907434 C88.2684931,12.735618 87.650297,12.0237558 86.4888376,12.0237558 C85.3648447,12.0237558 84.5593164,12.8480173 84.5593164,14.0469431 L84.5593164,19.8167734 L82.1239984,19.8167734 L82.1239984,10.2441003 L84.3907175,10.2441003 L84.3907175,11.3306268 C84.9901804,10.4688989 85.9643076,9.92563568 87.2756327,9.92563568 Z M97.9910319,9.92563568 C100.220285,9.92563568 101.41921,11.3118936 101.41921,13.260148 L101.41921,19.8167734 L98.9838923,19.8167734 L98.9838923,13.9907434 C98.9838923,12.735618 98.3656962,12.0237558 97.2042369,12.0237558 C96.0802439,12.0237558 95.2747157,12.8480173 95.2747157,14.0469431 L95.2747157,19.8167734 L92.8393977,19.8167734 L92.8393977,10.2441003 L95.1061167,10.2441003 L95.1061167,11.3306268 C95.7055796,10.4688989 96.6797068,9.92563568 97.9910319,9.92563568 Z" id="Tallinn"></path>
<path d="M49.23,29.892 C50.67,29.892 51.678,30.234 52.866,31.188 L52.02,32.232 C50.868,31.35 50.184,31.152 49.23,31.152 C48.024,31.152 47.286,31.71 47.286,32.466 C47.286,33.24 48.042,33.42 49.662,33.78 C51.966,34.302 53.01,34.932 53.01,36.498 C53.01,38.136 51.606,39.252 49.464,39.252 C47.898,39.252 46.782,38.838 45.378,37.596 L46.296,36.588 C47.61,37.686 48.402,37.974 49.482,37.974 C50.634,37.974 51.498,37.452 51.498,36.57 C51.498,35.598 50.436,35.328 49.014,35.022 C46.656,34.518 45.792,33.996 45.792,32.52 C45.792,30.972 47.178,29.892 49.23,29.892 Z M60.534,30.144 L62.082,30.144 L62.082,39 L60.642,39 L60.642,37.902 C60.12,38.766 59.148,39.252 57.96,39.252 C55.71,39.252 54.81,37.956 54.81,36.354 L54.81,30.144 L56.358,30.144 L56.358,35.976 C56.358,37.236 57.006,37.92 58.212,37.92 C59.508,37.92 60.534,37.128 60.534,35.544 L60.534,30.144 Z M70.2,30.144 L71.748,30.144 L71.748,39 L70.308,39 L70.308,37.902 C69.786,38.766 68.814,39.252 67.626,39.252 C65.376,39.252 64.476,37.956 64.476,36.354 L64.476,30.144 L66.024,30.144 L66.024,35.976 C66.024,37.236 66.672,37.92 67.878,37.92 C69.174,37.92 70.2,37.128 70.2,35.544 L70.2,30.144 Z M77.814,30.036 C78.336,30.036 78.822,30.162 79.218,30.306 L78.93,31.602 C78.48,31.476 78.12,31.422 77.778,31.422 C76.59,31.422 75.708,32.448 75.708,34.248 L75.708,39 L74.16,39 L74.16,30.144 L75.618,30.144 L75.618,31.476 C76.032,30.612 76.77,30.036 77.814,30.036 Z M87.39,36.48 L88.308,37.416 C87.012,38.802 85.896,39.252 84.456,39.252 C81.756,39.252 80.064,37.398 80.064,34.626 C80.064,31.854 81.702,29.892 84.294,29.892 C86.85,29.892 88.29,31.548 88.29,34.158 C88.29,34.338 88.272,34.68 88.254,34.842 L81.612,34.842 C81.702,36.48 82.548,37.956 84.474,37.956 C85.608,37.956 86.274,37.542 87.39,36.48 Z M84.276,31.134 C82.836,31.134 81.882,32.052 81.648,33.69 L86.76,33.69 C86.688,32.16 85.824,31.134 84.276,31.134 Z M99.486,29.892 C101.466,29.892 102.438,31.152 102.438,32.826 L102.438,39 L100.89,39 L100.89,33.258 C100.89,31.98 100.332,31.206 99.126,31.206 C97.884,31.206 97.092,32.142 97.092,33.438 L97.092,39 L95.544,39 L95.544,33.258 C95.544,31.98 94.986,31.206 93.78,31.206 C92.628,31.206 91.764,32.052 91.764,33.438 L91.764,39 L90.216,39 L90.216,30.144 L91.674,30.144 L91.674,31.206 C92.196,30.36 93.024,29.892 94.212,29.892 C95.472,29.892 96.336,30.468 96.768,31.332 C97.308,30.486 98.172,29.892 99.486,29.892 Z M108.414,29.892 C110.754,29.892 112.014,31.116 112.014,32.844 L112.014,39 L110.61,39 L110.61,37.902 C110.016,38.802 108.936,39.288 107.604,39.288 C105.876,39.288 104.436,38.568 104.436,36.804 C104.436,34.734 106.344,34.122 108.558,33.726 L110.538,33.366 L110.538,32.916 C110.538,31.8 109.692,31.17 108.468,31.17 C107.334,31.17 106.596,31.602 105.552,32.664 L104.562,31.782 C105.66,30.486 106.884,29.892 108.414,29.892 Z M107.766,38.01 C109.296,38.01 110.538,37.146 110.538,35.688 L110.538,34.518 L108.918,34.842 C107.19,35.202 105.948,35.526 105.948,36.75 C105.948,37.56 106.632,38.01 107.766,38.01 Z M121.518,29.892 C122.958,29.892 123.966,30.234 125.154,31.188 L124.308,32.232 C123.156,31.35 122.472,31.152 121.518,31.152 C120.312,31.152 119.574,31.71 119.574,32.466 C119.574,33.24 120.33,33.42 121.95,33.78 C124.254,34.302 125.298,34.932 125.298,36.498 C125.298,38.136 123.894,39.252 121.752,39.252 C120.186,39.252 119.07,38.838 117.666,37.596 L118.584,36.588 C119.898,37.686 120.69,37.974 121.77,37.974 C122.922,37.974 123.786,37.452 123.786,36.57 C123.786,35.598 122.724,35.328 121.302,35.022 C118.944,34.518 118.08,33.996 118.08,32.52 C118.08,30.972 119.466,29.892 121.518,29.892 Z M129.762,26.544 L129.762,28.398 L128.25,28.398 L128.25,26.544 L129.762,26.544 Z M132.948,26.544 L132.948,28.398 L131.436,28.398 L131.436,26.544 L132.948,26.544 Z M132.822,30.144 L134.37,30.144 L134.37,39 L132.93,39 L132.93,37.902 C132.408,38.766 131.436,39.252 130.248,39.252 C127.998,39.252 127.098,37.956 127.098,36.354 L127.098,30.144 L128.646,30.144 L128.646,35.976 C128.646,37.236 129.294,37.92 130.5,37.92 C131.796,37.92 132.822,37.128 132.822,35.544 L132.822,30.144 Z M139.806,29.892 C141.246,29.892 142.254,30.234 143.442,31.188 L142.596,32.232 C141.444,31.35 140.76,31.152 139.806,31.152 C138.6,31.152 137.862,31.71 137.862,32.466 C137.862,33.24 138.618,33.42 140.238,33.78 C142.542,34.302 143.586,34.932 143.586,36.498 C143.586,38.136 142.182,39.252 140.04,39.252 C138.474,39.252 137.358,38.838 135.954,37.596 L136.872,36.588 C138.186,37.686 138.978,37.974 140.058,37.974 C141.21,37.974 142.074,37.452 142.074,36.57 C142.074,35.598 141.012,35.328 139.59,35.022 C137.232,34.518 136.368,33.996 136.368,32.52 C136.368,30.972 137.754,29.892 139.806,29.892 Z M150.048,37.632 L150.282,38.856 C149.634,39.09 148.986,39.162 148.464,39.162 C146.772,39.162 146.178,38.352 146.178,36.948 L146.178,31.314 L144.522,31.314 L144.522,30.144 L146.178,30.144 L146.178,27.174 L147.726,27.174 L147.726,30.144 L150.12,30.144 L150.12,31.314 L147.726,31.314 L147.726,36.768 C147.726,37.56 148.032,37.848 148.77,37.848 C149.094,37.848 149.454,37.794 150.048,37.632 Z M158.598,36.48 L159.516,37.416 C158.22,38.802 157.104,39.252 155.664,39.252 C152.964,39.252 151.272,37.398 151.272,34.626 C151.272,31.854 152.91,29.892 155.502,29.892 C158.058,29.892 159.498,31.548 159.498,34.158 C159.498,34.338 159.48,34.68 159.462,34.842 L152.82,34.842 C152.91,36.48 153.756,37.956 155.682,37.956 C156.816,37.956 157.482,37.542 158.598,36.48 Z M155.484,31.134 C154.044,31.134 153.09,32.052 152.856,33.69 L157.968,33.69 C157.896,32.16 157.032,31.134 155.484,31.134 Z M168.21,36.48 L169.128,37.416 C167.832,38.802 166.716,39.252 165.276,39.252 C162.576,39.252 160.884,37.398 160.884,34.626 C160.884,31.854 162.522,29.892 165.114,29.892 C167.67,29.892 169.11,31.548 169.11,34.158 C169.11,34.338 169.092,34.68 169.074,34.842 L162.432,34.842 C162.522,36.48 163.368,37.956 165.294,37.956 C166.428,37.956 167.094,37.542 168.21,36.48 Z M165.096,31.134 C163.656,31.134 162.702,32.052 162.468,33.69 L167.58,33.69 C167.508,32.16 166.644,31.134 165.096,31.134 Z M180.306,29.892 C182.286,29.892 183.258,31.152 183.258,32.826 L183.258,39 L181.71,39 L181.71,33.258 C181.71,31.98 181.152,31.206 179.946,31.206 C178.704,31.206 177.912,32.142 177.912,33.438 L177.912,39 L176.364,39 L176.364,33.258 C176.364,31.98 175.806,31.206 174.6,31.206 C173.448,31.206 172.584,32.052 172.584,33.438 L172.584,39 L171.036,39 L171.036,30.144 L172.494,30.144 L172.494,31.206 C173.016,30.36 173.844,29.892 175.032,29.892 C176.292,29.892 177.156,30.468 177.588,31.332 C178.128,30.486 178.992,29.892 180.306,29.892 Z M187.2,26.544 L187.2,28.398 L185.652,28.398 L185.652,26.544 L187.2,26.544 Z M187.2,30.144 L187.2,39 L185.652,39 L185.652,30.144 L187.2,30.144 Z M197.946,29.892 C200.106,29.892 201.114,31.278 201.114,32.934 L201.114,39 L199.566,39 L199.566,33.42 C199.566,31.962 198.846,31.206 197.532,31.206 C196.254,31.206 195.246,32.196 195.246,33.51 L195.246,39 L193.698,39 L193.698,30.144 L195.156,30.144 L195.156,31.278 C195.75,30.36 196.758,29.892 197.946,29.892 Z M205.056,26.544 L205.056,28.398 L203.508,28.398 L203.508,26.544 L205.056,26.544 Z M205.056,30.144 L205.056,39 L203.508,39 L203.508,30.144 L205.056,30.144 Z M216.738,29.892 C218.718,29.892 219.69,31.152 219.69,32.826 L219.69,39 L218.142,39 L218.142,33.258 C218.142,31.98 217.584,31.206 216.378,31.206 C215.136,31.206 214.344,32.142 214.344,33.438 L214.344,39 L212.796,39 L212.796,33.258 C212.796,31.98 212.238,31.206 211.032,31.206 C209.88,31.206 209.016,32.052 209.016,33.438 L209.016,39 L207.468,39 L207.468,30.144 L208.926,30.144 L208.926,31.206 C209.448,30.36 210.276,29.892 211.464,29.892 C212.724,29.892 213.588,30.468 214.02,31.332 C214.56,30.486 215.424,29.892 216.738,29.892 Z M223.632,26.544 L223.632,28.398 L222.084,28.398 L222.084,26.544 L223.632,26.544 Z M223.632,30.144 L223.632,39 L222.084,39 L222.084,30.144 L223.632,30.144 Z" id="suuremasüsteeminimi" fill-rule="nonzero"></path>
</g>
</g>
</g>
</svg>
</div>
</a>
<nav data-menu="main">
<ul class="mainmenu ">
</ul>
</nav>
<!--
<div class="megamenu">
<ul>
<li><a href="#">Menu level1</a></li>
<li><a href="#">Menu level1</a></li>
<li>
<a href="#">Menu level1</a>
<ul>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a></li>
<li><a href="#">LEvel 2</a>
<ul>
<li><a href="#">LEvel 3</a></li>
<li><a href="#">LEvel 3</a></li>
<li><a href="#">LEvel 3</a></li>
<li><a href="#">LEvel 3</a></li>
<li><a href="#">LEvel 3</a></li>
</ul>
</li>
<li><a href="#">LEvel 2</a></li>
</ul>
</li>
<li><a href="#">Menu level1</a></li>
<li><a href="#">Menu level1</a></li>
<li><a href="#">Menu level1</a></li>
</ul>
</div>-->
<ul class="main-buttons">
<li class="main-buttons__item">
<button class="button ">
<i class="fas fa-eye-slash button__icon--center" aria-hidden="true" ></i>
</button>
</li>
<li class="main-buttons__item">
<button class="button ">
<i class="fas fa-search button__icon--center" aria-hidden="true" ></i>
</button>
</li>
<li class="main-buttons__item">
<button class="button button--contrast">
<i class="fas fa-lock button__icon--left" aria-hidden="true" ></i>
Logi sisse
</button>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div class="page__center container">
<main class="page__content">
<div class="row">
<div class="col">
<h1>Logi sisse</h1>
</div>
<div class="col d-flex justify-content-end align-items-center">
<div class="esf-logo"></div>
</div>
</div>
<ul class="tab login-tabs">
<li class="tab__item ">
<a href="#">
<i class="icon-id-card"></i>
ID-Kaart
</a>
</li>
<li class="tab__item ">
<a href="#">
<i class="icon-mobiil-id"></i>
Mobiil-ID
</a>
</li>
<li class="tab__item ">
<a href="#">
<i class="icon-eu-citizen"></i>
EU Citizen
</a>
</li>
<li class="tab__item is-selected">
<a href="#">
<i class="icon-password"></i>
Salasõna
</a>
</li>
</ul>
<h3>Salasõna</h3>
<div class="row">
<div class="col-6">
<p>
Sisselogimiseks vajate kasutajanime ning salasõna. Kasutajaks registreerimiseks võtke ühendust klienditoega aadressil abi@süsteem.ee
</p>
</div>
</div>
<div class="row ">
<div class="col-6">
<div class="login-inputs">
<div class="textfield ">
<label class="textfield__label" for="loginNumber">Kasutajanimi</label>
<div class="textfield__control ">
<input class="textfield__input" id="loginNumber" placeholder="" type="text" value="+372" />
</div>
</div>
<div class="textfield ">
<label class="textfield__label" for="loginPassword">Salasõna</label>
<div class="textfield__control ">
<input class="textfield__input" id="loginPassword" placeholder="" type="password" value="" />
<i class="fas fa-eye-slash changeType "></i>
</div>
</div>
</div>
<div class="login-buttons">
<button class="button ">
Jätka
</button>
<button class="button button--triarity">
unustasin salasõna
</button>
</div>
</div>
</div>
</main>
</div>
<footer class="footer footer__main ">
<div class="container d-flex align-items-center">
<div class="footer-content footer-content--left">
<div>
Infoliin
</div>
<a href="#" class="link link--white footer-link--phone"><i class="fas fa-phone"></i>1234</a>
</div>
<div class="footer-content footer-content--center">
Kõik õigused kaitstud
</div>
<ul class="footer-content footer-content--right">
<li><a href="#" class="link link--white footer-link--social"><i class="fab fa-facebook-square"></i><span class="sr-only">Facebook</span></a></li>
<li><a href="#" class="link link--white footer-link--social"><i class="fas fa-rss-square"></i><span class="sr-only">RSS uudisvoog</span></a></li>
</ul>
</div>
</footer>
{
"password": true,
"subnav": true,
"languages": true,
"main-nav-modifiers": "main--background",
"logo-modifiers": "logo--contrast blue",
"tab-modifier": "login-tabs",
"inputs": [
{
"label": "Kasutajanimi",
"type": "text",
"value": "+372",
"id": "loginNumber"
},
{
"label": "Salasõna",
"inputIcon": true,
"icon": "eye-slash changeType",
"type": "password",
"id": "loginPassword"
}
],
"buttons": [
{
"content": "Jätka"
},
{
"content": "unustasin salasõna",
"button-modifiers": "button--triarity"
}
],
"lang-menu": [
{
"lang": "est"
},
{
"lang": "eng"
},
{
"lang": "ger"
},
{
"lang": "swe"
},
{
"lang": "rus"
}
],
"title": "Salasõna",
"paragraph": "Sisselogimiseks vajate kasutajanime ning salasõna. Kasutajaks registreerimiseks võtke ühendust klienditoega aadressil abi@süsteem.ee",
"main-buttons": [
{
"icon-center": "eye-slash",
"content": null
},
{
"icon-center": "search",
"content": null
},
{
"icon-left": "lock",
"content": "Logi sisse",
"button-modifiers": "button--contrast"
}
],
"tabs": [
{
"name": "ID-Kaart",
"custom-icon-modifier": "id-card"
},
{
"name": "Mobiil-ID",
"custom-icon-modifier": "mobiil-id"
},
{
"name": "EU Citizen",
"custom-icon-modifier": "eu-citizen"
},
{
"name": "Salasõna",
"custom-icon-modifier": "password",
"active": true
}
]
}