blob: 588e69290e15439124ed5e98183f4b5bfa07a6d3 (
plain) (
blame)
1
|
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Playground</title><meta name="description" content="Hey, my name is Denys! I'm a UX/UI Designer & Mentor. I'll help you create a website, landing page, interface."><meta property="og:title" content="Denys Verholomchuk UI/UX Designer & Mentor"><meta property="og:description" content="Hey, my name is Denys! I'm a UX/UI Designer & Mentor. I'll help you create a website, landing page, interface."><meta property="og:image" content="/preview.jpg"><meta name="author" content="Denys Verholomchuk"><link rel="icon shortcut" href="/favicon.a113c45d.ico" type="image/x-icon"><link rel="stylesheet" href="/404.9d44942e.css"><script type="module" src="/index.3ca8d391.js"></script><script type="module" src="/playground.c9bd8be1.js"></script><script type="module" src="/404.566ce135.js"></script><link rel="stylesheet" href="/playground.f3a34772.css"></head><body> <div class="page"> <div class="cursor"></div> <div class="page-transition"> <div class="page-transition_block"></div> <div class="page-transition_block"></div> <div class="page-transition_block"></div> <div class="page-transition_block"></div> <div class="page-transition_block"></div> <div class="page-transition_block"></div> </div> <main class="main"> <header class="header"> <a href="https://verholomchuk.com" class="header__name page-transition_link">Denys Verholomchuk ®</a> <time class="header__time">00:00 PM</time> <p class="header__text"> <span class="header__text-span">say hi —</span> <a href="mailto:denverhovny@gmail.com" class="header__text-href links">denverhovny@gmail.com</a> </p> </header> <section class="playground-section"> <div class="playground__information"><h2 class="playground__information_text">Play<br><span class="playground__information_text_span">ground</span></h2></div> <div class="playground__description"> <svg width="243" height="96" fill="none" class="playground_description_svg"><path fill="#F9FDFE" d="M32 0 0 47.768V96h48.696l32-48.232V0H32Z"/><path fill="#F9FDFE" d="m112.695 0-32 47.768V96h48.696l32-48.232V0h-48.696ZM193.395 0l-32 47.768V96h48.695l32-48.232V0h-48.695Z"/></svg> <p class="playground_description_text">These are design concepts that I create to refine my skills and explore new possibilities in interfaces. It helps me generate fresh and impressive designs through experimentation and continuous improvement.</p> </div> </section> <section class="works-section"> <h4 class="works__date">2023</h4> <div class="works__images"> <img src="/1.5da9d0e0.jpg" alt="work" class="works__image"> <img src="/2.8fa522ea.jpg" alt="work" class="works__image"> <img src="/3.82d70457.jpg" alt="work" class="works__image"> <img src="/4.ab56ecba.jpg" alt="work" class="works__image"> <img src="/5.7aabff83.jpg" alt="work" class="works__image"> <img src="/6.2b271000.jpg" alt="work" class="works__image"> <img src="/7.171d28e4.jpg" alt="work" class="works__image"> <img src="/8.5d6aaf9d.jpg" alt="work" class="works__image"> <img src="/9.8ca4c336.jpg" alt="work" class="works__image"> </div> </section> <section class="information-section"> <div class="information_content"> <div class="information_content__wrapper" data-speed="1.1"> <h3 class="information_content__title"><span>let's start <br> <span class="information_content__title_span-first">creating </span><br><span class="information_content__title_span-second">together</span></span></h3> <svg width="97" height="98" fill="none" class="information_content__svg"><path fill="#F9FDFE" fill-rule="evenodd" d="M8 64.742a8 8 0 0 1-8-8V41a8 8 0 0 1 8-8h17.43a7.099 7.099 0 0 0 7.1-7.099V8a8 8 0 0 1 8-8H56.27a8 8 0 0 1 8 8v18.744A6.256 6.256 0 0 0 70.527 33H88.01a8 8 0 0 1 8 8v15.742a8 8 0 0 1-8 8h-19.61a4.13 4.13 0 0 0-4.13 4.129v20.398a8 8 0 0 1-8 8H40.53a8 8 0 0 1-8-8V69.713a4.972 4.972 0 0 0-4.972-4.971H8Zm56.27-29.869a3.132 3.132 0 0 0-3.132-3.131h-25.76a3.636 3.636 0 0 0-3.636 3.636V60.57a4.957 4.957 0 0 0 4.957 4.957h23.118a4.453 4.453 0 0 0 4.452-4.453V34.873Z" clip-rule="evenodd"/></svg> </div> <div class="information_content__contacts"> <p class="information_content__text"> <span class="information__text-span">say hi — </span> <a href="mailto:denverhovny@gmail.com" class="information_content__text-href links">denverhovny@gmail.com</a> </p> <div class="information_content__links"> <span class="information_content__link links"> <a href="https://dribbble.com/verholomchuk" target="_blank" class="information_content__link link3D"><div><span class="link3D_text">Dribbble</span></div></a> <svg width="13" height="13" fill="none" class="information_content__link_svg"><path d="M.354 0h12v12h-1V1.707L.707 12.354 0 11.646 10.646 1H.354V0Z" clip-rule="evenodd"/></svg> </span> <span class="information_content__link links"> <a href="https://www.behance.net/verholomchuk" target="_blank" class="information_content__link link3D"><div><span class="link3D_text">Behance</span></div></a> <svg width="13" height="13" fill="none" class="information_content__link_svg"><path d="M.354 0h12v12h-1V1.707L.707 12.354 0 11.646 10.646 1H.354V0Z" clip-rule="evenodd"/></svg> </span> <span class="information_content__link links"> <a href="https://www.linkedin.com/in/verholomchuk/" target="_blank" class="information_content__link link3D"><div><span class="link3D_text">LinkedIn</span></div></a> <svg width="13" height="13" fill="none" class="information_content__link_svg"><path d="M.354 0h12v12h-1V1.707L.707 12.354 0 11.646 10.646 1H.354V0Z" clip-rule="evenodd"/></svg> </span> <span class="information_content__link links"> <a href="https://t.me/verholomchuk" target="_blank" class="information_content__link link3D"><div><span class="link3D_text">Telegram</span></div></a> <svg width="13" height="13" fill="none" class="information_content__link_svg"><path d="M.354 0h12v12h-1V1.707L.707 12.354 0 11.646 10.646 1H.354V0Z" clip-rule="evenodd"/></svg> </span> <span class="information_content__link links"> <a href="https://www.youtube.com/@verholomchuk"" target="_blank" class="information_content__link link3D"><div><span class="link3D_text">Youtube</span></div></a> <svg width="13" height="13" fill="none" class="information_content__link_svg"><path d="M.354 0h12v12h-1V1.707L.707 12.354 0 11.646 10.646 1H.354V0Z" clip-rule="evenodd"/></svg> </span> </div> </div> </div> <form class="information_form" id="form-link"> <div class="information_form_wrapper"> <div class="information_form__contacts"> <label for class="information_form__contacts_label">Your Data</label> <div class="information_form__contacts_inputs"> <input class="information_form__contacts_name" type="text" name="name" placeholder="Name*" required minlength="2"> <input class="information_form__contacts_email" type="email" name="email" placeholder="Email*" required> </div> </div> <div class="information_form__type"> <label class="information_form__type_label">You are interested in</label> <div class="information_form__type_radios"> <div class="form-buttons information_form__type_radio"> <input class="information_form__type_radio_input" type="radio" name="type" value="UI/UX" id="interface-design" required> <label class="information_form__type_radio_label" for="interface-design">UX/UI Design</label> </div> <div class="form-buttons information_form__type_radio"> <input class="information_form__type_radio_input" type="radio" name="type" value="Web-design" id="web-design" required> <label class="information_form__type_radio_label" for="web-design">Web-design</label> </div> <div class="form-buttons information_form__type_radio"> <input class="information_form__type_radio_input" type="radio" name="type" value="Web-development" id="web-development" required> <label class="information_form__type_radio_label" for="interface">Web-development</label> </div> <div class="form-buttons information_form__type_radio"> <input class="information_form__type_radio_input" type="radio" name="type" value="Web creation" id="website-creation" required> <label class="information_form__type_radio_label" for="interface">Website creation</label> </div> <div class="form-buttons information_form__type_radio"> <input class="information_form__type_radio_input" type="radio" name="type" id="animation"> <label class="information_form__type_radio_label" for="interface">Animation</label> </div> <div class="form-buttons information_form__type_radio"> <input class="information_form__type_radio_input" type="radio" name="type" value="Other" id="other" required> <label class="information_form__type_radio_label" for="interface">Other</label> </div> </div> </div> <div class="information_form__type"> <label class="information_form__type_label">Budget in USD:</label> <div class="information_form__type_radios"> <div class="form-buttons information_form__type_radio"> <input class="information_form__type_radio_input" type="radio" name="budget" value="1k-3k" required> <label class="information_form__type_radio_label" for="1k-3k">$1k-3k</label> </div> <div class="form-buttons information_form__type_radio"> <input class="information_form__type_radio_input" type="radio" name="budget" value="3k-5k"> <label class="information_form__type_radio_label" for="3k-5k">$3k-5k</label> </div> <div class="form-buttons information_form__type_radio"> <input class="information_form__type_radio_input" type="radio" name="budget" value="5k-10k"> <label class="information_form__type_radio_label" for="5k-10k">$5k-10k</label> </div> </div> </div> <input class="information_form_description" type="text" name="description" placeholder="Project details"> </div> <div class="information_form_submited"> <div class="information_form_submited_wrapper"> <svg width="38" height="28" fill="none" class="information_form_submited_wrapper_svg"><path stroke="#F9FDFE" stroke-width="2" d="M1 15.49 11.655 26 37 1"/></svg> </div> </div> <div class="information_form_error"> <div class="information_form_error_wrapper"> <svg width="32" height="32" fill="none" class="information_form_error_wrapper_svg"><path stroke="#F9FDFE" stroke-width="2" d="M1 31 31 1M1 1l30 29"/></svg> </div> </div> <button class="information_form_submit" name="submit" type="submit"><span class="information_form_submit_span">Submit Message</span><span class="information_form_submit_span">Submit Message</span></button> </form> </section> </main> <footer class="footer"> <div class="footer__progress-bar"></div> <div class="footer_burger-menu"> <p class="footer_menu_name">Denys Verholomchuk®</p> <div class="footer_menu_links"> <a class="footer_menu_link page-transition_link" href="https://verholomchuk.com">Main</a> <a class="footer_menu_link page-transition_link" href="https://verholomchuk.com/about">About</a> <a class="footer_menu_link page-transition_link" href="https://verholomchuk.com/playground">Playground</a> </div> <div class="footer_content__contacts"> <p class="footer_content__text"> <span class="footer__text-span">say hi — </span> <a href="mailto:denverhovny@gmail.com" class="footer_content__text-href">denverhovny@gmail.com</a> </p> <div class="footer_content__links"> <span class="footer_content__link links"> <a href="https://dribbble.com/verholomchuk" target="_blank" class="footer_content__link link3D"><div><span class="link3D_text">Dribbble</span></div></a> <svg width="13" height="13" fill="none" class="footer_content__link_svg"><path d="M.354 0h12v12h-1V1.707L.707 12.354 0 11.646 10.646 1H.354V0Z" clip-rule="evenodd"/></svg> </span> <span class="footer_content__link links"> <a href="https://www.behance.net/verholomchuk" target="_blank" class="footer_content__link link3D"><div><span class="link3D_text">Behance</span></div></a> <svg width="13" height="13" fill="none" class="footer_content__link_svg"><path d="M.354 0h12v12h-1V1.707L.707 12.354 0 11.646 10.646 1H.354V0Z" clip-rule="evenodd"/></svg> </span> <span class="footer_content__link links"> <a href="https://www.linkedin.com/in/verholomchuk/" target="_blank" class="footer_content__link link3D"><div><span class="link3D_text">LinkedIn</span></div></a> <svg width="13" height="13" fill="none" class="footer_content__link_svg"><path d="M.354 0h12v12h-1V1.707L.707 12.354 0 11.646 10.646 1H.354V0Z" clip-rule="evenodd"/></svg> </span> <span class="footer_content__link links"> <a href="https://t.me/verholomchuk" target="_blank" class="footer_content__link link3D"><div><span class="link3D_text">Telegram</span></div></a> <svg width="13" height="13" fill="none" class="footer_content__link_svg"><path d="M.354 0h12v12h-1V1.707L.707 12.354 0 11.646 10.646 1H.354V0Z" clip-rule="evenodd"/></svg> </span> <span class="footer_content__link links"> <a href="https://www.youtube.com/@verholomchuk" target="_blank" class="footer_content__link link3D"><div><span class="link3D_text">Youtube</span></div></a> <svg width="13" height="13" fill="none" class="footer_content__link_svg"><path d="M.354 0h12v12h-1V1.707L.707 12.354 0 11.646 10.646 1H.354V0Z" clip-rule="evenodd"/></svg> </span> </div> </div> <p class="footer_menu_text">Personal portfolio © 2023</p> </div> <div class="footer__wrapper"> <button class="footer_burger-button"> <svg width="25" height="25" fill="none" class="footer_burger-button_svg" viewBox="0 0 25 24"><path stroke="#D6D8DA" stroke-linecap="round" d="M1 4h22" class="footer_burger-button_svg-first"/><path stroke="#D6D8DA" stroke-linecap="round" d="M1 19h22" class="footer_burger-button_svg-second"/><rect width="22" height="7" x="1" y="8" stroke="#D6D8DA" rx="3.5"/></svg> <span class="footer_burger-button_text">Menu</span> </button> <a href="https://verholomchuk.com" class="footer_text page-transition_link">Personal portfolio © 2023</a> <div class="footer_links"> <a href="https://verholomchuk.com/about" class="footer_link link3D links page-transition_link"><div><span class="link3D_text links">About me</span></div></a> <a href="https://verholomchuk.com/playground" class="footer_link link3D links page-transition_link"><div><span class="link3D_text links">Playground</span></div></a> </div> <a href="#form-link" class="following footer_button"><span class="footer_button_span">Contact me</span><span class="footer_button_span">Contact me</span></a> </div> </footer> </div> <script type="module" src="/playground.48328c8a.js"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-T9XXF7M3BT%22%3E"></script> <script>function a(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],a("js",new Date),a("config","G-T9XXF7M3BT");</script> </body></html>
|
