CINXE.COM
onshore. - DANIEL LEPIK
<!DOCTYPE html> <html> <head> <title>onshore. - DANIEL LEPIK</title> <meta name="description" content="Portfolio of Daniel Lepik - Freelance 3D artist" /> <meta name="google-site-verification" content="gnExvPb8xs_T8VOUaFKHGtRdXCQn9vVIutSsJSZuGGk" /> <link rel="icon" type="image/png" href="https://carbon-media.accelerator.net/0000000kLxE/idscBRUehdKeRQyq9FyqS7;32x32.png" sizes="32x32" /> <style id="root-styles"> :root { --color: #fff; --accent-color: #fff; --link-color: #fff; --surface-color: rgba(0, 0, 0, 0); --background-color: #e0e0e0; --grid-width: 1100px; --default-color: #fff; --default-accent-color: #fff; --default-link-color: #fff; --font-family: Roboto; --secondary-font-family: Open Sans; } </style> <style id="global-styles"> .g-1-143-1 { --font-size: 2.8em; font-size: 2.8em; letter-spacing: -0.01em; line-height: 1.37; } .g-1-125-1 { font-family: Montserrat; --secondary-font-family: Montserrat; --font-size: 13.6em; font-size: 13.6em; letter-spacing: -0.07em; line-height: 1.5em; } </style> <link rel="stylesheet" href="https://static.cmcdn.net/23/1.1.19/styles/all.css" /> <link rel="stylesheet" href="https://static.cmcdn.net/23/1.1.19/styles/vendor/swiper.css" /> <link rel="stylesheet" href="/styles/fonts.css"/> <link rel="stylesheet" href="https://static.cmcdn.net/23/1.1.19/styles/navs/four-corners.css" /> <meta name="viewport" content="width=device-width, initial-scale=1"/> </head> <body class="site desktop four-corners" data-min-contrast="0"> <div class="page project overlap loading" style="background:#ddd;--background-color:#ddd;"> <span id="navigation_4949314_4809809" class="navigation surface four-corners sticky " on-insert="nav:setup"> <nav class="navigation fixed" style="--link-color:#ffffff;font-size:4em;"> <div class="tl"><a href="/"><span>WORK</span></a></div> <div class="tr"><a href="/about"><span>CONNECT</span></a></div> <div class="bl"><a href="http://instagram.com/lepikdaniel" target="_blank"><span>INSTAGRAM</span></a></div> <div class="br"><a href="https://twitter.com/lepikdaniel" target="_blank"><span>TWITTER</span></a></div> </nav> <header class="sticky"> <a href="/"> <h1 class="logo_39337205" style="color:#000000;font-size:2.99em;font-family:Oswald;" data-box="4x4">DANIEL LEPIK</h1> <style> h1.logo_39337205 { --scale: 0.2; width: calc(4px * var(--scale)); height: calc(4px * var(--scale)); background: center / contain no-repeat url('https://carbon-media.accelerator.net/0000000kLxE/8IkQm6kTqPTfWcSoOW10Bs;0x0.png?auto=webp'); text-indent: -500vw; white-space: nowrap; overflow: hidden; background-image: image-set(url('https://carbon-media.accelerator.net/0000000kLxE/8IkQm6kTqPTfWcSoOW10Bs;0x0.png?auto=webp') 1x, url('https://carbon-media.accelerator.net/0000000kLxE/8IkQm6kTqPTfWcSoOW10Bs;0x0.png?auto=webp') 2x);; }</style> </a> </header> <div class="hamburger navIcon" on-click="nav:toggle"> <svg class="icon" viewBox="0 0 28 28"> <g stroke-width="2" stroke-linecap="round" stroke-miterlimit="10"> <line class="one" x1="4" y1="6" x2="24" y2="6"></line> <line class="two" x1="4" y1="14" x2="24" y2="14"></line> <line class="three" x1="4" y1="22" x2="24" y2="22"></line> </g> </svg> </div> </span> <div class="guts"> <div class="content blocks grid animated"> <div class="block_000000004b004285000000000000049f block cover align-x-center align-y-end fluid animated cover" style="--default-color:#fff;--color:#1b1b1b;" on-insert="block:setup"> <style> .block_000000004b004285000000000000049f > .content { display: grid; grid-template-columns: repeat(1, 1fr); } #item_000000004b004285000000000000049f_1 { grid-area: 1 / 1 / 2 / 2; } #item_000000004b004285000000000000049f_2 { font-family: Montserrat; --secondary-font-family: Montserrat; font-size: 10vw; --font-size: 10vw; } #item_000000004b004285000000000000049f_3 { letter-spacing: 0.3em; font-size: 4em; --font-size: 4em; } .phone .block_000000004b004285000000000000049f > .content { grid-template-columns: repeat(1, 1fr); } .phone #item_000000004b004285000000000000049f_2 { font-size: clamp(1em, var(--font-size, 1em), 1vw); } .phone #item_000000004b004285000000000000049f_3 { font-size: clamp(1em, var(--font-size, 1em), 4vw); }</style> <div class="background" style="background:url('https://carbon-media.accelerator.net/0000000kLxE/gShsyHlZ07lcTq0g34LfAM;2560x1920/quality(85).png?auto=webp') top / cover;opacity:1"> </div> <div class="content"> <div id="item_000000004b004285000000000000049f_1" class="item g-1-142-1 container content padded-container"> </div> </div> </div> <div on-insert="block:setup" class="block_000000004b00428500000000000004a1 block no-padding align-x-center align-y-end fluid animated standard" style="--surface-color:#ddd;--default-color:#fff;--color:#1b1b1b;--padding-top:0px;--padding-bottom:0px;"> <style> .block_000000004b00428500000000000004a1 > .content { display: grid; grid-template-columns: repeat(1, 1fr); } #item_000000004b00428500000000000004a1_1 { grid-area: 1 / 1 / 2 / 2; } #item_000000004b00428500000000000004a1_2 { grid-area: 2 / 1 / 3 / 2; padding: 10px 0; line-height: 1.5em; font-family: Work Sans; --secondary-font-family: Work Sans; font-size: 2em; --font-size: 2em; } .phone .block_000000004b00428500000000000004a1 > .content { grid-template-columns: repeat(0, 1fr); } .phone #item_000000004b00428500000000000004a1_1 { } .phone #item_000000004b00428500000000000004a1_2 { font-size: clamp(1em, var(--font-size, 1em), 3.5vw); }</style> <div class="background" style=""> </div> <div class="content"> <div id="item_000000004b00428500000000000004a1_1" class="item g-1-106-1 media"> <style> carbon-image { display:block; position:relative; box-sizing:border-box; } carbon-image > img, carbon-image > video { position:absolute; top:0; left:0; width:100%; height:100%; } carbon-shield { display:block; position:absolute; top:0; left:0; width:100%; height:100%; } </style> <carbon-image id="image_44284614" style="max-width:1920px;aspect-ratio:4/3;"> <style> #image_44284614:after { display: block; padding-top: 75%; content: ''; } </style> <img class="lazy" data-src="https://carbon-media.accelerator.net/0000000kLxE/jNXIwEm5nb8dSF1iMH8mMx;1920x1440.png?auto=webp" data-srcset="https://carbon-media.accelerator.net/0000000kLxE/jNXIwEm5nb8dSF1iMH8mMx;1920x1440.png?auto=webp 1x, https://carbon-media.accelerator.net/0000000kLxE/jNXIwEm5nb8dSF1iMH8mMx;2880x2160.png?auto=webp 1.5x" width="1920" height="1440" /> <carbon-shield></carbon-shield> </carbon-image> </div> </div> </div> <div on-insert="block:setup" class="block_000000004b00428500000000000004a2 block no-padding align-x-center align-y-end fluid animated standard" style="--surface-color:#ddd;--default-color:#fff;--color:#1b1b1b;--padding-top:0px;--padding-bottom:0px;"> <style> .block_000000004b00428500000000000004a2 > .content { display: grid; grid-template-columns: repeat(1, 1fr); } #item_000000004b00428500000000000004a2_1 { grid-area: 1 / 1 / 2 / 2; } #item_000000004b00428500000000000004a2_2 { grid-area: 2 / 1 / 3 / 2; padding: 10px 0; line-height: 1.5em; font-family: Work Sans; --secondary-font-family: Work Sans; font-size: 2em; --font-size: 2em; } .phone .block_000000004b00428500000000000004a2 > .content { grid-template-columns: repeat(0, 1fr); } .phone #item_000000004b00428500000000000004a2_1 { } .phone #item_000000004b00428500000000000004a2_2 { font-size: clamp(1em, var(--font-size, 1em), 3.5vw); }</style> <div class="background" style=""> </div> <div class="content"> <div id="item_000000004b00428500000000000004a2_1" class="item g-1-106-1 media"> <carbon-image id="image_44284624" style="max-width:1920px;aspect-ratio:4/3;"> <style> #image_44284624:after { display: block; padding-top: 75%; content: ''; } </style> <img class="lazy" data-src="https://carbon-media.accelerator.net/0000000kLxE/1fZ2ssslYw3eO4xOkhT70z;1920x1440.png?auto=webp" data-srcset="https://carbon-media.accelerator.net/0000000kLxE/1fZ2ssslYw3eO4xOkhT70z;1920x1440.png?auto=webp 1x, https://carbon-media.accelerator.net/0000000kLxE/1fZ2ssslYw3eO4xOkhT70z;2880x2160.png?auto=webp 1.5x" width="1920" height="1440" /> <carbon-shield></carbon-shield> </carbon-image> </div> </div> </div> <div on-insert="block:setup" class="block_000000004b00428500000000000004b4 block no-padding align-x-center align-y-end fluid animated standard" style="--surface-color:#ddd;--default-color:#fff;--color:#1b1b1b;--padding-top:0px;--padding-bottom:0px;"> <style> .block_000000004b00428500000000000004b4 > .content { display: grid; grid-template-columns: repeat(1, 1fr); } #item_000000004b00428500000000000004b4_1 { grid-area: 1 / 1 / 2 / 2; } #item_000000004b00428500000000000004b4_2 { grid-area: 2 / 1 / 3 / 2; padding: 10px 0; line-height: 1.5em; font-family: Work Sans; --secondary-font-family: Work Sans; font-size: 2em; --font-size: 2em; } .phone .block_000000004b00428500000000000004b4 > .content { grid-template-columns: repeat(0, 1fr); } .phone #item_000000004b00428500000000000004b4_1 { } .phone #item_000000004b00428500000000000004b4_2 { font-size: clamp(1em, var(--font-size, 1em), 3.5vw); }</style> <div class="background" style=""> </div> <div class="content"> <div id="item_000000004b00428500000000000004b4_1" class="item g-1-106-1 media"> <carbon-image id="image_44284634" style="max-width:1920px;aspect-ratio:4/3;"> <style> #image_44284634:after { display: block; padding-top: 75%; content: ''; } </style> <img class="lazy" data-src="https://carbon-media.accelerator.net/0000000kLxE/4jO0Xbsft4LcrsdxUcMEj7;1920x1440.png?auto=webp" data-srcset="https://carbon-media.accelerator.net/0000000kLxE/4jO0Xbsft4LcrsdxUcMEj7;1920x1440.png?auto=webp 1x, https://carbon-media.accelerator.net/0000000kLxE/4jO0Xbsft4LcrsdxUcMEj7;2880x2160.png?auto=webp 1.5x" width="1920" height="1440" /> <carbon-shield></carbon-shield> </carbon-image> </div> </div> </div> <div on-insert="block:setup" class="block_000000004b00428500000000000004b5 block no-padding align-x-center align-y-end fluid animated standard" style="--surface-color:#ddd;--default-color:#fff;--color:#1b1b1b;--padding-top:0px;--padding-bottom:0px;"> <style> .block_000000004b00428500000000000004b5 > .content { display: grid; grid-template-columns: repeat(1, 1fr); } #item_000000004b00428500000000000004b5_1 { grid-area: 1 / 1 / 2 / 2; } #item_000000004b00428500000000000004b5_2 { grid-area: 2 / 1 / 3 / 2; padding: 10px 0; line-height: 1.5em; font-family: Work Sans; --secondary-font-family: Work Sans; font-size: 2em; --font-size: 2em; } .phone .block_000000004b00428500000000000004b5 > .content { grid-template-columns: repeat(0, 1fr); } .phone #item_000000004b00428500000000000004b5_1 { } .phone #item_000000004b00428500000000000004b5_2 { font-size: clamp(1em, var(--font-size, 1em), 3.5vw); }</style> <div class="background" style=""> </div> <div class="content"> <div id="item_000000004b00428500000000000004b5_1" class="item g-1-106-1 media"> <carbon-image id="image_44284659" style="max-width:1920px;aspect-ratio:4/3;"> <style> #image_44284659:after { display: block; padding-top: 75%; content: ''; } </style> <img class="lazy" data-src="https://carbon-media.accelerator.net/0000000kLxE/a11aLNvzTVCenuuptDSkT2;1920x1440.png?auto=webp" data-srcset="https://carbon-media.accelerator.net/0000000kLxE/a11aLNvzTVCenuuptDSkT2;1920x1440.png?auto=webp 1x, https://carbon-media.accelerator.net/0000000kLxE/a11aLNvzTVCenuuptDSkT2;2880x2160.png?auto=webp 1.5x" width="1920" height="1440" /> <carbon-shield></carbon-shield> </carbon-image> </div> </div> </div> <div on-insert="block:setup" class="block_000000004b00428500000000000004b6 block no-padding align-x-center align-y-end fluid animated standard" style="--surface-color:#ddd;--default-color:#fff;--color:#1b1b1b;--padding-top:0px;--padding-bottom:0px;"> <style> .block_000000004b00428500000000000004b6 > .content { display: grid; grid-template-columns: repeat(1, 1fr); } #item_000000004b00428500000000000004b6_1 { grid-area: 1 / 1 / 2 / 2; } #item_000000004b00428500000000000004b6_2 { grid-area: 2 / 1 / 3 / 2; padding: 10px 0; line-height: 1.5em; font-family: Work Sans; --secondary-font-family: Work Sans; font-size: 2em; --font-size: 2em; } .phone .block_000000004b00428500000000000004b6 > .content { grid-template-columns: repeat(0, 1fr); } .phone #item_000000004b00428500000000000004b6_1 { } .phone #item_000000004b00428500000000000004b6_2 { font-size: clamp(1em, var(--font-size, 1em), 3.5vw); }</style> <div class="background" style=""> </div> <div class="content"> <div id="item_000000004b00428500000000000004b6_1" class="item g-1-106-1 media"> <carbon-image id="image_44284711" style="max-width:1920px;aspect-ratio:4/3;"> <style> #image_44284711:after { display: block; padding-top: 75%; content: ''; } </style> <img class="lazy" data-src="https://carbon-media.accelerator.net/0000000kLxE/0J09d0FiEorb7GEpQ5nSVT;1920x1440.png?auto=webp" data-srcset="https://carbon-media.accelerator.net/0000000kLxE/0J09d0FiEorb7GEpQ5nSVT;1920x1440.png?auto=webp 1x, https://carbon-media.accelerator.net/0000000kLxE/0J09d0FiEorb7GEpQ5nSVT;2880x2160.png?auto=webp 1.5x" width="1920" height="1440" /> <carbon-shield></carbon-shield> </carbon-image> </div> </div> </div> <div on-insert="block:setup" class="block_000000004b00428500000000000004b7 block no-padding align-x-center align-y-end fluid animated standard" style="--surface-color:#ddd;--default-color:#fff;--color:#1b1b1b;--padding-top:0px;--padding-bottom:0px;"> <style> .block_000000004b00428500000000000004b7 > .content { display: grid; grid-template-columns: repeat(1, 1fr); } #item_000000004b00428500000000000004b7_1 { grid-area: 1 / 1 / 2 / 2; } #item_000000004b00428500000000000004b7_2 { grid-area: 2 / 1 / 3 / 2; padding: 10px 0; line-height: 1.5em; font-family: Work Sans; --secondary-font-family: Work Sans; font-size: 2em; --font-size: 2em; } .phone .block_000000004b00428500000000000004b7 > .content { grid-template-columns: repeat(0, 1fr); } .phone #item_000000004b00428500000000000004b7_1 { } .phone #item_000000004b00428500000000000004b7_2 { font-size: clamp(1em, var(--font-size, 1em), 3.5vw); }</style> <div class="background" style=""> </div> <div class="content"> <div id="item_000000004b00428500000000000004b7_1" class="item g-1-106-1 media"> <carbon-image id="image_44284712" style="max-width:1920px;aspect-ratio:4/3;"> <style> #image_44284712:after { display: block; padding-top: 75%; content: ''; } </style> <img class="lazy" data-src="https://carbon-media.accelerator.net/0000000kLxE/hXhGMZIRNVZdSTEYrnBRfx;1920x1440.png?auto=webp" data-srcset="https://carbon-media.accelerator.net/0000000kLxE/hXhGMZIRNVZdSTEYrnBRfx;1920x1440.png?auto=webp 1x, https://carbon-media.accelerator.net/0000000kLxE/hXhGMZIRNVZdSTEYrnBRfx;2880x2160.png?auto=webp 1.5x" width="1920" height="1440" /> <carbon-shield></carbon-shield> </carbon-image> </div> </div> </div> <div on-insert="block:setup" class="block_000000004b00428500000000000004b8 block no-padding align-x-center align-y-end fluid animated standard" style="--surface-color:#ddd;--default-color:#fff;--color:#1b1b1b;--padding-top:0px;--padding-bottom:0px;"> <style> .block_000000004b00428500000000000004b8 > .content { display: grid; grid-template-columns: repeat(1, 1fr); } #item_000000004b00428500000000000004b8_1 { grid-area: 1 / 1 / 2 / 2; } #item_000000004b00428500000000000004b8_2 { grid-area: 2 / 1 / 3 / 2; padding: 10px 0; line-height: 1.5em; font-family: Work Sans; --secondary-font-family: Work Sans; font-size: 2em; --font-size: 2em; } .phone .block_000000004b00428500000000000004b8 > .content { grid-template-columns: repeat(0, 1fr); } .phone #item_000000004b00428500000000000004b8_1 { } .phone #item_000000004b00428500000000000004b8_2 { font-size: clamp(1em, var(--font-size, 1em), 3.5vw); }</style> <div class="background" style=""> </div> <div class="content"> <div id="item_000000004b00428500000000000004b8_1" class="item g-1-106-1 media"> <carbon-image id="image_44284729" style="max-width:1920px;aspect-ratio:4/3;"> <style> #image_44284729:after { display: block; padding-top: 75%; content: ''; } </style> <img class="lazy" data-src="https://carbon-media.accelerator.net/0000000kLxE/hEUdZNhWmp5fDLAopQdi9w;1920x1440.png?auto=webp" data-srcset="https://carbon-media.accelerator.net/0000000kLxE/hEUdZNhWmp5fDLAopQdi9w;1920x1440.png?auto=webp 1x, https://carbon-media.accelerator.net/0000000kLxE/hEUdZNhWmp5fDLAopQdi9w;2880x2160.png?auto=webp 1.5x" width="1920" height="1440" /> <carbon-shield></carbon-shield> </carbon-image> </div> </div> </div> <div on-insert="block:setup" class="block_000000004b00428500000000000004bb block no-padding align-x-center align-y-end fluid animated standard" style="--surface-color:#ddd;--default-color:#fff;--color:#1b1b1b;--padding-top:0px;--padding-bottom:0px;"> <style> .block_000000004b00428500000000000004bb > .content { display: grid; grid-template-columns: repeat(1, 1fr); } #item_000000004b00428500000000000004bb_1 { grid-area: 1 / 1 / 2 / 2; } #item_000000004b00428500000000000004bb_2 { grid-area: 2 / 1 / 3 / 2; padding: 10px 0; line-height: 1.5em; font-family: Work Sans; --secondary-font-family: Work Sans; font-size: 2em; --font-size: 2em; } .phone .block_000000004b00428500000000000004bb > .content { grid-template-columns: repeat(0, 1fr); } .phone #item_000000004b00428500000000000004bb_1 { } .phone #item_000000004b00428500000000000004bb_2 { font-size: clamp(1em, var(--font-size, 1em), 3.5vw); }</style> <div class="background" style=""> </div> <div class="content"> <div id="item_000000004b00428500000000000004bb_1" class="item g-1-106-1 media"> <carbon-image id="image_44284730" style="max-width:1920px;aspect-ratio:4/3;"> <style> #image_44284730:after { display: block; padding-top: 75%; content: ''; } </style> <img class="lazy" data-src="https://carbon-media.accelerator.net/0000000kLxE/fd8CV9ezwspfqCuM7mcrES;1920x1440.png?auto=webp" data-srcset="https://carbon-media.accelerator.net/0000000kLxE/fd8CV9ezwspfqCuM7mcrES;1920x1440.png?auto=webp 1x, https://carbon-media.accelerator.net/0000000kLxE/fd8CV9ezwspfqCuM7mcrES;2880x2160.png?auto=webp 1.5x" width="1920" height="1440" /> <carbon-shield></carbon-shield> </carbon-image> </div> </div> </div> <div on-insert="block:setup" class="block_000000004b00428500000000000004bc block align-x-center align-y-end fluid animated standard" style="--surface-color:#ddd;--default-color:#fff;--color:#1b1b1b;--padding-top:1px;--padding-bottom:0px;"> <style> .block_000000004b00428500000000000004bc > .content { display: grid; grid-template-columns: repeat(1, 1fr); } #item_000000004b00428500000000000004bc_1 { grid-area: 1 / 1 / 2 / 2; } #item_000000004b00428500000000000004bc_2 { grid-area: 2 / 1 / 3 / 2; padding: 10px 0; line-height: 1.5em; font-family: Work Sans; --secondary-font-family: Work Sans; font-size: 2em; --font-size: 2em; } .phone .block_000000004b00428500000000000004bc > .content { grid-template-columns: repeat(0, 1fr); } .phone #item_000000004b00428500000000000004bc_1 { } .phone #item_000000004b00428500000000000004bc_2 { font-size: clamp(1em, var(--font-size, 1em), 3.5vw); }</style> <div class="background" style=""> </div> <div class="content"> <div id="item_000000004b00428500000000000004bc_1" class="item g-1-106-1 media"> <carbon-image id="image_44284731" style="max-width:1920px;aspect-ratio:4/3;"> <style> #image_44284731:after { display: block; padding-top: 75%; content: ''; } </style> <img class="lazy" data-src="https://carbon-media.accelerator.net/0000000kLxE/6PjPJ3CmkokbHpnZAObO9A;1920x1440.png?auto=webp" data-srcset="https://carbon-media.accelerator.net/0000000kLxE/6PjPJ3CmkokbHpnZAObO9A;1920x1440.png?auto=webp 1x, https://carbon-media.accelerator.net/0000000kLxE/6PjPJ3CmkokbHpnZAObO9A;2880x2160.png?auto=webp 1.5x" width="1920" height="1440" /> <carbon-shield></carbon-shield> </carbon-image> </div> </div> </div> <div on-insert="block:setup" class="block_000000004b00428500000000000004bd block align-x-center align-y-end fluid animated standard" style="--surface-color:#ddd;--default-color:#fff;--color:#1b1b1b;--padding-top:1px;--padding-bottom:0px;"> <style> .block_000000004b00428500000000000004bd > .content { display: grid; grid-template-columns: repeat(1, 1fr); } #item_000000004b00428500000000000004bd_1 { grid-area: 1 / 1 / 2 / 2; } #item_000000004b00428500000000000004bd_2 { grid-area: 2 / 1 / 3 / 2; padding: 10px 0; line-height: 1.5em; font-family: Work Sans; --secondary-font-family: Work Sans; font-size: 2em; --font-size: 2em; } .phone .block_000000004b00428500000000000004bd > .content { grid-template-columns: repeat(0, 1fr); } .phone #item_000000004b00428500000000000004bd_1 { } .phone #item_000000004b00428500000000000004bd_2 { font-size: clamp(1em, var(--font-size, 1em), 3.5vw); }</style> <div class="background" style=""> </div> <div class="content"> <div id="item_000000004b00428500000000000004bd_1" class="item g-1-106-1 media"> <carbon-image id="image_44284732" style="max-width:1920px;aspect-ratio:4/3;"> <style> #image_44284732:after { display: block; padding-top: 75%; content: ''; } </style> <img class="lazy" data-src="https://carbon-media.accelerator.net/0000000kLxE/atx8ew2PckMfHKxhNXj0EU;1920x1440.png?auto=webp" data-srcset="https://carbon-media.accelerator.net/0000000kLxE/atx8ew2PckMfHKxhNXj0EU;1920x1440.png?auto=webp 1x, https://carbon-media.accelerator.net/0000000kLxE/atx8ew2PckMfHKxhNXj0EU;2880x2160.png?auto=webp 1.5x" width="1920" height="1440" /> <carbon-shield></carbon-shield> </carbon-image> </div> </div> </div> </div> <div class="project-nav surface"> <div class="content"> <a class="action next" href="/offshore-collection"> <div class="wrap"> <div class="inner"> <label>NEXT PROJECT</label> <div class="title">Offshore Collection // coming soon.</div> </div> <div class="icon"></div> </div> </a> </div> </div> <footer class="surface has-links has-branding"> <div class="content"> <div class="copyright">漏 DANIEL LEPIK</div> <a href="https://carbonmade.com/?campaign=c4" target="_blank" class="branding"> <span class="icon"></span> </a> <div class="links"> <a style="--accent-color:#517fa4" target="_blank" href="https://www.instagram.com/lepikdaniel" class="social icon instagram solid circle"></a> <a style="--accent-color:#ea4c89" target="_blank" href="https://dribbble.com/lepikdaniel" class="social icon dribbble solid circle"></a> <a style="--accent-color:#1da1f2" target="_blank" href="https://twitter.com/lepikdaniel" class="social icon twitter solid circle"></a> <a style="--accent-color:#0056ff" target="_blank" href="https://www.behance.net/lepikdaniel" class="social icon behance solid circle"></a> </div> </div> </footer> </div> </div> <script src="https://static.cmcdn.net/libs/player/3.8.2/hls.js"></script> <script src="https://static.cmcdn.net/libs/corejs/2.9.0/corejs.js" integrity="sha256-H4af5AcfTSO9YmJ79ol6bab6+TzSWWmMXKM4fwdxRQU=" crossorigin></script> <script src="https://static.cmcdn.net/libs/router/1.6.0/router.js" integrity="sha256-4IUSi5DVzvBoIJVNfZ416+yuCOs+cry22iJG94eaqW8=" crossorigin></script> <script src="https://static.cmcdn.net/libs/gestures/0.6.0/gestures.js" integrity="sha256-ylEa69hezIFUAga1cMRcngK6Tf9K+HJgzHUSPswYKoU=" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/vendor/anime.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/vendor/swiper.js" crossorigin></script> <script src="https://static.cmcdn.net/libs/cursor/0.6.3/cursor.js" integrity="sha256-K3IY3QiVV2UvpT+BaPTD2YjNCx5nT5LLJvNqGQ3L3Is=" crossorigin></script> <script src="https://static.cmcdn.net/libs/lightbox/0.23.0/lightbox.js" integrity="sha256-t/UfAWPAS6cjMlcR5oslHiY3cL3IVuUpW/ceuFKBZC4=" crossorigin></script> <script src="https://static.cmcdn.net/libs/forms/4.0.2/forms.js" integrity="sha256-GBwrpMjlOgCPfECaqKSY6jQZU4eKX9Uncc0w90muz94=" crossorigin></script> <script src="https://static.cmcdn.net/libs/scrollable/3.4.0/scrollable.js" integrity="sha256-baiuPcjdbyEwBScpM1XFcd3KntTAMdNFrfEtB8+Qpm4=" crossorigin></script> <script src="https://static.cmcdn.net/libs/player/3.8.2/player.js" integrity="sha256-5eC5ruDiSOZ8vs10G8QfH7KRtp3Rt8rYNhCUQE/6tPk=" crossorigin></script> <script src="https://static.cmcdn.net/libs/lazyjs/2.7.0/lazyjs.js" integrity="sha256-LKzXP6kCFe7HjJizvZTZVZw9VUMXTvJ983WmdTBf5+o=" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/chroma.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/contrast.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/functions.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/fitty.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/blocks.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/transitions.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/site/Navigation.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/components/Flipbook.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/components/BeforeAfterBlock.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/browser.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/app.js" crossorigin></script> </body> </html>