<div class="header ">
<div class="header__inner h-container">
<div class="grid grid--no-gutter header__grid">
<div class="grid__col grid__col--md-1 header__logo-col">
<div class="logo header__logo">
<a href="https://play.ee" class="logo__content logo__link">
<svg viewBox="0 0 58 62" xmlns="http://www.w3.org/2000/svg" class="logo__svg">
<path d="M8.93299 7.67307c0 2.85703-1.6054 4.32633-3.45778 4.32633-.82328 0-1.68772-.3265-2.22285-.8571v4.1222H.700195V3.42839H3.29352v.65303c.5763-.61221 1.48191-.81628 2.22286-.81628 2.26402 0 3.41661 1.95908 3.41661 4.40793zm-2.55217-.04081c0-1.4285-.53513-2.12234-1.56423-2.12234-1.35841 0-1.77005.93873-1.77005 2.12234 0 1.18361.4528 2.16315 1.72889 2.16315 1.07026 0 1.60539-.69384 1.60539-2.16315zM10.085 9.71379V0h2.5933v9.34646c0 .40814.1646.44895.494.44895.1234 0 .3293 0 .5351-.08162v1.99991c-.5351.2041-1.0291.2857-1.3996.2857-1.2349 0-2.2228-.6939-2.2228-2.28561zM22.187 6.53028v5.30582h-2.3464l-.1646-.8163c-.6998.898-1.6054 1.0204-2.2229 1.0204-1.8935 0-3.2519-1.1836-3.2519-2.89781 0-.97955.4528-1.67339 1.1526-2.04072.5351-.2857 1.1937-.40814 1.9347-.40814h2.3463v-.16325c0-.61222-.494-1.02036-1.4407-1.02036-.6175 0-1.2761.20407-2.0171.89791l-1.8523-1.55094c.9879-1.10198 2.5521-1.59175 3.9929-1.59175 2.4286 0 3.8694 1.26524 3.8694 3.26514zm-2.5934 1.99989h-1.9347c-.2881 0-.4939.04082-.6586.16326-.1646.12244-.247.2857-.247.48977 0 .40814.3705.77547 1.1115.77547.9056 0 1.6877-.61221 1.7288-1.4285zM25.48 11.5505l-3.1284-8.08126h2.8403l1.6877 5.14259 1.8935-5.14259h2.8404L26.7149 15.3054h-2.7991l1.5642-3.7549zM9.17956 30.8964l-1.44074-1.6326c-1.0291.8163-2.22285 1.1837-3.58126 1.1837C1.85238 30.4066 0 29.3863 0 27.3456c0-1.7142 1.31725-2.7754 2.63449-3.6325-.49396-.4898-1.31724-1.3877-1.31724-2.6121 0-1.8366 1.81121-2.8978 3.45777-2.8978 1.72888 0 3.29311 1.1836 3.29311 2.8978 0 1.2652-.82327 2.1632-1.81121 2.9386l1.39958 1.551c.24698-.5306.49396-1.1837.69978-1.9183l2.30522.4081c-.3705 1.3469-.82332 2.4489-1.35845 3.306l1.68775 1.8774-1.81124 1.6326zm-2.9638-3.3468l-1.89354-2.1223c-.98794.653-1.81122 1.2652-1.81122 1.9999 0 .653.61746.8571 1.44074.8571.86444-.0408 1.60539-.2857 2.26402-.7347zM4.5692 22.5703c.65862-.4489 1.11142-.8979 1.11142-1.4693 0-.449-.24698-.8571-.86444-.8571-.53513 0-.98793.2857-.98793.8163 0 .4898.41164 1.102.74095 1.5101zM8.76833 38.7736v5.5507H6.175v-4.612c0-.653 0-1.7142-1.31725-1.7142-1.60539 0-1.60539 1.5101-1.60539 2.408v3.9182H.700195v-8.3669H3.29352v.7754c.61746-.7754 1.52307-.9795 2.38751-.9795 1.93471.0408 3.0873 1.1836 3.0873 3.0203zM9.75586 40.1613c0-2.2856 1.60544-4.3672 4.36334-4.3672 2.7169 0 4.3223 2.0407 4.3223 4.3672 0 2.2856-1.6054 4.3671-4.3223 4.3671-2.7579 0-4.36334-2.0815-4.36334-4.3671zm6.09224 0c0-1.0612-.3293-2.1224-1.7289-2.1224-1.3995 0-1.77 1.0612-1.77 2.1224 0 1.0203.3293 2.1631 1.77 2.1631 1.3584 0 1.7289-1.102 1.7289-2.1631zM27.8267 40.202c0 2.857-1.6054 4.3264-3.4578 4.3264-.8233 0-1.6877-.3266-2.2228-.8571v4.1222h-2.5934V35.9574h2.6345v.6122c.5763-.6122 1.4819-.8163 2.2229-.8163 2.2228.0408 3.4166 1.9591 3.4166 4.4487zm-2.5933-.0408c0-1.4285-.5352-2.1223-1.5643-2.1223-1.3584 0-1.77.9387-1.77 2.1223 0 1.1836.4528 2.1632 1.7289 2.1632 1.0702 0 1.6054-.7347 1.6054-2.1632zM36.6768 41.0592h-5.5571c.0823.653.6175 1.1836 1.7289 1.1836.6174 0 1.3172-.2449 1.77-.8163l1.7701 1.5509c-.9056 1.0204-2.0994 1.551-3.5813 1.551-3.1284 0-4.281-2.1632-4.281-4.3263 0-2.0816 1.1526-4.408 4.1575-4.408 2.6345 0 4.0341 1.8775 4.0341 4.4488 0 .2449-.0412.4489-.0412.8163zm-2.4286-1.8775c-.0412-.7755-.741-1.2652-1.6054-1.2652-1.0703 0-1.4819.6938-1.5643 1.2652h3.1697zM7.98581 55.997v5.3059H5.63946l-.16466-.8163c-.69978.8979-1.60539 1.0203-2.22285 1.0203C1.35841 61.5069 0 60.3233 0 58.6091c0-.9795.452803-1.6733 1.15259-2.0407.53513-.2857 1.19375-.4081 1.93471-.4081h2.34634v-.1225c0-.6122-.49397-1.0203-1.44074-1.0203-.61746 0-1.27608.2041-2.01703.8979L.123492 54.3645c1.070258-1.102 2.634488-1.5918 4.075228-1.5918 2.34635 0 3.78709 1.2244 3.78709 3.2243zm-2.59333 1.9999H3.45777c-.28815 0-.49397.0408-.65862.1633-.16466.1224-.24699.2857-.24699.4898 0 .4081.37048.7754 1.11143.7754.90561 0 1.68772-.5714 1.72889-1.4285zM9.5498 59.1807v-9.7138h2.5933v9.3465c0 .4081.1647.4489.494.4489.1235 0 .3293 0 .5351-.0816v1.9999c-.5351.2041-1.0291.2857-1.3995.2857-1.2761.0408-2.2229-.653-2.2229-2.2856zM14.2842 59.1807v-9.7138h2.5933v9.3465c0 .4081.1647.4489.494.4489.1235 0 .3293 0 .5351-.0816v1.9999c-.5351.2041-1.0291.2857-1.3996.2857-1.2349.0408-2.2228-.653-2.2228-2.2856zM19.0996 49.4669h2.6345v2.3264h-2.6345v-2.3264zm.0412 3.4692h2.5933v8.3669h-2.5933v-8.3669zM30.9145 55.997v5.3059h-2.3463l-.1647-.8163c-.6998.8979-1.6054 1.0203-2.2228 1.0203-1.8936 0-3.252-1.1836-3.252-2.8978 0-.9795.4528-1.6733 1.1526-2.0407.5351-.2857 1.1938-.4081 1.9347-.4081h2.3464v-.1225c0-.6122-.494-1.0203-1.4408-1.0203-.6174 0-1.2761.2041-2.017.8979l-1.8524-1.5509c1.0703-1.102 2.6345-1.5918 4.0752-1.5918 2.3464 0 3.7871 1.2244 3.7871 3.2243zm-2.5933 1.9999h-1.9347c-.2882 0-.494.0408-.6586.1633-.1647.1224-.247.2857-.247.4898 0 .4081.3704.7754 1.1114.7754.9056 0 1.6877-.5714 1.7289-1.4285zM40.6698 55.7523v5.5507h-2.5933v-4.612c0-.653 0-1.7142-1.3172-1.7142-1.6054 0-1.6054 1.5102-1.6054 2.4081v3.9181h-2.5934v-8.3669h2.5934v.7755c.6174-.7755 1.523-.9795 2.3875-.9795 1.9759.0408 3.1284 1.1836 3.1284 3.0202zM41.6582 57.14c0-2.204 1.3584-4.4079 4.2399-4.4079 1.77 0 3.1284.8162 3.7459 2.5304l-2.4287.9796c-.1235-.7755-.6586-1.3061-1.3172-1.3061-1.1938 0-1.6054 1.102-1.6054 2.1632 0 1.0611.3705 2.1223 1.5642 2.1223.6586 0 1.2349-.4897 1.3584-1.2244l2.3464.8979c-.5763 1.5918-1.8936 2.5713-3.6636 2.5713-2.9227.0408-4.2399-2.1632-4.2399-4.3263zM57.9591 57.9971h-5.5572c.0824.653.6175 1.1836 1.7289 1.1836.6175 0 1.3173-.2449 1.7701-.8163l1.77 1.551c-.9056 1.0203-2.0994 1.5509-3.5813 1.5509-3.1284 0-4.281-2.1631-4.281-4.3263 0-2.0815 1.1526-4.4079 4.1576-4.4079 2.6344 0 4.034 1.8774 4.034 4.4487 0 .2449 0 .4898-.0411.8163zm-2.4287-1.8775c-.0412-.7754-.741-1.2652-1.6054-1.2652-1.0703 0-1.4819.6938-1.5642 1.2652h3.1696z" />
</svg>
<span class="h-visually-hidden">
</span>
</a>
</div>
<div class="logo header__logo header__logo--negative">
<a href="https://play.ee" class="logo__content logo__link">
<svg viewBox="0 0 58 62" xmlns="http://www.w3.org/2000/svg" class="logo__svg">
<path d="M8.93299 7.67307c0 2.85703-1.6054 4.32633-3.45778 4.32633-.82328 0-1.68772-.3265-2.22285-.8571v4.1222H.700195V3.42839H3.29352v.65303c.5763-.61221 1.48191-.81628 2.22286-.81628 2.26402 0 3.41661 1.95908 3.41661 4.40793zm-2.55217-.04081c0-1.4285-.53513-2.12234-1.56423-2.12234-1.35841 0-1.77005.93873-1.77005 2.12234 0 1.18361.4528 2.16315 1.72889 2.16315 1.07026 0 1.60539-.69384 1.60539-2.16315zM10.085 9.71379V0h2.5933v9.34646c0 .40814.1646.44895.494.44895.1234 0 .3293 0 .5351-.08162v1.99991c-.5351.2041-1.0291.2857-1.3996.2857-1.2349 0-2.2228-.6939-2.2228-2.28561zM22.187 6.53028v5.30582h-2.3464l-.1646-.8163c-.6998.898-1.6054 1.0204-2.2229 1.0204-1.8935 0-3.2519-1.1836-3.2519-2.89781 0-.97955.4528-1.67339 1.1526-2.04072.5351-.2857 1.1937-.40814 1.9347-.40814h2.3463v-.16325c0-.61222-.494-1.02036-1.4407-1.02036-.6175 0-1.2761.20407-2.0171.89791l-1.8523-1.55094c.9879-1.10198 2.5521-1.59175 3.9929-1.59175 2.4286 0 3.8694 1.26524 3.8694 3.26514zm-2.5934 1.99989h-1.9347c-.2881 0-.4939.04082-.6586.16326-.1646.12244-.247.2857-.247.48977 0 .40814.3705.77547 1.1115.77547.9056 0 1.6877-.61221 1.7288-1.4285zM25.48 11.5505l-3.1284-8.08126h2.8403l1.6877 5.14259 1.8935-5.14259h2.8404L26.7149 15.3054h-2.7991l1.5642-3.7549zM9.17956 30.8964l-1.44074-1.6326c-1.0291.8163-2.22285 1.1837-3.58126 1.1837C1.85238 30.4066 0 29.3863 0 27.3456c0-1.7142 1.31725-2.7754 2.63449-3.6325-.49396-.4898-1.31724-1.3877-1.31724-2.6121 0-1.8366 1.81121-2.8978 3.45777-2.8978 1.72888 0 3.29311 1.1836 3.29311 2.8978 0 1.2652-.82327 2.1632-1.81121 2.9386l1.39958 1.551c.24698-.5306.49396-1.1837.69978-1.9183l2.30522.4081c-.3705 1.3469-.82332 2.4489-1.35845 3.306l1.68775 1.8774-1.81124 1.6326zm-2.9638-3.3468l-1.89354-2.1223c-.98794.653-1.81122 1.2652-1.81122 1.9999 0 .653.61746.8571 1.44074.8571.86444-.0408 1.60539-.2857 2.26402-.7347zM4.5692 22.5703c.65862-.4489 1.11142-.8979 1.11142-1.4693 0-.449-.24698-.8571-.86444-.8571-.53513 0-.98793.2857-.98793.8163 0 .4898.41164 1.102.74095 1.5101zM8.76833 38.7736v5.5507H6.175v-4.612c0-.653 0-1.7142-1.31725-1.7142-1.60539 0-1.60539 1.5101-1.60539 2.408v3.9182H.700195v-8.3669H3.29352v.7754c.61746-.7754 1.52307-.9795 2.38751-.9795 1.93471.0408 3.0873 1.1836 3.0873 3.0203zM9.75586 40.1613c0-2.2856 1.60544-4.3672 4.36334-4.3672 2.7169 0 4.3223 2.0407 4.3223 4.3672 0 2.2856-1.6054 4.3671-4.3223 4.3671-2.7579 0-4.36334-2.0815-4.36334-4.3671zm6.09224 0c0-1.0612-.3293-2.1224-1.7289-2.1224-1.3995 0-1.77 1.0612-1.77 2.1224 0 1.0203.3293 2.1631 1.77 2.1631 1.3584 0 1.7289-1.102 1.7289-2.1631zM27.8267 40.202c0 2.857-1.6054 4.3264-3.4578 4.3264-.8233 0-1.6877-.3266-2.2228-.8571v4.1222h-2.5934V35.9574h2.6345v.6122c.5763-.6122 1.4819-.8163 2.2229-.8163 2.2228.0408 3.4166 1.9591 3.4166 4.4487zm-2.5933-.0408c0-1.4285-.5352-2.1223-1.5643-2.1223-1.3584 0-1.77.9387-1.77 2.1223 0 1.1836.4528 2.1632 1.7289 2.1632 1.0702 0 1.6054-.7347 1.6054-2.1632zM36.6768 41.0592h-5.5571c.0823.653.6175 1.1836 1.7289 1.1836.6174 0 1.3172-.2449 1.77-.8163l1.7701 1.5509c-.9056 1.0204-2.0994 1.551-3.5813 1.551-3.1284 0-4.281-2.1632-4.281-4.3263 0-2.0816 1.1526-4.408 4.1575-4.408 2.6345 0 4.0341 1.8775 4.0341 4.4488 0 .2449-.0412.4489-.0412.8163zm-2.4286-1.8775c-.0412-.7755-.741-1.2652-1.6054-1.2652-1.0703 0-1.4819.6938-1.5643 1.2652h3.1697zM7.98581 55.997v5.3059H5.63946l-.16466-.8163c-.69978.8979-1.60539 1.0203-2.22285 1.0203C1.35841 61.5069 0 60.3233 0 58.6091c0-.9795.452803-1.6733 1.15259-2.0407.53513-.2857 1.19375-.4081 1.93471-.4081h2.34634v-.1225c0-.6122-.49397-1.0203-1.44074-1.0203-.61746 0-1.27608.2041-2.01703.8979L.123492 54.3645c1.070258-1.102 2.634488-1.5918 4.075228-1.5918 2.34635 0 3.78709 1.2244 3.78709 3.2243zm-2.59333 1.9999H3.45777c-.28815 0-.49397.0408-.65862.1633-.16466.1224-.24699.2857-.24699.4898 0 .4081.37048.7754 1.11143.7754.90561 0 1.68772-.5714 1.72889-1.4285zM9.5498 59.1807v-9.7138h2.5933v9.3465c0 .4081.1647.4489.494.4489.1235 0 .3293 0 .5351-.0816v1.9999c-.5351.2041-1.0291.2857-1.3995.2857-1.2761.0408-2.2229-.653-2.2229-2.2856zM14.2842 59.1807v-9.7138h2.5933v9.3465c0 .4081.1647.4489.494.4489.1235 0 .3293 0 .5351-.0816v1.9999c-.5351.2041-1.0291.2857-1.3996.2857-1.2349.0408-2.2228-.653-2.2228-2.2856zM19.0996 49.4669h2.6345v2.3264h-2.6345v-2.3264zm.0412 3.4692h2.5933v8.3669h-2.5933v-8.3669zM30.9145 55.997v5.3059h-2.3463l-.1647-.8163c-.6998.8979-1.6054 1.0203-2.2228 1.0203-1.8936 0-3.252-1.1836-3.252-2.8978 0-.9795.4528-1.6733 1.1526-2.0407.5351-.2857 1.1938-.4081 1.9347-.4081h2.3464v-.1225c0-.6122-.494-1.0203-1.4408-1.0203-.6174 0-1.2761.2041-2.017.8979l-1.8524-1.5509c1.0703-1.102 2.6345-1.5918 4.0752-1.5918 2.3464 0 3.7871 1.2244 3.7871 3.2243zm-2.5933 1.9999h-1.9347c-.2882 0-.494.0408-.6586.1633-.1647.1224-.247.2857-.247.4898 0 .4081.3704.7754 1.1114.7754.9056 0 1.6877-.5714 1.7289-1.4285zM40.6698 55.7523v5.5507h-2.5933v-4.612c0-.653 0-1.7142-1.3172-1.7142-1.6054 0-1.6054 1.5102-1.6054 2.4081v3.9181h-2.5934v-8.3669h2.5934v.7755c.6174-.7755 1.523-.9795 2.3875-.9795 1.9759.0408 3.1284 1.1836 3.1284 3.0202zM41.6582 57.14c0-2.204 1.3584-4.4079 4.2399-4.4079 1.77 0 3.1284.8162 3.7459 2.5304l-2.4287.9796c-.1235-.7755-.6586-1.3061-1.3172-1.3061-1.1938 0-1.6054 1.102-1.6054 2.1632 0 1.0611.3705 2.1223 1.5642 2.1223.6586 0 1.2349-.4897 1.3584-1.2244l2.3464.8979c-.5763 1.5918-1.8936 2.5713-3.6636 2.5713-2.9227.0408-4.2399-2.1632-4.2399-4.3263zM57.9591 57.9971h-5.5572c.0824.653.6175 1.1836 1.7289 1.1836.6175 0 1.3173-.2449 1.7701-.8163l1.77 1.551c-.9056 1.0203-2.0994 1.5509-3.5813 1.5509-3.1284 0-4.281-2.1631-4.281-4.3263 0-2.0815 1.1526-4.4079 4.1576-4.4079 2.6344 0 4.034 1.8774 4.034 4.4487 0 .2449 0 .4898-.0411.8163zm-2.4287-1.8775c-.0412-.7754-.741-1.2652-1.6054-1.2652-1.0703 0-1.4819.6938-1.5642 1.2652h3.1696z" />
</svg>
<span class="h-visually-hidden">
</span>
</a>
</div>
</div>
<div class="grid__col grid__col--md-11 header__main-col">
<div class="header__container">
<div class="header__container-inner h-container">
<div class="header__content-wrapper">
<nav class="navigation header__navigation">
<ul class="navigation__list navigation__list--parents">
<li class="navigation__item ">
<svg class="icon navigation__arrow-icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#arrow-right-long-54"></use>
</svg>
<a href="#" class="navigation__link">
Home
</a>
<span class="navigation__description">Home is the place to be #staythefuckhome</span>
</li>
<li class="navigation__item has-children is-current ">
<svg class="icon navigation__arrow-icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#arrow-right-long-54"></use>
</svg>
<a href="#" class="navigation__link">
Services
<svg class="icon navigation__chevron">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#chevron-bottom-24"></use>
</svg>
</a>
<span class="navigation__description">Everything digital under one roof.</span>
<ul class="navigation__list navigation__list--children">
<li class="navigation__item ">
<a href="#" class="navigation__link">
Business transformation
</a>
<svg class="icon navigation__arrow-icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#tiny-arrow-right-long-24"></use>
</svg>
</li>
<li class="navigation__item ">
<a href="#" class="navigation__link">
Design & Innovation
</a>
<svg class="icon navigation__arrow-icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#tiny-arrow-right-long-24"></use>
</svg>
</li>
<li class="navigation__item ">
<a href="#" class="navigation__link">
Development
</a>
<svg class="icon navigation__arrow-icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#tiny-arrow-right-long-24"></use>
</svg>
</li>
<li class="navigation__item ">
<a href="#" class="navigation__link">
Maintenance
</a>
<svg class="icon navigation__arrow-icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#tiny-arrow-right-long-24"></use>
</svg>
</li>
</ul>
</li>
<li class="navigation__item has-children ">
<svg class="icon navigation__arrow-icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#arrow-right-long-54"></use>
</svg>
<a href="#" class="navigation__link">
Work
<svg class="icon navigation__chevron">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#chevron-bottom-24"></use>
</svg>
</a>
<span class="navigation__description">Home is the place to be #staythefuckhome</span>
<ul class="navigation__list navigation__list--children">
<li class="navigation__item ">
<a href="#" class="navigation__link">
Business transformation
</a>
<svg class="icon navigation__arrow-icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#tiny-arrow-right-long-24"></use>
</svg>
</li>
<li class="navigation__item ">
<a href="#" class="navigation__link">
Design & Innovation
</a>
<svg class="icon navigation__arrow-icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#tiny-arrow-right-long-24"></use>
</svg>
</li>
<li class="navigation__item ">
<a href="#" class="navigation__link">
Development
</a>
<svg class="icon navigation__arrow-icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#tiny-arrow-right-long-24"></use>
</svg>
</li>
</ul>
</li>
<li class="navigation__item ">
<svg class="icon navigation__arrow-icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#arrow-right-long-54"></use>
</svg>
<a href="#" class="navigation__link">
About
</a>
<span class="navigation__description">Home is the place to be #staythefuckhome</span>
</li>
<li class="navigation__item ">
<svg class="icon navigation__arrow-icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#arrow-right-long-54"></use>
</svg>
<a href="#" class="navigation__link">
Contact
</a>
<span class="navigation__description">Got a project you dream of realizing? Get in touch!</span>
</li>
</ul>
</nav>
<div class="header__contact">
<div class="header__contact-item">
<div class="header__contact-label text-small">Email</div>
<div class="header__contact-data">
<a href="mailto:contact@something.com" class="link header__link">contact@something.com</a>
</div>
</div>
<div class="header__contact-item">
<div class="header__contact-label text-small">Connect</div>
<div class="header__contact-data">
<a href="tel:56565656" class="link header__link">56565656</a>
</div>
</div>
</div>
</div>
</div>
<figure class="image header__background-image">
<img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20480%22%3E%3C%2Fsvg%3E" data-srcset="//via.placeholder.com/360x216 360w, //via.placeholder.com/720x432 720w, //via.placeholder.com/1000x600 1000w, //via.placeholder.com/2000x1200 2000w, //via.placeholder.com/800x480 800w, //via.placeholder.com/1600x960 1600w, //via.placeholder.com/1200x720 1200w, //via.placeholder.com/2400x1440 2400w" data-sizes="auto" alt="" class="image__img lazyload">
</figure>
</div>
<div class="header__burger-wrapper">
<button type="button" class="header__burger js-toggle-menu" aria-label="Toggle mobile menu" aria-expanded="false">
<span class="header__burger-box">
<span class="header__burger-inner">
<span class="header__burger-top"></span>
<span class="header__burger-middle"></span>
<span class="header__burger-bottom"></span>
</span>
</span>
</button>
<button type="button" class="header__burger header__burger--negative js-toggle-menu" aria-label="Toggle mobile menu">
<span class="header__burger-box">
<span class="header__burger-inner">
<span class="header__burger-top"></span>
<span class="header__burger-middle"></span>
<span class="header__burger-bottom"></span>
</span>
</span>
</button>
</div>
<div class="header__circle"></div>
</div>
</div>
</div>
</div>
<div class="hero hero--offset
" data-theme="dark">
<div class="hero__inner h-container">
<div class="grid grid--no-horizontal-gutter hero__grid">
<div class="grid__col grid__col--md-8 grid__col--offset-md-1
hero__grid-col">
<h1 class="hero__title h1">Digital-first powerhouse driving growth for businesses.</h1>
</div>
<div class="grid__col grid__col--md-7 grid__col--offset-md-4 grid__col--offset-lg-4
hero__grid-col">
<div class="hero__description text">
<p>This is a joint venture of an outstanding development house <a href="#" class="link">gotoAndPlay</a> & design studio <a href="#" class="link">NOPE Creative</a>. Together we design & develop wide range of creative and strategic services.</p>
</div>
</div>
</div>
</div>
<div class="hero__scroll h-container">
<a href="#" class="hero__scroll-link link">
Scroll<svg class="icon link__icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#scroll-24"></use>
</svg>
</a>
</div>
<div class="hero__bg hero__bg--video">
<div class="video hero__bg-video">
<div class="video__inner">
<video class="video__video lazyload" preload="none" data-object-fit muted="" data-autoplay="" loop="" playsinline="">
</video>
</div>
</div>
</div>
</div>
<div class="section section--mt-large section--mb-large image-1-1">
<div class="section__inner h-container">
<div class="grid">
<div class="grid__col grid__col--xs-4 grid__col--sm-12 grid__col--md-11 grid__col--offset-md-1">
<div class="section__content ">
<figure class="image image--fluid image-1-1__image animation__target">
<img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201440%201440%22%3E%3C%2Fsvg%3E" data-srcset="//via.placeholder.com/200x138 200w, //via.placeholder.com/600x416 600w, //via.placeholder.com/530x368 530w, //via.placeholder.com/1060x736 1060w, //via.placeholder.com/680x472 680w, //via.placeholder.com/1360x944 1360w, //via.placeholder.com/220x152 220w, //via.placeholder.com/440x305 440w, //via.placeholder.com/1440x1000 1440w, //via.placeholder.com/2880x2000 2880w" data-sizes="auto" alt="" class="image__img lazyload">
</figure>
</div>
</div>
</div>
</div>
</div>
<div class="section section--mt-large
section--mb-large
columned-content">
<div class="section__inner ">
<div class="section__content ">
<div class="h-container">
<div class="grid">
<div class="grid__col grid__col--md-5 grid__col--lg-4 grid__col--offset-md-1">
<h2 class="columned-content__title h2 animation__target">Services</h2>
</div>
<div class="grid__col grid__col--md-6 grid__col--lg-7 text animation__target">
From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. We assist our clients to make the best use of the solutions we build with them.<br><br>We stand for modern technologies and great customer experience while keeping in mind to meet expectations on the business side.<br><br>We work hand-in-hand with a network of professionals starting from Machine Learning, Digital Marketing, Copywriting.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section--mt-large section--mb-large accordion-list">
<div class="section__inner h-container">
<div class="grid">
<div class="grid__col grid__col--xs-4 grid__col--sm-12 grid__col--md-11 grid__col--offset-md-1">
<div class="section__content ">
<div class="accordion js-accordion-group animation__target">
<div class="accordion__item js-accordion animation__target" id="accordion-item-1">
<a href="#accordion-item-1" class="accordion__header js-accordion-control">
<h3 class="h3 accordion__title">Big mobile view multiline accordion item 1</h3>
<svg class="icon accordion__icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#plus-36"></use>
</svg>
</a>
<div class="accordion__content js-accordion-content">
<div class="accordion__inner text">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum quo voluptatum, accusantium exercitationem totam tempora error delectus libero commodi et. Similique vel exercitationem rerum distinctio itaque sunt voluptatibus enim sint.
</div>
</div>
</div>
<div class="accordion__item js-accordion animation__target" id="accordion-item-2">
<a href="#accordion-item-2" class="accordion__header js-accordion-control">
<h3 class="h3 accordion__title">Accordion item 2</h3>
<svg class="icon accordion__icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#plus-36"></use>
</svg>
</a>
<div class="accordion__content js-accordion-content">
<div class="accordion__inner text">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum quo voluptatum, accusantium exercitationem totam tempora error delectus libero commodi et. Similique vel exercitationem rerum distinctio itaque sunt voluptatibus enim sint.
</div>
</div>
</div>
<div class="accordion__item js-accordion animation__target" id="accordion-item-3">
<a href="#accordion-item-3" class="accordion__header js-accordion-control">
<h3 class="h3 accordion__title">Accordion item 3</h3>
<svg class="icon accordion__icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#plus-36"></use>
</svg>
</a>
<div class="accordion__content js-accordion-content">
<div class="accordion__inner text">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum quo voluptatum, accusantium exercitationem totam tempora error delectus libero commodi et. Similique vel exercitationem rerum distinctio itaque sunt voluptatibus enim sint.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section--mt-large section--mb-large solutions">
<div class="section__inner ">
<div class="section__content ">
<div class="h-container">
<div class="grid solutions__inner solutions__grid">
<div class="grid__col grid__col--md-11 grid__col--offset-md-1 grid__col--no-vertical-gutter solutions__head">
<h2 class="h2 solutions__title animation__target">Solutions</h2>
</div>
<div class="grid__col grid__col--sm-9 solutions__col--wide
solutions__col animation__target">
<div class="solution solution--wide solutions__item">
<a href="#" class="solution__link">
<figure class="image solution__image">
<img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%20216%22%3E%3C%2Fsvg%3E" data-srcset="//via.placeholder.com/360x216 360w, //via.placeholder.com/720x432 720w, //via.placeholder.com/1000x600 1000w, //via.placeholder.com/2000x1200 2000w, //via.placeholder.com/800x480 800w, //via.placeholder.com/1600x960 1600w, //via.placeholder.com/1200x720 1200w, //via.placeholder.com/2400x1440 2400w" data-sizes="auto" alt="" class="image__img lazyload">
</figure>
<h3 class="h3 solution__title">E-commerce & Retail</h3>
<div class="solution__content text">Lorem ipsum various fintech solutions to our clients, reimaginign their lorem ipsum text here.</div>
<ul class="solution__tags">
<li class="solution__tag text-tiny">T1</li>
<li class="solution__tag text-tiny">Softrend</li>
<li class="solution__tag text-tiny">Radis</li>
<li class="solution__tag text-tiny">Kafo</li>
<li class="solution__tag text-tiny">Rentist</li>
</ul>
</a>
</div>
</div>
<div class="grid__col grid__col--sm-5
solutions__col animation__target">
<div class="solution solutions__item">
<a href="#" class="solution__link">
<figure class="image solution__image">
<img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%20270%22%3E%3C%2Fsvg%3E" data-srcset="//via.placeholder.com/360x270 360w, //via.placeholder.com/720x540 720w, //via.placeholder.com/672x504 672w, //via.placeholder.com/352x264 352w, //via.placeholder.com/704x528 704w" data-sizes="auto" alt="" class="image__img lazyload">
</figure>
<h3 class="h3 solution__title">E-commerce & Retail</h3>
<div class="solution__content text">Lorem ipsum various fintech solutions to our clients, reimaginign their lorem ipsum text here.</div>
<ul class="solution__tags">
<li class="solution__tag text-tiny">T1</li>
<li class="solution__tag text-tiny">Softrend</li>
<li class="solution__tag text-tiny">Radis</li>
<li class="solution__tag text-tiny">Kafo</li>
<li class="solution__tag text-tiny">Rentist</li>
</ul>
</a>
</div>
</div>
<div class="grid__col grid__col--sm-6 solutions__col--tall
solutions__col animation__target">
<div class="solution solution--tall solutions__item">
<a href="#" class="solution__link">
<figure class="image solution__image">
<img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%20405%22%3E%3C%2Fsvg%3E" data-srcset="//via.placeholder.com/360x405 360w, //via.placeholder.com/720x810 720w, //via.placeholder.com/640x720 640w, //via.placeholder.com/1280x1440 1280w, //via.placeholder.com/840x945 840w, //via.placeholder.com/1680x1890 1680w" data-sizes="auto" alt="" class="image__img lazyload">
</figure>
<h3 class="h3 solution__title">E-commerce & Retail</h3>
<div class="solution__content text">Lorem ipsum various fintech solutions to our clients, reimaginign their lorem ipsum text here.</div>
<ul class="solution__tags">
<li class="solution__tag text-tiny">T1</li>
<li class="solution__tag text-tiny">Softrend</li>
<li class="solution__tag text-tiny">Radis</li>
<li class="solution__tag text-tiny">Kafo</li>
<li class="solution__tag text-tiny">Rentist</li>
</ul>
</a>
</div>
</div>
<div class="grid__col grid__col--sm-9 solutions__col--wide
solutions__col animation__target">
<div class="solution solution--wide solutions__item">
<a href="#" class="solution__link">
<figure class="image solution__image">
<img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%20216%22%3E%3C%2Fsvg%3E" data-srcset="//via.placeholder.com/360x216 360w, //via.placeholder.com/720x432 720w, //via.placeholder.com/1000x600 1000w, //via.placeholder.com/2000x1200 2000w, //via.placeholder.com/800x480 800w, //via.placeholder.com/1600x960 1600w, //via.placeholder.com/1200x720 1200w, //via.placeholder.com/2400x1440 2400w" data-sizes="auto" alt="" class="image__img lazyload">
</figure>
<h3 class="h3 solution__title">E-commerce & Retail</h3>
<div class="solution__content text">Lorem ipsum various fintech solutions to our clients, reimaginign their lorem ipsum text here.</div>
<ul class="solution__tags">
<li class="solution__tag text-tiny">T1</li>
<li class="solution__tag text-tiny">Softrend</li>
<li class="solution__tag text-tiny">Radis</li>
<li class="solution__tag text-tiny">Kafo</li>
<li class="solution__tag text-tiny">Rentist</li>
</ul>
</a>
</div>
</div>
<div class="grid__col grid__col--sm-6 solutions__col--tall
solutions__col animation__target">
<div class="solution solution--tall solutions__item">
<a href="#" class="solution__link">
<figure class="image solution__image">
<img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%20405%22%3E%3C%2Fsvg%3E" data-srcset="//via.placeholder.com/360x405 360w, //via.placeholder.com/720x810 720w, //via.placeholder.com/640x720 640w, //via.placeholder.com/1280x1440 1280w, //via.placeholder.com/840x945 840w, //via.placeholder.com/1680x1890 1680w" data-sizes="auto" alt="" class="image__img lazyload">
</figure>
<h3 class="h3 solution__title">E-commerce & Retail</h3>
<div class="solution__content text">Lorem ipsum various fintech solutions to our clients, reimaginign their lorem ipsum text here.</div>
<ul class="solution__tags">
<li class="solution__tag text-tiny">T1</li>
<li class="solution__tag text-tiny">Softrend</li>
<li class="solution__tag text-tiny">Radis</li>
<li class="solution__tag text-tiny">Kafo</li>
<li class="solution__tag text-tiny">Rentist</li>
</ul>
</a>
</div>
</div>
<div class="grid__col grid__col--sm-5
solutions__col animation__target">
<div class="solution solutions__item">
<a href="#" class="solution__link">
<figure class="image solution__image">
<img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%20270%22%3E%3C%2Fsvg%3E" data-srcset="//via.placeholder.com/360x270 360w, //via.placeholder.com/720x540 720w, //via.placeholder.com/672x504 672w, //via.placeholder.com/352x264 352w, //via.placeholder.com/704x528 704w" data-sizes="auto" alt="" class="image__img lazyload">
</figure>
<h3 class="h3 solution__title">E-commerce & Retail</h3>
<div class="solution__content text">Lorem ipsum various fintech solutions to our clients, reimaginign their lorem ipsum text here.</div>
<ul class="solution__tags">
<li class="solution__tag text-tiny">T1</li>
<li class="solution__tag text-tiny">Softrend</li>
<li class="solution__tag text-tiny">Radis</li>
<li class="solution__tag text-tiny">Kafo</li>
<li class="solution__tag text-tiny">Rentist</li>
</ul>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section--pt-large
section--pb-large
section--background-1 impossible-video" data-theme="dark">
<div class="section__inner h-container">
<div class="grid">
<div class="grid__col grid__col--xs-4 grid__col--sm-12 grid__col--md-11 grid__col--offset-md-1">
<div class="section__title animation__target">
<h2>This is totally impossible</h2>
</div>
<div class="section__content ">
<div class="video impossible-video__video">
<div class="video__inner">
<video class="video__video lazyload" preload="none" data-object-fit muted="" data-autoplay="" loop="" playsinline="" data-poster="https://placehold.it/1600x900">
<source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
</video>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section--mt-large
section--mb-large
columned-content">
<div class="section__inner ">
<div class="section__content ">
<div class="h-container">
<div class="grid">
<div class="grid__col grid__col--md-5 grid__col--lg-4 grid__col--offset-md-1">
<h2 class="columned-content__title h2 animation__target">Services</h2>
</div>
<div class="grid__col grid__col--md-6 grid__col--lg-7 text animation__target">
From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. We assist our clients to make the best use of the solutions we build with them.<br><br>We stand for modern technologies and great customer experience while keeping in mind to meet expectations on the business side.<br><br>We work hand-in-hand with a network of professionals starting from Machine Learning, Digital Marketing, Copywriting.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section--mt-large section--mb-large collaborations">
<div class="section__inner ">
<div class="section__content ">
<div class="h-container">
<div class="grid collaborations__inner">
<div class="grid__col grid__col--xs-4 grid__col--sm-11 grid__col--offset-sm-1">
<div class="h2 collaborations__title animation__target">Clients & Collaborations</div>
</div>
<div class="grid__col grid__col--sm-5 grid__col--md-3 grid__col--offset-sm-1 collaborations__col">
<div class="collaboration collaborations__single animation__target">
<figure class="image collaboration__logo">
<img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20440%20440%22%3E%3C%2Fsvg%3E" data-srcset="https://via.placeholder.com/220x69" data-sizes="auto" alt="" class="image__img lazyload">
</figure>
<div class="collaboration__title text-small">Public Services</div>
<div class="collaboration__content">Telia is the leading telecommunications provider in Scandinavia. From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. </div>
</div>
</div>
<div class="grid__col grid__col--sm-5 grid__col--md-3 grid__col--offset-sm-1 collaborations__col">
<div class="collaboration collaborations__single animation__target">
<figure class="image collaboration__logo">
<img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20440%20440%22%3E%3C%2Fsvg%3E" data-srcset="https://via.placeholder.com/220x69" data-sizes="auto" alt="" class="image__img lazyload">
</figure>
<div class="collaboration__title text-small">Public Services</div>
<div class="collaboration__content">Telia is the leading telecommunications provider in Scandinavia. From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. </div>
</div>
</div>
<div class="grid__col grid__col--sm-5 grid__col--md-3 grid__col--offset-sm-1 collaborations__col">
<div class="collaboration collaborations__single animation__target">
<figure class="image collaboration__logo">
<img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20440%20440%22%3E%3C%2Fsvg%3E" data-srcset="https://via.placeholder.com/220x69" data-sizes="auto" alt="" class="image__img lazyload">
</figure>
<div class="collaboration__title text-small">Public Services</div>
<div class="collaboration__content">Telia is the leading telecommunications provider in Scandinavia. From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. </div>
</div>
</div>
<div class="grid__col grid__col--sm-5 grid__col--md-3 grid__col--offset-sm-1 collaborations__col">
<div class="collaboration collaborations__single animation__target">
<figure class="image collaboration__logo">
<img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20440%20440%22%3E%3C%2Fsvg%3E" data-srcset="https://via.placeholder.com/220x69" data-sizes="auto" alt="" class="image__img lazyload">
</figure>
<div class="collaboration__title text-small">Public Services</div>
<div class="collaboration__content">Telia is the leading telecommunications provider in Scandinavia. From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. </div>
</div>
</div>
<div class="grid__col grid__col--sm-5 grid__col--md-3 grid__col--offset-sm-1 collaborations__col">
<div class="collaboration collaborations__single animation__target">
<figure class="image collaboration__logo">
<img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20440%20440%22%3E%3C%2Fsvg%3E" data-srcset="https://via.placeholder.com/220x69" data-sizes="auto" alt="" class="image__img lazyload">
</figure>
<div class="collaboration__title text-small">Public Services</div>
<div class="collaboration__content">Telia is the leading telecommunications provider in Scandinavia. From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. </div>
</div>
</div>
<div class="grid__col grid__col--sm-5 grid__col--md-3 grid__col--offset-sm-1 collaborations__col">
<div class="collaboration collaborations__single animation__target">
<figure class="image collaboration__logo">
<img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20440%20440%22%3E%3C%2Fsvg%3E" data-srcset="https://via.placeholder.com/220x69" data-sizes="auto" alt="" class="image__img lazyload">
</figure>
<div class="collaboration__title text-small">Public Services</div>
<div class="collaboration__content">Telia is the leading telecommunications provider in Scandinavia. From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. </div>
</div>
</div>
<div class="grid__col grid__col--sm-5 grid__col--md-3 grid__col--offset-sm-1 collaborations__col">
<div class="collaboration collaborations__single animation__target">
<figure class="image collaboration__logo">
<img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20440%20440%22%3E%3C%2Fsvg%3E" data-srcset="https://via.placeholder.com/220x69" data-sizes="auto" alt="" class="image__img lazyload">
</figure>
<div class="collaboration__title text-small">Public Services</div>
<div class="collaboration__content">Telia is the leading telecommunications provider in Scandinavia. From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section--mt-large section--mb-large gallery">
<div class="section__inner ">
<div class="section__content ">
<div class="h-container">
<div class="grid">
<div class="grid__col grid__col--xs-4 grid__col--sm-12 grid__col--md-11 grid__col--offset-md-1">
<h2 class="h2 gallery__title animation__target">Glalalery</h2>
</div>
</div>
</div>
<div class="gallery-slider">
<div class="gallery-slider__rail">
<div class="gallery-slider__rail-inner">
<div class="grid grid--no-vertical-gutter gallery-slider__grid animation__target">
<div class="grid__col grid__col--xs-3 grid__col--sm-5 grid__col--md-4 gallery-slider__grid-col">
<figure class="image image--fluid image--overlay gallery-slider__image">
<img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20530%20530%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/527x393" data-sizes="auto" alt="" class="image__img lazyload">
<span class="image__overlay"></span>
</figure>
</div>
<div class="grid__col grid__col--xs-3 grid__col--sm-5 grid__col--md-4 gallery-slider__grid-col">
<figure class="image image--fluid image--overlay gallery-slider__image">
<img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20530%20530%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/666x746" data-sizes="auto" alt="" class="image__img lazyload">
<span class="image__overlay"></span>
</figure>
</div>
<div class="grid__col grid__col--xs-3 grid__col--sm-5 grid__col--md-4 gallery-slider__grid-col">
<figure class="image image--fluid image--overlay gallery-slider__image">
<img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20530%20530%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/527x556" data-sizes="auto" alt="" class="image__img lazyload">
<span class="image__overlay"></span>
</figure>
</div>
<div class="grid__col grid__col--xs-3 grid__col--sm-5 grid__col--md-4 gallery-slider__grid-col">
<figure class="image image--fluid image--overlay gallery-slider__image">
<img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20530%20530%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/666x592" data-sizes="auto" alt="" class="image__img lazyload">
<span class="image__overlay"></span>
</figure>
</div>
<div class="grid__col grid__col--xs-3 grid__col--sm-5 grid__col--md-4 gallery-slider__grid-col">
<figure class="image image--fluid image--overlay gallery-slider__image">
<img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20530%20530%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/527x393" data-sizes="auto" alt="" class="image__img lazyload">
<span class="image__overlay"></span>
</figure>
</div>
<div class="grid__col grid__col--xs-3 grid__col--sm-5 grid__col--md-4 gallery-slider__grid-col">
<figure class="image image--fluid image--overlay gallery-slider__image">
<img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20530%20530%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/666x746" data-sizes="auto" alt="" class="image__img lazyload">
<span class="image__overlay"></span>
</figure>
</div>
</div>
</div>
</div>
</div>
<div class="gallery__description h-container">
<div class="grid">
<div class="grid__col grid__col--xs-4 grid__col--sm-12 grid__col--md-6 grid__col--offset-md-5 text animation__target">
<p>We started as a small group of digital enthusiasts and now we are a full-stack team of strategists, designers, developers. Inspired by turning old problems into modern solutions, we love to work with different sectors and collaborate with partners within our close network to deliver results, not just projects.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer" data-theme="dark">
<div class="footer__inner h-container">
<div class="grid">
<div class="grid__col grid__col--md-5 grid__col--lg-6">
<h3 class="footer__contacts-title h3">Get in touch</h3>
<div class="footer__contacts text text-small">
<p>Emajõe 1b,</p>
<p>Tartu, Estonia</p>
<p><a href="#">info@something.com</a></p>
</div>
</div>
<div class="grid__col grid__col--md-7 grid__col--lg-6">
<nav class="navigation navigation--footer footer__navigation">
<ul class="navigation__list navigation__list--parents">
<li class="navigation__item has-children navigation__item--divisible-by-3 ">
<svg class="icon navigation__arrow-icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#arrow-right-long-54"></use>
</svg>
<p class="navigation__link">
Index
</p>
<ul class="navigation__list navigation__list--children">
<li class="navigation__item ">
<a href="#" class="navigation__link">
Business transformation
</a>
<svg class="icon navigation__arrow-icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#tiny-arrow-right-long-24"></use>
</svg>
</li>
<li class="navigation__item ">
<a href="#" class="navigation__link">
Design & Innovation
</a>
<svg class="icon navigation__arrow-icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#tiny-arrow-right-long-24"></use>
</svg>
</li>
<li class="navigation__item ">
<a href="#" class="navigation__link">
Development
</a>
<svg class="icon navigation__arrow-icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#tiny-arrow-right-long-24"></use>
</svg>
</li>
<li class="navigation__item ">
<a href="#" class="navigation__link">
Maintenance
</a>
<svg class="icon navigation__arrow-icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#tiny-arrow-right-long-24"></use>
</svg>
</li>
</ul>
</li>
<li class="navigation__item has-children navigation__item--divisible-by-3 ">
<svg class="icon navigation__arrow-icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#arrow-right-long-54"></use>
</svg>
<p class="navigation__link">
Services
</p>
<ul class="navigation__list navigation__list--children">
<li class="navigation__item ">
<a href="#" class="navigation__link">
Business transformation
</a>
<svg class="icon navigation__arrow-icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#tiny-arrow-right-long-24"></use>
</svg>
</li>
<li class="navigation__item ">
<a href="#" class="navigation__link">
Design & Innovation
</a>
<svg class="icon navigation__arrow-icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#tiny-arrow-right-long-24"></use>
</svg>
</li>
<li class="navigation__item ">
<a href="#" class="navigation__link">
Development
</a>
<svg class="icon navigation__arrow-icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#tiny-arrow-right-long-24"></use>
</svg>
</li>
<li class="navigation__item ">
<a href="#" class="navigation__link">
Maintenance
</a>
<svg class="icon navigation__arrow-icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#tiny-arrow-right-long-24"></use>
</svg>
</li>
</ul>
</li>
<li class="navigation__item has-children navigation__item--divisible-by-3 ">
<svg class="icon navigation__arrow-icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#arrow-right-long-54"></use>
</svg>
<p class="navigation__link">
Industries
</p>
<ul class="navigation__list navigation__list--children">
<li class="navigation__item ">
<a href="#" class="navigation__link">
Business transformation
</a>
<svg class="icon navigation__arrow-icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#tiny-arrow-right-long-24"></use>
</svg>
</li>
<li class="navigation__item ">
<a href="#" class="navigation__link">
Design & Innovation
</a>
<svg class="icon navigation__arrow-icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#tiny-arrow-right-long-24"></use>
</svg>
</li>
<li class="navigation__item ">
<a href="#" class="navigation__link">
Development
</a>
<svg class="icon navigation__arrow-icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#tiny-arrow-right-long-24"></use>
</svg>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="footer__inner h-container">
<div class="cta footer__cta">
<div class="cta__container">
<h3 class="h2 cta__text">
Got a project you dream of realizing?
<a href="#" class="button button--text cta__button">
<span class="button__inner">
<span class="button__text">Get in touch</span>
</span>
</a>
<a href="#" class="cta__link"><svg class="icon cta__link-icon">
<use xlink:href="../../inc/svg/global.bc9cdd731ad718497c5d8f03d08908d4.svg#arrow-top-right-long-54"></use>
</svg>
<span class="cta__link-inner">Get in touch</span></a>
</h3>
</div>
</div>
</div>
<figure class="image footer__bg-image">
<img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20376%20282%22%3E%3C%2Fsvg%3E" data-srcset="//via.placeholder.com/360x270 360w, //via.placeholder.com/720x540 720w, //via.placeholder.com/672x504 672w, //via.placeholder.com/352x264 352w, //via.placeholder.com/704x528 704w" data-sizes="auto" alt="" class="image__img lazyload">
</figure>
</footer>
<div class="notification-list"></div>
{% extends '@view-dynamic' %}
{
"language": "en-US",
"data": {
"header": {
"logo": {
"link": "https://play.ee"
},
"navigation": {
"items": [
{
"link": "#",
"title": "Home",
"description": "Home is the place to be #staythefuckhome"
},
{
"link": "#",
"title": "Services",
"description": "Everything digital under one roof.",
"current": "true",
"children": [
{
"link": "#",
"title": "Business transformation"
},
{
"link": "#",
"title": "Design & Innovation"
},
{
"link": "#",
"title": "Development"
},
{
"link": "#",
"title": "Maintenance"
}
]
},
{
"link": "#",
"title": "Work",
"description": "Home is the place to be #staythefuckhome",
"children": [
{
"link": "#",
"title": "Business transformation"
},
{
"link": "#",
"title": "Design & Innovation"
},
{
"link": "#",
"title": "Development"
}
]
},
{
"link": "#",
"title": "About",
"description": "Home is the place to be #staythefuckhome"
},
{
"link": "#",
"title": "Contact",
"description": "Got a project you dream of realizing? Get in touch!"
}
]
},
"toggleLabel": "Toggle mobile menu",
"bgImage": true,
"contacts": [
{
"label": "Email",
"data": "contact@something.com",
"link": "mailto:contact@something.com"
},
{
"label": "Connect",
"data": "56565656",
"link": "tel:56565656"
}
]
},
"hero": {
"variants": "offset",
"title": "Digital-first powerhouse driving growth for businesses.",
"description": "<p>This is a joint venture of an outstanding development house <a href=\"#\" class=\"link\">gotoAndPlay</a> & design studio <a href=\"#\" class=\"link\">NOPE Creative</a>. Together we design & develop wide range of creative and strategic services.</p>",
"scroll": "Scroll",
"image": false,
"video": {
"autoplay": true,
"loop": true,
"data": {
"poster": "https://placehold.it/1600x900",
"videos": [
{
"type": "video/mp4",
"src": "http://techslides.com/demos/sample-videos/small.mp4"
}
]
}
}
},
"modules": [
{
"name": "image-1-1",
"data": {
"image": true
}
},
{
"name": "columned-content",
"data": {
"content": "From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. We assist our clients to make the best use of the solutions we build with them.<br><br>We stand for modern technologies and great customer experience while keeping in mind to meet expectations on the business side.<br><br>We work hand-in-hand with a network of professionals starting from Machine Learning, Digital Marketing, Copywriting.",
"title": "Services"
}
},
{
"name": "accordion-list",
"data": {
"accordion": {
"items": [
{
"id": "accordion-item-1",
"title": "Big mobile view multiline accordion item 1",
"content": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum quo voluptatum, accusantium exercitationem totam tempora error delectus libero commodi et. Similique vel exercitationem rerum distinctio itaque sunt voluptatibus enim sint."
},
{
"id": "accordion-item-2",
"title": "Accordion item 2",
"content": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum quo voluptatum, accusantium exercitationem totam tempora error delectus libero commodi et. Similique vel exercitationem rerum distinctio itaque sunt voluptatibus enim sint."
},
{
"id": "accordion-item-3",
"title": "Accordion item 3",
"content": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum quo voluptatum, accusantium exercitationem totam tempora error delectus libero commodi et. Similique vel exercitationem rerum distinctio itaque sunt voluptatibus enim sint."
}
]
}
}
},
{
"name": "solutions",
"data": {
"title": "Solutions",
"items": [
{
"type": "wide",
"image": true,
"title": "E-commerce & Retail",
"content": "Lorem ipsum various fintech solutions to our clients, reimaginign their lorem ipsum text here.",
"link": "#",
"tags": [
{
"title": "T1"
},
{
"title": "Softrend"
},
{
"title": "Radis"
},
{
"title": "Kafo"
},
{
"title": "Rentist"
}
]
},
{
"type": "default",
"image": true,
"title": "E-commerce & Retail",
"content": "Lorem ipsum various fintech solutions to our clients, reimaginign their lorem ipsum text here.",
"link": "#",
"tags": [
{
"title": "T1"
},
{
"title": "Softrend"
},
{
"title": "Radis"
},
{
"title": "Kafo"
},
{
"title": "Rentist"
}
]
},
{
"type": "tall",
"image": true,
"title": "E-commerce & Retail",
"content": "Lorem ipsum various fintech solutions to our clients, reimaginign their lorem ipsum text here.",
"link": "#",
"tags": [
{
"title": "T1"
},
{
"title": "Softrend"
},
{
"title": "Radis"
},
{
"title": "Kafo"
},
{
"title": "Rentist"
}
]
},
{
"type": "wide",
"image": true,
"title": "E-commerce & Retail",
"content": "Lorem ipsum various fintech solutions to our clients, reimaginign their lorem ipsum text here.",
"link": "#",
"tags": [
{
"title": "T1"
},
{
"title": "Softrend"
},
{
"title": "Radis"
},
{
"title": "Kafo"
},
{
"title": "Rentist"
}
]
},
{
"type": "tall",
"image": true,
"title": "E-commerce & Retail",
"content": "Lorem ipsum various fintech solutions to our clients, reimaginign their lorem ipsum text here.",
"link": "#",
"tags": [
{
"title": "T1"
},
{
"title": "Softrend"
},
{
"title": "Radis"
},
{
"title": "Kafo"
},
{
"title": "Rentist"
}
]
},
{
"type": "default",
"image": true,
"title": "E-commerce & Retail",
"content": "Lorem ipsum various fintech solutions to our clients, reimaginign their lorem ipsum text here.",
"link": "#",
"tags": [
{
"title": "T1"
},
{
"title": "Softrend"
},
{
"title": "Radis"
},
{
"title": "Kafo"
},
{
"title": "Rentist"
}
]
}
]
}
},
{
"name": "impossible-video",
"data": {
"title": "This is totally impossible",
"video": {
"poster": "https://placehold.it/1600x900",
"videos": [
{
"type": "video/mp4",
"src": "http://techslides.com/demos/sample-videos/small.mp4"
}
]
}
}
},
{
"name": "columned-content",
"data": {
"content": "From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. We assist our clients to make the best use of the solutions we build with them.<br><br>We stand for modern technologies and great customer experience while keeping in mind to meet expectations on the business side.<br><br>We work hand-in-hand with a network of professionals starting from Machine Learning, Digital Marketing, Copywriting.",
"title": "Services"
}
},
{
"name": "collaborations",
"data": {
"title": "Clients & Collaborations",
"items": [
{
"image": {
"srcset": "https://via.placeholder.com/220x69",
"sources": null
},
"title": "Public Services",
"content": "Telia is the leading telecommunications provider in Scandinavia. From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. "
},
{
"image": {
"srcset": "https://via.placeholder.com/220x69",
"sources": null
},
"title": "Public Services",
"content": "Telia is the leading telecommunications provider in Scandinavia. From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. "
},
{
"image": {
"srcset": "https://via.placeholder.com/220x69",
"sources": null
},
"title": "Public Services",
"content": "Telia is the leading telecommunications provider in Scandinavia. From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. "
},
{
"image": {
"srcset": "https://via.placeholder.com/220x69",
"sources": null
},
"title": "Public Services",
"content": "Telia is the leading telecommunications provider in Scandinavia. From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. "
},
{
"image": {
"srcset": "https://via.placeholder.com/220x69",
"sources": null
},
"title": "Public Services",
"content": "Telia is the leading telecommunications provider in Scandinavia. From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. "
},
{
"image": {
"srcset": "https://via.placeholder.com/220x69",
"sources": null
},
"title": "Public Services",
"content": "Telia is the leading telecommunications provider in Scandinavia. From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. "
},
{
"image": {
"srcset": "https://via.placeholder.com/220x69",
"sources": null
},
"title": "Public Services",
"content": "Telia is the leading telecommunications provider in Scandinavia. From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. "
}
]
}
},
{
"name": "gallery",
"data": {
"title": "Glalalery",
"description": "<p>We started as a small group of digital enthusiasts and now we are a full-stack team of strategists, designers, developers. Inspired by turning old problems into modern solutions, we love to work with different sectors and collaborate with partners within our close network to deliver results, not just projects.</p>",
"gallery": {
"items": [
{
"srcset": "//placehold.it/527x393",
"sources": null
},
{
"srcset": "//placehold.it/666x746",
"sources": null
},
{
"srcset": "//placehold.it/527x556",
"sources": null
},
{
"srcset": "//placehold.it/666x592",
"sources": null
},
{
"srcset": "//placehold.it/527x393",
"sources": null
},
{
"srcset": "//placehold.it/666x746",
"sources": null
}
]
}
}
}
],
"footer": {
"footerBgImage": true,
"footerContacts": {
"title": "Get in touch",
"content": "<p>Emajõe 1b,</p><p>Tartu, Estonia</p><p><a href=\"#\">info@something.com</a></p>"
},
"footerNavigation": {
"items": [
{
"title": "Index",
"children": [
{
"link": "#",
"title": "Business transformation"
},
{
"link": "#",
"title": "Design & Innovation"
},
{
"link": "#",
"title": "Development"
},
{
"link": "#",
"title": "Maintenance"
}
]
},
{
"title": "Services",
"children": [
{
"link": "#",
"title": "Business transformation"
},
{
"link": "#",
"title": "Design & Innovation"
},
{
"link": "#",
"title": "Development"
},
{
"link": "#",
"title": "Maintenance"
}
]
},
{
"title": "Industries",
"children": [
{
"link": "#",
"title": "Business transformation"
},
{
"link": "#",
"title": "Design & Innovation"
},
{
"link": "#",
"title": "Development"
}
]
}
]
},
"cta": {
"text": "Got a project you dream of realizing?",
"button": {
"text": "Get in touch",
"link": "#"
}
}
},
"notifications": [
{
"component": "BrowserNotification",
"data": {
"content": "You are using an outdated browser. Please upgrade your browser to improve your experience and security.",
"actions": [
{
"link": "https://google.com",
"text": "Learn more",
"attributes": "target=\"_blank\""
}
],
"button": {
"text": "OK"
}
}
},
{
"component": "CookieNotification",
"data": {
"content": "We use Cookies to improve your web experience. Read our <a href=\"#\"> cookie policy </a>",
"button": {
"text": "ACCEPT"
}
},
"sgShouldShow": true
}
],
"cursorPet": {
"viewLabel": "view",
"dragLabel": "drag",
"closeLabel": "close"
}
}
}