1<!DOCTYPE html><!-- Last Published: Sat Jul 12 2025 22:41:36 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="xmedia.webflow.io" data-wf-page="6235fe2b0ade69579b1da730" data-wf-site="617b3842d29ab3111fe3085b"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>About us</title><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="rKjZeg2gCIBYvVZZdpmSZWpqG6Y3oWGYCuIoSJimfhE" name="google-site-verification"/><link href="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/css/xmedia.webflow.shared.00d46dbb6.css" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({ google: { families: ["Varela Round:400","Exo:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Droid Sans:400,700","Oswald:200,300,400,500,600,700","Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic","Material Icons:regular"] }});</script>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/62377892aed628f32dcb7800_xMedia-32.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/62377895466ffd72a69e2d7f_xMedia-256.png" rel="apple-touch-icon"/><!-- Prevent iOS zoom on input fields --> 2<meta 3 name="viewport" 4 content="width=device-width, initial-scale=1, maximum-scale=1" 5/> 6 7 8<!--[if lt IE 9]> 9 <link rel="stylesheet" href="https://rawgit.com/codefucker/finalReject/master/reject/reject.css" media="all" /> 10
10<script type="text/javascript" src="https://rawgit.com/codefucker/finalReject/master/reject/reject.min.js"></script>
10 11<![endif]--> 12<style> 13.a-section .a-row.vert:nth-child(4) {margin-bottom:0vh;} 14.opisanie-object,.pokazatel{pointer-events:none;} 15.w-mod-js{overflow-y: hidden;} 16.start-html{overflow-y: scroll;} 17html {overflow-x: hidden;} 18a[href^=tel] {font-size: inherit;font-style: inherit;font-weight: inherit;color: inherit;} 19 ::-webkit-scrollbar-button {transition: 300ms !important; width:0px;height:0px;} 20 ::-webkit-scrollbar-thumb {-webkit-border-radius:0px; border-radius:0px;background:#be1d2c;} 21 ::-webkit-resizer {width:0px;height:0px;} 22 ::-webkit-scrollbar {width:0px;} 23.w-webflow-badge{display: none !important;} 24.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] .w--nav-menu-open{z-index: 3;} 25.start{overflow: unset;} 26.menu-links{-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0) scale(1.0, 1.0);transform: translate(0);} 27.menu-mama{transform: inherit; } 28.menu-links:after{width: 0%; height: 2px; position: white; left: 0; background: white;} 29.w-nav-link.w--current{color:#ffffff;} 30.a-indicatore,.a-in-roller.last,.a-loader{pointer-events: none;} 31.roller-in > .big-text{-webkit-text-stroke-width: 0.5px;-webkit-text-stroke-color: #b5b5b5;color: transparent !important;transform: translate3d(0px, 0px, 0px) translateZ(0px);will-change: transform;} 32.roller-in-2._2 > .big-text{-webkit-text-stroke-width: 0.5px;-webkit-text-stroke-color: #b5b5b5;color: transparent !important;transform: translate3d(0px, 0px, 0px) translateZ(0px);will-change: transform;} 33.roller-in > .big-text._2{-webkit-text-stroke-width: 0px;-webkit-text-stroke-color: black;color: #e31e25 !important;} 34.roller-in-2._2 > .big-text._2{-webkit-text-stroke-width: 0px;-webkit-text-stroke-color: black;color: #e31e25 !important;} 35.big-text > strong{-webkit-text-stroke-width: 0px;-webkit-text-stroke-color: black;color: #e31e25 !important;font-weight: 400;} 36.a-content{width: 100%;-webkit-perspective: 3000px;perspective: 3000px;-webkit-transform: perspective(0);transform: perspective(0);} 37.no-float {-webkit-text-stroke-width: 0.5px;-webkit-text-stroke-color: black;color: #f7f7f7 !important;} 38.red-round{-webkit-transform: translateZ(0);transform: translateZ(0);} 39.section-old.auto,.a-in-roller,.a-section,.a-row{-webkit-transform-style: preserve-3d;transform-style: preserve-3d;} 40.all-menu,.a-roller,.roller-in{will-change: transform;} 41.a-pokazateli._2,ul,.text-revers-big,.a-roller,.varible-text{-webkit-transform-style: preserve-3d;-webkit-transform: translateZ(0);transform: translateZ(0);} 42.opisanie-object{will-change: opacity;} 43.loader-cifra{-moz-background-clip: text;background-clip: text;-webkit-background-clip: text;text-fill-color: transparent;-webkit-text-fill-color: transparent;display: inline;outline: 1px solid #fbfbfb;border: 1px solid #fbfbfb !important;-moz-border-start: none;-moz-border-end: none;} 44.revers-txt{transform: rotate(-90deg) translateZ(0.5px);} 45.section-old.auto{transform: translateZ(0.5px);} 46.big-buk.no-float{-webkit-transform: translate3d(0,0,0) rotateX(-90deg) translateZ(0);-ms-transform:translate3d(0,0,0) rotateX(-90deg) translateZ(0);transform: translate3d(0,0,0) rotateX(-90deg) translateZ(0);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;} 47.a-in-roller:after{height: calc(100% + 1px);content: "";background: repeat;z-index: -1;background-image: url(https://cdn.prod.website-files.com/5db058b9fc8f795c40a4c573/5dcd084b05abdc2e314cb1e3_small-pattern.jpg);background-position: 50% 0px;background-size: 250px 20vh;position: absolute;left: 0%;top: 0%;right: 0%;bottom: 0%;} 48.samll{font-size: 19px;} 49.link-fast{font-size: 28px;} 50.a-loader{display: flex !Important;} 51.section-old.contacts{-webkit-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0) scale(1.0, 1.0);-webkit-perspective: none;perspective: none;-webkit-transform: none;transform: none;} 52 53html.w-mod-touch * .fon-loader-krest{background-attachment: fixed !important;} 54/* Safari*/ 55@media(max-width: 1920px){ 56@media not all and (min-resolution:.001dpcm) { 57.clients-block {flex: 0 33.333%;} 58#div6{padding-top:20vh} 59.a-row.lozungi.profit {margin-bottom: 0vh;} 60.red-bootom,.red-bootom-2{display:none;} 61.opisanie-object{-webkit-animation-duration: 0ms!important;-webkit-animation-timing-function: ease!important;-webkit-animation-fill-mode: none!important;transition: none !important;} 62.fon-loader-krest{min-width: 3000px !important;min-height: 3000px !important;background-attachment:fixed !important;} 63.tern-button{display: none;} 64.a-in-roller:after{display: none;} 65.a-in-roller {background-color: transparent;} 66.a-content{background: repeat;background-image: url(https://cdn.prod.website-files.com/5db058b9fc8f795c40a4c573/5dcd084b05abdc2e314cb1e3_small-pattern.jpg); 67background-position: 50% 0px;background-size: 250px 20vh;position: absolute;
67left: 0%;top: 0%;right: 0%;bottom: 0%; -webkit-perspective: none;perspective: none;-webkit-transform: none; 68transform: none;height: auto;bottom: auto;} 69.top-bottom{display: none;} 70.revers-txt{letter-spacing: 1.5vh;transform: rotate(-90deg) translateZ(0px);} 71.a-pokazateli {-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: start;} 72.a-in-roller.first{height: 140vh;} 73.a-pokazateli._2{width: 500px;height: auto;margin-bottom: 0vh;-webkit-box-align: start;-webkit-align-items: center;-ms-flex-align: center;align-items: start;} 74.a-pokazateli._2.dates{height: 0vh;width: 100%;} 75.varible-text.absolite{margin-top: 5px;position: static;width: 100%;} 76.section-old.contacts{position: absolute;left: 0%;top: auto;right: 0%;bottom: 0%;} 77.red-bootom-3,.red-bootom-2,.section-old.auto,.a-in-roller, .a-pokazateli._2, ul, .a-roller, .varible-text { 78will-change: inherit !important; 79-webkit-transform-style: none; 80-webkit-transform: none!important;; 81transform: none !important; 82-webkit-transform-style: inherit !important; 83transform-style: inherit !important;} 84.big-buk.no-float.next{display: none;} 85.big-buk.no-float{float: left;white-space: normal;line-height: 8vh;} 86.a-section.center{width: 100vw;overflow: hidden;} 87.a-content-rotate{transform: none !important;} 88.a-section.center{width: 100vw;overflow: hidden;-webkit-box-flex: 0;-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;flex: 0 0 auto;} 89.big-buk.no-float{transform: rotateX(0deg);-webkit-text-stroke-width: 0;-webkit-text-stroke-color: black;color: #c4c5c8 !important;} 90} 91} 92@media (max-width: 1200px){ 93.a-row.lozungi.profit{margin-bottom: 20vh;} 94} 95@media (max-width: 991px){ 96.clients-block {-webkit-flex-basis: 50%;-ms-flex-preferred-size: 50%;flex-basis: 50%;} 97.red-bootom-3,.red-bootom-2{display:none;} 98.opisanie-object {opacity: 1 !important;} 99#div6{width: 100vw;padding-top: 0vh} 100.a-content-rotate{transform: none !important;} 101.a-section.center{width: 100vw;overflow: hidden;} 102.big-buk.no-float {transform: rotateX(0deg);-webkit-text-stroke-width: 0;-webkit-text-stroke-color: black;color: #c4c5c8 !important;} 103.a-in-roller:after{ display: none;} 104.a-in-roller {background-color: transparent;} 105.a-content{background: repeat;background-image: url(https://cdn.prod.website-files.com/5db058b9fc8f795c40a4c573/5dcd084b05abdc2e314cb1e3_small-pattern.jpg);background-position: 50% 0px;background-size: 250px 20vh;position: absolute;left: 0%;top: 0%;right: 0%;bottom: 0%;-webkit-perspective: none;perspective: none;-webkit-transform: none;transform: none;height: auto;bottom: auto;} 106.top-bottom{display: none;} 107.revers-txt{letter-spacing: 1.5vh;transform: rotate(-90deg) translateZ(0px);} 108.a-pokazateli{-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: start;} 109.a-in-roller.first{height: 100vh;} 110.a-pokazateli._2{height: auto;} 111.a-pokazateli._2.dates{width: 100%;height: 20vh !important;} 112.varible-text.absolite{margin-top: 5px;position: static;width: 100%;} 113.section-old.contacts{position: relative;} 114.big-buk.no-float{float: left;white-space: normal;line-height: 120%;margin: 0px;} 115.a-section.center{width: 100vw;overflow: hidden;} 116.a-content-rotate{transform: none !important;} 117.a-section.center{width: 100vw;overflow: hidden;-webkit-box-flex: 0;-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;flex: 0 0 auto;} 118.a-pokazateli._2.dates>.big-buk.no-float{color: black !important;font-size: 80px;letter-spacing: 0vh;width: 50%;height: 20vh;line-height: 20vh;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;} 119html.w-mod-touch * > .a-content {background-attachment: fixed !important;} 120} 121 122@media (max-width: 767px){ 123.a-loader{display: none !Important;} 124} 125@media (max-width: 479px){ 126.a-row.lozungi.profit {margin-bottom: 0vh;} 127.a-loader{display: flex !Important;} 128.a-row.uslugi{margin-bottom: 0vh;} 129.big-buk.no-float { 130color: black !important; 131font-size: 30px; 132letter-spacing: 0vh; 133width: 100%;} 134.a-pokazateli._2.dates > .big-buk.no-float { 135color: black !important; 136font-size: 80px; 137letter-spacing: 0vh; 138width: 50%; 139height: 20vh; 140line-height: 20vh;
141-webkit-justify-content: center; 142-ms-flex-pack: center; 143justify-content: center;} 144.a-row.uslugi > .text-revers-big.cifra {width: 60px;} 145.a-in-roller.last::after {display: none;} 146.a-pokazateli._2 {width: 100%;} 147.a-loader{display: flex;} 148.a-content{background-attachment: fixed !important;background: repeat;background-image: url(https://cdn.prod.website-files.com/5db058b9fc8f795c40a4c573/5dcd084b05abdc2e314cb1e3_small-pattern.jpg);background-position: 50% 0px;background-size: 80% 20vh;} 149html.w-mod-touch * > .a-content {background-attachment: fixed !important;} 150.clients-block {flex: 0 50%;} 151#div2,#div02,#div04,#div4{padding-bottom: 10vh;} 152.a-section.horizontel{padding-top: 10vh;} 153} 154</style><style> 155.content { 156 isolation: isolate; 157} 158 159.content__img { 160 opacity: 0; 161 will-change: transform; 162} 163 164.content__img--full { 165 width: 100%; 166 height: 100%; 167 background-size: cover; 168} 169@media screen and (min-width: 53em) { 170 171 body { 172 overflow: hidden; 173 } 174 175 .content { 176 height: 100vh; 177 overflow: hidden; 178 } 179} 180 181</style> 182 183<style> 184html, body { 185 overflow-x: hidden; 186} 187body { 188 position: relative 189} 190</style> 191<style> 192@media screen and (max-width: 667px) { 193 body { 194 overflow-x: hidden !important; 195 } 196 .container { 197 max-width: 100% !important; 198 overflow-x: hidden !important; 199 } 200} 201</style> 202<style> 203 ::-moz-selection { /* Firefox */ 204 color:transparent;text-shadow:0px 0px 5px #000;font-size:50px; 205 } 206 207 ::selection { 208 color:transparent;text-shadow:0px 0px 5px #000;font-size:50px; 209 } 210</style> 211<style> 212 .no-scroll { 213 overflow: hidden; 214 } 215</style>
215<script type="text/javascript">window.__WEBFLOW_CURRENCY_SETTINGS = {"currencyCode":"USD","symbol":"$","decimal":".","fractionDigits":2,"group":",","template":"{{wf {\"path\":\"symbol\",\"type\":\"PlainText\"} }} {{wf {\"path\":\"amount\",\"type\":\"CommercePrice\"} }} {{wf {\"path\":\"currencyCode\",\"type\":\"PlainText\"} }}","hideDecimalForWholeNumbers":false};</script>
215</head><body class="body-2"><div class="use-portrait-mode w-container"><div class="portrait-mode-wrapper"><div class="portrait-lottie" data-w-id="9f33bca9-dc8a-ace3-8029-87eb3b33fb9f" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/62347550ba9cc0d7a7f248a1_portrait-web-development.json" data-loop="1" data-direction="-1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="3" data-duration="0" data-loading="eager"></div></div></div><div class="cursorr"><div data-w-id="fb793d3c-858c-794a-6c5a-630d64739c30" class="c-dot _1"></div></div><div id="luxy" class="main"><div class="c-nav"><div class="_w-nav"><div class="c-nav-content"><div class="c-nav-logo"><a href="/" class="c-nav-logo-link w-inline-block"><div class="x-logo-anim" data-w-id="fc92ca29-ca6b-ca57-525a-501d5c994ed4" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/620f42f1b8f3376061283523_X-white.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="2.6666666666666665" data-duration="0" data-loading="eager"></div><div data-w-id="fc92ca29-ca6b-ca57-525a-501d5c994ed5" class="media-logo-txt">MEDIA</div></a></div><div class="c-nav-items"><a href="/worx" class="link-block-10 w-inline-block"><h1 class="link-menu">worX</h1></a><a href="#" class="link-block-10 menu w-inline-block"><h1 class="link-menu">menu</h1></a><div class="cloneable-area"><div class="c-nav-menu-btn"><div data-w-id="f324a473-a0ef-e229-0fec-a8929d2c19ee" class="_w-nav-menu-btn"><div data-w-id="f324a473-a0ef-e229-0fec-a8929d2c19ef" class="b-nav-menu-btn default"><div data-w-id="f324a473-a0ef-e229-0fec-a8929d2c19f0" class="c-nav-menu-btn-icon"><div class="_w-nav-menu-btn-icon"><div class="nav-menu-btn-line long"></div><div class="nav-menu-btn-line short"></div><div class="nav-menu-btn-line long"></div></div></div></div><div data-w-id="f324a473-a0ef-e229-0fec-a8929d2c19f5" class="b-nav-menu-btn menu-opened"><div data-w-id="f324a473-a0ef-e229-0fec-a8929d2c19f6" class="c-nav-menu-btn-icon"><div class="_w-nav-menu-btn-icon menu-opened"><div class="nav-menu-btn-close-icon _1"></div><div class="nav-menu-btn-close-icon _2"></div></div></div></div></div></div><div class="c-nav-menu-overlay"><div class="c-nav-menu-content"><div class="nav-social-address head menu">menu</div><div class="c-col-menu-header"><div class="col-menu-header-text">Menu</div></div><nav class="c-col-menu-links"><div class="_w-col-menu-links"><div class="c-menu-item"><a href="/" class="c-menu-item-link _2 w-inline-block"><div class="_w-menu-item-link"><div class="c-menu-item-number"><div class="menu-item-number">01</div></div><div class="c-menu-item-text"><div class="menu-item-text">Home</div></div></div></a></div><div class="c-menu-item"><a href="/worx" class="c-menu-item-link _2 w-inline-block"><div class="_w-menu-item-link"><div class="c-menu-item-number"><div class="menu-item-number">
21502</div></div><div class="c-menu-item-text"><div class="menu-item-text">worX</div></div></div></a></div><div class="c-menu-item hidden"><a href="#" class="c-menu-item-link _2-copy w-inline-block"><div class="_w-menu-item-link"><div class="c-menu-item-number"><div class="menu-item-number">03</div></div><div class="c-menu-item-text"><div class="menu-item-text">Case Studies</div></div></div></a></div><div class="c-menu-item"><a href="/expertise" class="c-menu-item-link _3 w-inline-block"><div class="_w-menu-item-link"><div class="c-menu-item-number"><div class="menu-item-number">03</div></div><div class="c-menu-item-text"><div class="menu-item-text">Expertise</div></div></div></a></div><div class="c-menu-item"><a href="/about-us" aria-current="page" class="c-menu-item-link _4 w-inline-block w--current"><div class="_w-menu-item-link"><div class="c-menu-item-number"><div class="menu-item-number">04</div></div><div class="c-menu-item-text"><div class="menu-item-text">About</div></div></div></a></div><div class="c-menu-item"><a href="/contact" class="c-menu-item-link _5 w-inline-block"><div class="_w-menu-item-link"><div class="c-menu-item-number"><div class="menu-item-number">05</div></div><div class="c-menu-item-text"><div class="menu-item-text contact">Contact</div></div></div></a></div></div></nav><div class="c-col-menu-social"><div class="_w-col-menu-social"><div class="c-nav-social-address"><div class="nav-social-address head r">Get in touch</div><div class="nav-social-address head">Latvia</div><div class="nav-social-address">Turaidas 110, Jurmala, LV2015,</div></div><div class="c-nav-social-contact-item"><div class="div-block-196 t"><a data-w-id="f324a473-a0ef-e229-0fec-a8929d2c1a44" href="/contact" class="text-contact menu w-inline-block"><h1 class="heading-5 menu">contact form</h1><div class="div-block-222"><div class="new-div menu"></div><div class="new-div-2 menu"></div></div></a><a data-w-id="f324a473-a0ef-e229-0fec-a8929d2c1a4a" href="/privacy-policy" class="link-block-6 w-inline-block"><div class="text-block-12 menu">Privacy Policy</div></a></div></div><div class="c-nav-social-media"><div class="nav-social-address head">Social</div><div class="_w-nav-social-media"><a data-w-id="f324a473-a0ef-e229-0fec-a8929d2c1a51" href="https://www.instagram.com/ixi.lv" class="link-f1 w-inline-block"><div data-w-id="f324a473-a0ef-e229-0fec-a8929d2c1a52" class="div-hover"><div class="div-magnetico"><div class="div-mascara"><div class="caja-de-texto"><div class="inicio-whit menu">Instagram</div></div><div class="caja-de-texto"><div class="inicio-white menu">Instagram</div></div></div></div></div></a><a data-w-id="f324a473-a0ef-e229-0fec-a8929d2c1a5b" href="https://www.facebook.com/ixi.lv" class="link-f1 w-inline-block"><div data-w-id="f324a473-a0ef-e229-0fec-a8929d2c1a5c" class="div-hover"><div class="div-magnetico"><div class="div-mascara"><div class="caja-de-texto"><div class="inicio-whit menu">Facebook</div></div><div class="caja-de-texto"><div class="inicio-white menu">Facebook</div></div></div></div></div></a></div><div class="w-layout-grid grid-2 menu"><img src="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/617b3843d29ab32c36e30912_003-linkedin.svg" loading="lazy" width="20" id="w-node-f324a473-a0ef-e229-0fec-a8929d2c1a66-9d2c19e0" alt="" class="image-9"/><img src="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/617b3843d29ab37dc6e30911_002-facebook.svg" loading="lazy" width="20" id="w-node-f324a473-a0ef-e229-0fec-a8929d2c1a67-9d2c19e0" alt="" class="image-9"/></div></div></div></div></div><div class="c-nav-menu-overlay-bg"><div class="nav-menu-overlay-bg"></div></div></div></div></div></div></div></div><div class="sectiune-cheie"><div class="container-1"><div class="fade-up tricks">Hello</div></div><div class="despre-introo"><div data-w-id="02f146cb-ec53-f4b3-c6e1-297da272529d" style="opacity:0" class="subtitlu-sectiune">/ ABOUT US</div><h1 data-w-id="02f146cb-ec53-f4b3-c6e1-297da272529f" style="opacity:0" class="despre-text">We are X, We create<br/></h1><h1 data-w-id="02f146cb-ec53-f4b3-c6e1-297da27252a6" style="opacity:0" class="despre-text mobile">memorable Campaigns</h1><h1 data-w-id="02f146cb-ec53-f4b3-c6e1-297da27252b0" style="opacity:0" class="despre-text">& remarkable Brands.</h1><div class="div-buton"><div data-w-id="02f146cb-ec53-f4b3-c6e1-297da27252b4" class="lottie-animation-2" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/5fc2b032b4c9496e56401701/5fce3180c5248e217c2e9c7f_lottie.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="5.016666666666667" data-duration="5.016666666666667" data-loading="eager"></div><div data-w-id="02f146cb-ec53-f4b3-c6e1-297da27252b5" style="opacity:0" class="text-block-16">SCROLL</div></div></div><div class="div-block-202"><a href="#" class="link-block-7 w-inline-block"><div data-poster-url="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/6204c4a624a22e0a08d442d7_about-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/6204c4a624a22e0a08d442d7_about-transcode.mp4,https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/6204c4a624a22e0a08d442d7_about-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" class="image-3 w-background-video w-background-video-atom">
215<video id="Background Video Wrapper-video" autoplay="" loop="" style="background-image:url("https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/6204c4a624a22e0a08d442d7_about-poster-00001.jpg")" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/6204c4a624a22e0a08d442d7_about-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/6204c4a624a22e0a08d442d7_about-transcode.webm" data-wf-ignore="true"/></video></div><div data-w-id="02f146cb-ec53-f4b3-c6e1-297da27252ba" class="overlay"></div><div data-w-id="02f146cb-ec53-f4b3-c6e1-297da27252bb" class="overlay"></div></a></div></div><div class="sectiune-cheie _2"><div class="text-mijloc"><div class="text">X Media aims to support entrepreneurs who want to have visible results for their business <span class="text-span">&</span> discover new and creative ways to do so, using all online marketing tools <span class="text-span-2">(</span>from visual identity, app & website creation and promotional campaigns<span class="text-span-3">)</span>, to give a voice to their brand and communicate effectively messages to the target audience.<br/></div><a href="/" class="c-nav-logo-link-copy w-inline-block"><div class="x-logo-anim" data-w-id="89ec082c-c90a-6a8c-624b-0ee8e4ab58f6" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/620f42f1b8f3376061283523_X-white.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="2.6666666666666665" data-duration="0" data-loading="eager"></div><div class="media-logo-txt-copy">MEDIA</div></a></div></div><div class="sectiune-cheie home2"><div class="wrapper-3 home1"><div class="div-block-227"><div class="subtitlu-sectiune home1">/ INDUSTRYÂ RECOGNITION</div><h1 class="despre-text home2">Trusted by over 100 international businesses from 30 different <br/>Niches</h1></div></div></div><div class="sectiune-cheie _3"><div class="div-block-205"><a data-w-id="02f146cb-ec53-f4b3-c6e1-297da27252c4" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1.05, 1.05, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1.05, 1.05, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1.05, 1.05, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1.05, 1.05, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;display:none" href="#" class="link-block-8 w-inline-block"></a></div><div class="text-mijloc _1"><div class="text">Because we like to be in constant contact with our customers, learning about their business or helping them overcome certain challenges, we offer 24/7 support throughout the contract period.<br/></div><div class="text-mijloc div-block-219 about-us"><div class="text buton">What we do</div><div data-w-id="6a11163c-f418-fd4f-5909-54cac05e1c00" class="magnetic-buton"><a data-w-id="Link Block 2" href="/expertise" class="link-buton w-inline-block"><div class="cerc-sageata"><img src="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/617b3843d29ab31ac1e308f3_right-arrow.svg" loading="lazy" width="19" alt="" class="image-6"/><div style="display:none" class="imagine-alba"></div></div></a></div></div></div></div><div class="section1 hero"><div class="wrapperr"><div class="content"><img src="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/617b3843d29ab314ffe30961_6.jpg" sizes="(max-width: 767px) 100vw, 300px" srcset="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/617b3843d29ab314ffe30961_6-p-500.jpeg 500w, https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/617b3843d29ab314ffe30961_6.jpg 800w" alt="" class="content__img"/><img src="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/617b3843d29ab3a55ae30960_7.jpg" sizes="(max-width: 767px) 100vw, 300px" srcset="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/617b3843d29ab3a55ae30960_7-p-500.jpeg 500w, https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/617b3843d29ab3a55ae30960_7.jpg 800w" alt="" class="content__img"/>
215<img src="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/617b3843d29ab34200e3095c_2.jpg" sizes="(max-width: 767px) 100vw, 300px" srcset="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/617b3843d29ab34200e3095c_2-p-500.jpeg 500w, https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/617b3843d29ab34200e3095c_2.jpg 800w" alt="" class="content__img"/><img src="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/617b3843d29ab3666de3095f_3.jpg" sizes="(max-width: 767px) 100vw, 300px" srcset="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/617b3843d29ab3666de3095f_3-p-500.jpeg 500w, https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/617b3843d29ab3666de3095f_3.jpg 800w" alt="" class="content__img"/><img src="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/617b3843d29ab39b2ee3095e_1.jpg" sizes="(max-width: 767px) 100vw, 300px" srcset="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/617b3843d29ab39b2ee3095e_1-p-500.jpeg 500w, https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/617b3843d29ab39b2ee3095e_1.jpg 800w" alt="" class="content__img"/><img src="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/617b3843d29ab31768e3095d_5.jpg" sizes="(max-width: 767px) 100vw, 300px" srcset="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/617b3843d29ab31768e3095d_5-p-500.jpeg 500w, https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/617b3843d29ab31768e3095d_5.jpg 800w" alt="" class="content__img"/><img src="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/617b3843d29ab37743e30959_4.jpg" sizes="(max-width: 767px) 100vw, 300px" srcset="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/617b3843d29ab37743e30959_4-p-500.jpeg 500w, https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/617b3843d29ab37743e30959_4.jpg 800w" alt="" class="content__img"/><div class="despre-introo trail"><div class="subtitlu-sectiune">/ BRANDS</div><h1 class="despre-text trail">We help businesses<br/>all around the world<br/>to grow.</h1></div><div class="block-brands---desktop"><div class="text-mijloc _3"><div class="text buton">View our services</div><div data-w-id="02f146cb-ec53-f4b3-c6e1-297da2725303" class="magnetic-buton"><a href="/expertise" class="link-buton w-inline-block"><div class="cerc-sageata"><div class="text buton sageata">â</div><div style="display:none" class="imagine-alba"></div></div></a></div></div></div></div></div></div><div class="blog-2"><div class="container blog"><div class="dreapta"><div class="subtitlu-sectiune home4">/ WHYÂ US?</div><div data-w-id="70ceed20-cd69-271d-4b7a-939923529f30" class="articol-3"><div class="div-block-19"><div class="div-block-20"><div class="nr-articol"><div class="text-block-7">/ 1</div></div><div class="text-block-10">We never <br/>compromise<br/>on quality </div></div><div class="div-block-23"><div class="text-block-8">We donât want our brand associated with anything that isnât of the highest quality. We make quality things, we give quality advice and we only hire quality people.<br/></div><div class="text-block-9">/ PASIONÂ FORÂ QUALITY</div></div><div class="div-block-24"><div style="opacity:0.15" class="text-block-6">+</div></div></div><div style="opacity:0.15" class="div-block-233"></div></div><div data-w-id="70ceed20-cd69-271d-4b7a-939923529f46" class="articol-3"><div class="div-block-19"><div class="div-block-20"><div class="nr-articol"><div class="text-block-7">/ 2</div></div><div class="text-block-10">The experience and<br/>performance is<br/>everything</div></div><div class="div-block-23"><div class="text-block-8">Our focus has always been to create intuitive and remarkable experiences for people. The experiences we craft are what we truly value and itâs what sets us apart from everyone else.<br/></div><div class="text-block-9">/ EXPERIENCEÂ &Â PERFORMANCE</div></div><div class="div-block-24"><div style="opacity:0.15" class="text-block-6">+</div></div></div><div style="opacity:0.15" class="div-block-233"></div></div><div data-w-id="70ceed20-cd69-271d-4b7a-939923529f5c" class="articol-3"><div class="div-block-19"><div class="div-block-20"><div class="nr-articol"><div class="text-block-7">/ 3<br/>â</div></div><div class="text-block-10">Do things once <br/>and do them <br/>right</div></div><div class="div-block-23"><div class="text-block-8">We donât do anything by halves. We only do things the right way with care, know-how and effort. Corners are an important part of any journey and we donât cut them, ever.<br/></div><div class="text-block-9">/ TRANSPARENCE</div></div><div class="div-block-24"><div style="opacity:0.15" class="text-block-6">+</div></div></div><div style="opacity:0.15" class="div-block-233"></div></div></div><div class="div-block-231"><div class="text-mijloc _2 div-block-219"><div class="text buton">Work with us</div><div data-w-id="70ceed20-cd69-271d-4b7a-939923529f78" class="magnetic-buton"><a href="/contact" class="link-buton w-inline-block"><div class="cerc-sageata"><img src="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/617b3843d29ab31ac1e308f3_right-arrow.svg" loading="lazy" width="19" alt="" class="image-6"/><div class="imagine-alba"></div></div></a></div></div></div></div></div><div class="footer-3 section-12"><div class="footer-container"><div class="div-block-211"><h1 class="heading-2">Have an idea?<br/></h1><div><a data-w-id="a20155fd-b7e6-ddeb-bd56-58523f2f638e" href="/contact" class="link-block-5 w-inline-block"><h1 class="heading-2 _1">Tell us about it<br/></h1></a><div class="div-block-25"></div></div></div></div><div class="div-block-200"><div class="div-block-196"><div class="text-block-11">Turaidas 110<br/>Jurmala, LV2015, Latvia</div><a data-w-id="a20155fd-b7e6-ddeb-bd56-58523f2f639f" href="/privacy-policy" class="link-block-6
215w-inline-block"><div class="text-block-12">Privacy Policy</div><div class="div-block-220"><div class="div-block-221"></div><div class="div-block-198"></div></div></a></div><div class="socials-footer"><div class="w-layout-grid grid-3"><a data-w-id="a20155fd-b7e6-ddeb-bd56-58523f2f63a7" href="https://www.facebook.com/ixi.lv" target="_blank" class="link-f1 w-inline-block"><div data-w-id="a20155fd-b7e6-ddeb-bd56-58523f2f63a8" class="div-hover"><div class="div-magnetico"><div class="div-mascara"><div class="caja-de-texto"><div class="inicio-whit">Facebook</div></div><div class="caja-de-texto"><div class="inicio-white">Facebook</div></div></div></div></div></a><a data-w-id="a20155fd-b7e6-ddeb-bd56-58523f2f63b1" href="https://www.instagram.com/ixi.lv" target="_blank" class="link-f1 w-inline-block"><div data-w-id="a20155fd-b7e6-ddeb-bd56-58523f2f63b2" class="div-hover"><div class="div-magnetico"><div class="div-mascara"><div class="caja-de-texto"><div class="inicio-whit">Instagram</div></div><div class="caja-de-texto"><div class="inicio-white">Instagram</div></div></div></div></div></a></div></div><div class="w-layout-grid grid-2"><a id="w-node-a20155fd-b7e6-ddeb-bd56-58523f2f63bc-3f2f6387" href="https://www.facebook.com/" target="_blank" class="link-footer-mobile w-inline-block"><div class="social-lottie" data-w-id="a49c65e0-14c8-ed5f-02d6-fcecd4ae766d" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/6217245b4af59821695fb2b7_facebook-white.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="1.9166666666666667" data-duration="0" data-loading="eager"></div></a><a id="w-node-a20155fd-b7e6-ddeb-bd56-58523f2f63be-3f2f6387" href="https://www.instagram.com/" target="_blank" class="w-inline-block"><div class="social-lottie" data-w-id="f509889f-ba69-02af-eff7-5453507f9abc" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/6217245c827f378a8aae0bad_instagram-white.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="1.1833333333333333" data-duration="0" data-loading="eager"></div></a></div></div></div></div><div class="w-embed"><style> 216body:hover .cursorr {opacity:1.0;} 217.cursorr {pointer-events: none;} 218</style> 219<style> 220.cursorr 221{mix-blend-mode: difference;} 222</style></div><div class="w-embed w-script">
222<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"> 223</script>
vendor: 1 bytes, line 223
223
224<script> 225var cookieName4 = 'modalClosed4'; 226if(typeof Cookies.get(cookieName4) !== 'undefined') { 227$('#modal4').remove(); 228} 229$('#close-modal4').on('click', function(){ 230Cookies.set(cookieName4, 'ok', { expires: 7 }); 231}) 232</script>
232</div><div id="modal4" data-w-id="95449db3-f9da-0de6-edf8-a54af815f520" class="right-floating-cookie"><div class="cookie-content mobile-vertical"><div data-w-id="95449db3-f9da-0de6-edf8-a54af815f522" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/6242f81415992d814618667d_cookies-web-development.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="2.566666666666667" data-duration="0" data-loading="eager"></div><div><h5 class="margin-15 white-text">Cookie Policy</h5><p class="white-text">We care about your data, and we'd use cookies only to improve your experience. By using this website, you accept our cookie policy. <a href="/privacy-policy" class="learn-more-span">Learn More</a></p><p class="white-text mobile">By using this website, you accept our cookie policy. <a href="/privacy-policy" class="learn-more-span">Learn More</a></p><div class="button-wrapper"><a id="close-modal4" data-w-id="95449db3-f9da-0de6-edf8-a54af815f530" href="#" class="cookie-button-blue w-button">Accept</a></div></div></div></div>
232<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=617b3842d29ab3111fe3085b" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
232<script src="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/js/webflow.schunk.6d83011aa4f34449.js" type="text/javascript"></script>
232<script src="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/js/webflow.schunk.7903879caeedeb34.js" type="text/javascript"></script>
232<script src="https://cdn.prod.website-files.com/617b3842d29ab3111fe3085b/js/webflow.efbe5954.7079fd23bae65980.js" type="text/javascript"></script>
232<script> 233$(document).ready(function () { 234$(window).scrollTop(0); 235 var windowWidth = window.innerWidth; 236 var i = 1; 237 setInterval(function () { 238 if (i <= 100) { 239 $('.loader-cifra').html(i).css({ 240 'background-position-y': "".concat(i, "%") 241 }); 242 windowWidth >= 991 243 ? $('.fon-loader-krest').css({ 244 'width': "".concat(i, "vw"), 245 'height': "".concat(i, "vw") 246 }) : $('.fon-loader-krest').css({ 247 'width': "".concat(i, "vh"), 248 'height': "".concat(i, "vh") 249 }); 250 i = i + 1; 251 } 252 253 if (i == 100) { 254 255 setTimeout(function () { 256 $('.a-body').addClass("start"); 257 $('.w-mod-js').addClass("start-html"); 258 $('.loader-line').velocity({ 259 height: '0px' 260 }, { 261 duration: 0, 262 loop: false, 263 easing: 'linear' 264 }); 265 $('.opisanie-object').velocity({ 266 opacity: '0' 267 }, { 268 duration: 0, 269 loop: false, 270 easing: 'linear' 271 }); 272 }, 0); 273 setTimeout(function () { 274 $('.fast-links').velocity({ 275 opacity: '1' 276 }, { 277 duration: 0, 278 loop: false, 279 easing: 'linear' 280 }); 281 }, 0); 282 setTimeout(function () { 283 $('.a-loader').remove(); 284 }, 0); 285 } 286 }, 0); 287}); 288</script>
288 289
290<script> 291$('.circle-in').velocity({ 292 rotateZ: '360deg' 293},{ 294 duration:0, 295 loop:true, 296 easing:'linear' 297}); 298 299$('.aa').velocity({ 300 rotateX: '-60deg' 301},{ 302 duration:0, 303 loop:false, 304 easing:'linear' 305}); 306 307 308var oldWidth = window.innerWidth; 309var oldHeight = window.innerHeight; 310 311window.onresize = function () { 312 var newWidth = window.innerWidth; 313 var newHeight = window.innerHeight; 314 315 if (newWidth != oldWidth) { 316 history.go(0); 317 window.location.href = "/"; 318 } 319 320 if (window.innerWidth > 991) { 321 if (Math.abs(oldHeight - newHeight) >= 150) { 322 console.log(Math.abs(oldHeight - newHeight)); 323 history.go(0); 324 window.location.href = "/"; 325 } 326 } 327 if (window.innerWidth < 479) { 328 if (Math.abs(oldHeight - newHeight) >= 300) { 329 console.log(Math.abs(oldHeight - newHeight)); 330 history.go(0); 331 window.location.href = "/"; 332 } 333 } 334}; 335</script>
335 336 337
338<script> 339$('.circle-in').velocity({ 340 rotateZ: '360deg' 341},{ 342 duration:0, 343 loop:true, 344 easing:'linear' 345}); 346 347$('.aa').velocity({ 348 rotateX: '-60deg' 349},{ 350 duration:0, 351 loop:false, 352 easing:'linear' 353}); 354 355 356var oldWidth = window.innerWidth; 357var oldHeight = window.innerHeight; 358 359window.onresize = function () { 360 var newWidth = window.innerWidth; 361 var newHeight = window.innerHeight; 362 363 if (newWidth != oldWidth) { 364 history.go(0); 365 window.location.href = "/"; 366 } 367 368 if (window.innerWidth > 991) { 369 if (Math.abs(oldHeight - newHeight) >= 150) { 370 console.log(Math.abs(oldHeight - newHeight)); 371 history.go(0); 372 window.location.href = "/"; 373 } 374 } 375 if (window.innerWidth < 479) { 376 if (Math.abs(oldHeight - newHeight) >= 300) { 377 console.log(Math.abs(oldHeight - newHeight)); 378 history.go(0); 379 window.location.href = "/"; 380 } 381 } 382}; 383</script>
383<style>.letter {display: inline-block; line-height: 1em;} .tricksword {white-space: nowrap;}</style>
384<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>
vendor: 1 bytes, line 384
384
385<script src="https://cdnjs.cloudflare.com/ajax/libs/protonet-jquery.inview/1.1.2/jquery.inview.min.js"></script>
385 386
387<script> 388 389// Copyright start 390// © Code by T.RICKS, https://www.tricksdesign.com/ 391// You have the license to use this code in your projects but not redistribute it to others 392 393// Find all text with .tricks class and break each letter into a span 394var tricksWord = document.getElementsByClassName("tricks"); 395for (var i = 0; i < tricksWord.length; i++) { 396 397var wordWrap = tricksWord.item(i); 398wordWrap.innerHTML = wordWrap.innerHTML.replace(/(^|<\/?[^>]+>|\s+)([^\s<]+)/g, '$1<span class="tricksword">$2</span>'); 399 400} 401 402var tricksLetter = document.getElementsByClassName("tricksword"); 403for (var i = 0; i < tricksLetter.length; i++) { 404 405 var letterWrap = tricksLetter.item(i); 406 letterWrap.innerHTML = letterWrap.textContent.replace(/\S/g, "<span class='letter'>$&</span>"); 407 408} 409// Copyright end 410 411// Slide In Animation 412var slideIn = anime.timeline({ 413 loop: false, 414 autoplay: false, 415}); 416 417slideIn 418 .add({ 419 targets: '.slide-in .letter', 420 opacity: [0,1], 421 easing: "easeInOutQuad", 422 duration: 2250, 423 delay: (el, i) => 150 * (i+1) 424 }).add({ 425 targets: '.slide-in', 426 opacity: 0, 427 duration: 1000, 428 easing: "easeOutExpo", 429 delay: 1000 430 }); 431 432 433// Slide Up Animation 434var slideUp = anime.timeline({ 435 loop: false, 436 autoplay: false, 437}); 438 439slideUp 440 .add({ 441 targets: '.slide-up .letter', 442 translateY: ["1.1em", 0], 443 opacity: [0,1], 444 translateZ: 0, 445 duration: 750, 446 delay: (el, i) => 50 * i 447 }).add({ 448 targets: '.slide-up', 449 opacity: 0, 450 duration: 1000, 451 easing: "easeOutExpo", 452 delay: 1000 453 }); 454 455 456// Fade Up Animation 457var fadeUp = anime.timeline({ 458 loop: false, 459 autoplay: false, 460}); 461 462fadeUp 463 .add({ 464 targets: '.fade-up .letter', 465 translateY: [100,0], 466 translateZ: 0, 467 opacity: [0,1], 468 easing: "easeOutExpo", 469 duration: 1400, 470 delay: (el, i) => 300 + 30 * i 471 }).add({ 472 targets: '.fade-up .letter', 473 translateY: [0,-100], 474 opacity: [1,0], 475 easing: "easeInExpo", 476 duration: 1200, 477 delay: (el, i) => 100 + 30 * i 478 }); 479 480// Play your animation with these 481fadeUp.play(); 482slideUp.play(); 483slideIn.play(); 484rotateIn.play(); 485popIn.play(); 486 487// Wait before playing animation 488setTimeout(() => { 489 // Put the play below this line 490}, 800); 491 492// Play animaton when something is clicked 493$( ".your-button-class" ).click(function() { 494 // Put the play below this line 495}); 496 497// Play animaton when hovered in 498$( ".your-button-class" ).mouseenter(function() { 499 // Put the play below this line 500}); 501 502// Play animation when scrolled into view 503$('.#heading-container').on('inview', function(event, isInView) { 504 if (isInView) { 505 // Put the play below this line 506 } else { 507 } 508}); 509 510</script>
vendor: 1 bytes, line 510
510
511<script type="text/javascript" src="https://cdn.prod.website-files.com/5fc2b032b4c9496e56401701/5fcf9a46cff6f7c8fe90feaf_5fcf995e88e6d82506695d6b_imagesloaded.pkgd.min.js.txt"></script>
vendor: 1 bytes, line 511
511
512<script type="text/javascript" src="https://cdn.prod.website-files.com/5fc2b032b4c9496e56401701/5fcf9a4a089b54682ad6a116_5fcf995e88e6d87d0a695d6c_TweenMax.min.js.txt"></script>
vendor: 1 bytes, line 512
512
513<script> 514{ 515 // body element 516 const body = document.body; 517 518 // helper functions 519 const MathUtils = { 520 // linear interpolation 521 lerp: (a, b, n) => (1 - n) * a + n * b, 522 // distance between two points 523 distance: (x1,y1,x2,y2) => Math.hypot(x2-x1, y2-y1) 524 } 525 526 // get the mouse position 527 const getMousePos = (ev) => { 528 let posx = 0; 529 let posy = 0; 530 if (!ev) ev = window.event; 531 if (ev.pageX || ev.pageY) { 532 posx = ev.pageX; 533 posy = ev.pageY; 534 } 535 else if (ev.clientX || ev.clientY) { 536 posx = ev.clientX + body.scrollLeft + docEl.scrollLeft; 537 posy = ev.clientY + body.scrollTop + docEl.scrollTop; 538 } 539 return {x: posx, y: posy}; 540 } 541 542 // mousePos: current mouse position 543 // cacheMousePos: previous mouse position 544 // lastMousePos: last last recorded mouse position (at the time the last image was shown) 545 let mousePos = lastMousePos = cacheMousePos = {x: 0, y: 0}; 546 547 // update the mouse position 548 window.addEventListener('mousemove', ev => mousePos = getMousePos(ev)); 549 550 // gets the distance from the current mouse position to the last recorded mouse position 551 const getMouseDistance = () => MathUtils.distance(mousePos.x,mousePos.y,lastMousePos.x,lastMousePos.y); 552 553 class Image { 554 constructor(el) { 555 this.DOM = {el: el}; 556 // image deafult styles 557 this.defaultStyle = { 558 scale: 1, 559 x: 0, 560 y: 0, 561 opacity: 0 562 }; 563 // get sizes/position 564 this.getRect(); 565 // init/bind events 566 this.initEvents(); 567 } 568 initEvents() { 569 // on resize get updated sizes/position 570 window.addEventListener('resize', () => this.resize()); 571 } 572 resize() { 573 // reset styles 574 TweenMax.set(this.DOM.el, this.defaultStyle); 575 // get sizes/position 576 this.getRect(); 577 } 578 getRect() { 579 this.rect = this.DOM.el.getBoundingClientRect(); 580 } 581 isActive() { 582 // check if image is animating or if it's visible 583 return TweenMax.isTweening(this.DOM.el) || this.DOM.el.style.opacity != 0; 584 } 585 } 586 587 class ImageTrail { 588 constructor() { 589 // images container 590 this.DOM = {content: document.querySelector('.content')}; 591 // array of Image objs, one per image element 592 this.images = []; 593 [...this.DOM.content.querySelectorAll('img')].forEach(img => this.images.push(new Image(img))); 594 // total number of images 595 this.imagesTotal = this.images.length; 596 // upcoming image index 597 this.imgPosition = 0; 598 // zIndex value to apply to the upcoming image 599 this.zIndexVal = 1; 600 // mouse distance required to show the next image 601 this.threshold = 100; 602 // render the images 603 requestAnimationFrame(() => this.render()); 604 } 605 render() { 606 // get distance between the current mouse position and the position of the previous image 607 let distance = getMouseDistance(); 608 // cache previous mouse position 609 cacheMousePos.x = MathUtils.lerp(cacheMousePos.x || mousePos.x, mousePos.x, 0.1); 610 cacheMousePos.y = MathUtils.lerp(cacheMousePos.y || mousePos.y, mousePos.y, 0.1); 611 612 // if the mouse moved more than [this.threshold] then show the next image 613 if ( distance > this.threshold ) { 614 this.showNextImage(); 615 616 ++this.zIndexVal; 617 this.imgPosition = this.imgPosition < this.imagesTotal-1 ? this.imgPosition+1 : 0; 618 619 lastMousePos = mousePos; 620 } 621 622 // check when mousemove stops and all images are inactive (not visible and not animating) 623 let isIdle = true; 624 for (let img of this.images) { 625 if ( img.isActive() ) { 626 isIdle = false;
627 break; 628 } 629 } 630 // reset z-index initial value 631 if ( isIdle && this.zIndexVal !== 1 ) { 632 this.zIndexVal = 1; 633 } 634 635 // loop.. 636 requestAnimationFrame(() => this.render()); 637 } 638 showNextImage() { 639 // show image at position [this.imgPosition] 640 const img = this.images[this.imgPosition]; 641 // kill any tween on the image 642 TweenMax.killTweensOf(img.DOM.el); 643 644 new TimelineMax() 645 // show the image 646 .set(img.DOM.el, { 647 startAt: {opacity: 0, scale: 1}, 648 opacity: 1, 649 scale: 1, 650 zIndex: this.zIndexVal, 651 x: cacheMousePos.x - img.rect.width/2, 652 y: cacheMousePos.y - img.rect.height/2 653 }, 0) 654 // animate position 655 .to(img.DOM.el, 0.9, { 656 ease: Expo.easeOut, 657 x: mousePos.x - img.rect.width/2, 658 y: mousePos.y - img.rect.height/2 659 }, 0) 660 // then make it disappear 661 .to(img.DOM.el, 1, { 662 ease: Power1.easeOut, 663 opacity: 0 664 }, 0.4) 665 // scale down the image 666 .to(img.DOM.el, 1, { 667 ease: Quint.easeOut, 668 scale: 0.2 669 }, 0.4); 670 } 671 } 672 673 // Preload images 674 const preloadImages = () => { 675 return new Promise((resolve, reject) => { 676 imagesLoaded(document.querySelectorAll('.content__img'), resolve); 677 }); 678 }; 679 680 // And then.. 681 preloadImages().then(() => { 682 // Remove the loader 683 document.body.classList.remove('loading'); 684 new ImageTrail(); 685 }); 686} 687</script>
vendor: 1 bytes, line 687
687
688<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/js/swiper.js"></script>
688 689
690<script> 691 var swiper = new Swiper('.swiper-container', { 692 slidesPerView: 1, 693 spaceBetween: 30, 694 freeMode: false, 695 pagination: { 696 el: '.swiper-pagination', 697 clickable: true, 698 }, 699 }); 700 </script>
vendor: 1 bytes, line 700
700
701<script src="https://cjh.sfo2.cdn.digitaloceanspaces.com/Smooth-Scroll/luxy.js"></script>
701 702 703
703<script charset="utf-8"> 704 luxy.init(); 705</script>
705 706
707<script> 708 $('.c-nav-menu-btn-icon').on('click', function(){ 709 $('body').toggleClass('no-scroll'); 710 }); 711</script>
711</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.