-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathstudio.html
More file actions
14 lines (14 loc) · 31.7 KB
/
studio.html
File metadata and controls
14 lines (14 loc) · 31.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!doctype html><html lang="en" oncontextmenu="return!1"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Hypercritical Studio</title><meta name="description" content="Contact us now"><meta name="keywords" content="Welcome ,Studio, view studio,uzitrake , Hypercritical"><meta name="author" content="uzitrake"><meta name="theme-color" content="#fc1234"><meta http-equiv="Cache-Control" content="max-age=31536000"><link id="browser_favicon" rel="icon" href="assets/masks/hypercritical-main-logo.png"><link fetchpriority="high" rel="preload" href="fonts/MonumentExtended-Regular.woff" as="font" type="font/woff" crossorigin><link rel="manifest" href="includes/manifest.json"><link fetchpriority="high" rel="preload" href="assets/images/works/Hypercritical-hero.webp" as="image"><link rel="stylesheet" href="css/studio.css"><link rel="stylesheet" href="css/index.css"><link rel="stylesheet" href="css/preloader.css"><link rel="stylesheet" href="css/transition.css"><link rel="stylesheet" href="css/multi-menu.css"></head><body><div id="overlay" style="scale:0"></div><div id="backdrop" class="backdrop"></div><div id="dialog" style="display:block;scale:0"><div class="dialog-content"><h2>Hypercritical ©</h2><h3>Message sent successfuly</h3><p>We will try to process your request as shortly as posible</p><button class="close-dialog" aria-label="dialog close"><svg class="icon-close-dialog"><use xlink:href="#icon-close"></use></svg></button></div></div><div class="transition-in"><div class="mid-transition-wrapper"><div class="mid-transition"><span class="mid-transition-text">HC</span> <span id="loader-trans"></span></div></div></div><div class="transition-out"><div class="mid-transition-wrapper"><div class="mid-transition"><span class="mid-transition-text">HC</span></div></div></div><div class="partner-modal" id="partner-modal"></div><main><div class="nav"><div class="padding_global nav_padding"><div class="nav_grid"><div class="nav_logo_parent" onclick='window.open("index")'>Hypercritical</div><div class="est_nav"><svg xmlns="http://www.w3.org/2000/svg" class="mid-moon" height="20px" viewBox="7.80069 -0.000757502 3.6 3.301"><path d="M 8.7375 3.3 c -0.015 0 -0.0255 -0.0075 -0.0345 -0.0135 c -0.1305 -0.075 -0.2505 -0.162 -0.36 -0.264 a 2.073 2.073 90 0 1 -0.477 -0.795 a 1.629 1.629 90 0 1 -0.06 -0.588 c 0.012 -0.1695 0.045 -0.336 0.1125 -0.495 c 0.0345 -0.081 0.075 -0.162 0.117 -0.24 a 1.623 1.623 90 0 1 0.39 -0.471 A 1.767 1.767 90 0 1 9.675 0.0015 c 0.8355 0.036 1.4895 0.609 1.6725 1.332 a 1.71 1.71 90 0 1 -0.189 1.302 a 1.7745 1.7745 90 0 1 -0.6255 0.6315 c -0.018 0.012 -0.036 0.021 -0.054 0.03 c -0.0075 -0.0075 0 -0.009 0 -0.0135 l 0.0105 -0.0105 a 1.419 1.419 90 0 0 0.2115 -0.285 a 1.1385 1.1385 90 0 0 0.111 -0.9105 a 0.99 0.99 90 0 0 -0.2025 -0.3615 a 1.236 1.236 90 0 0 -0.7005 -0.42 a 1.488 1.488 90 0 0 -0.93 0.1125 a 1.26 1.26 90 0 0 -0.5115 0.4905 c -0.0435 0.075 -0.069 0.1575 -0.09 0.24 c -0.0255 0.105 -0.039 0.2115 -0.033 0.321 c 0.009 0.171 0.057 0.333 0.135 0.486 a 1.4325 1.4325 90 0 0 0.255 0.348 c 0.003 0 0.003 0 0.0045 0.006 Z"/></svg></div><link rel="stylesheet" href="css/multi-menu.css"><svg class="hidden"><symbol id="icon-arrow" viewBox="0 0 24 24"><title>arrow</title><polygon points="6.3,12.8 20.9,12.8 20.9,11.2 6.3,11.2 10.2,7.2 9,6 3.1,12 9,18 10.2,16.8 "/></symbol><symbol id="icon-drop" viewBox="0 0 24 24"><title>drop</title><path d="M12,21c-3.6,0-6.6-3-6.6-6.6C5.4,11,10.8,4,11.4,3.2C11.6,3.1,11.8,3,12,3s0.4,0.1,0.6,0.3c0.6,0.8,6.1,7.8,6.1,11.2C18.6,18.1,15.6,21,12,21zM12,4.8c-1.8,2.4-5.2,7.4-5.2,9.6c0,2.9,2.3,5.2,5.2,5.2s5.2-2.3,5.2-5.2C17.2,12.2,13.8,7.3,12,4.8z"/><path d="M12,18.2c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7c1.3,0,2.4-1.1,2.4-2.4c0-0.4,0.3-0.7,0.7-0.7c0.4,0,0.7,0.3,0.7,0.7C15.8,16.5,14.1,18.2,12,18.2z"/></symbol><symbol id="icon-menu" viewBox="0 0 119 25"><title>menu</title><path d="M 0.053 7.899 L -0.139 0.148 L 100 0 L 100 8 L 0.148 8.186 Z Z M 0 28 L 0 20 L 71 20 L 71 28 L 0 28 Z"/></symbol><symbol id="icon-close" viewBox="0 0 24 24"><title>close</title><path d="m12.002 2.005c5.518 0 9.998 4.48 9.998 9.997 0 5.518-4.48 9.998-9.998 9.998-5.517 0-9.997-4.48-9.997-9.998 0-5.517 4.48-9.997 9.997-9.997zm0 1.5c-4.69 0-8.497 3.807-8.497 8.497s3.807 8.498 8.497 8.498 8.498-3.808 8.498-8.498-3.808-8.497-8.498-8.497zm0 7.425 2.717-2.718c.146-.146.339-.219.531-.219.404 0 .75.325.75.75 0 .193-.073.384-.219.531l-2.717 2.717 2.727 2.728c.147.147.22.339.22.531 0 .427-.349.75-.75.75-.192 0-.384-.073-.53-.219l-2.729-2.728-2.728 2.728c-.146.146-.338.219-.53.219-.401 0-.751-.323-.751-.75 0-.192.073-.384.22-.531l2.728-2.728-2.722-2.722c-.146-.147-.219-.338-.219-.531 0-.425.346-.749.75-.749.192 0 .385.073.531.219z" fill-rule="nonzero"/></symbol><symbol id="arrow-left" viewBox="0 0 21.1 13.2"><g><polygon points="6.5,12.8 0.5,6.8 0.3,6.5 0.5,6.3 6.5,0.3 7.1,0.8 1.7,6.2 20.8,6.2 20.8,6.9 1.7,6.9 7.1,12.3 "/><path d="M6.5,0l1,0.8L2.3,6h18.7v1.2H2.3l5.2,5.2l-1,0.8L0.3,7L0,6.5L6.5,0z M6.8,0.9L6.5,0.7L0.6,6.6l0.1,0.1l5.8,5.8l0.2-0.2
L1.1,6.7h19.5V6.5H1.1L6.8,0.9z"/></g></symbol><symbol id="arrow-right" viewBox="0 0 21.1 13.2"><g><polygon points="14.6,0.3 20.5,6.3 20.8,6.6 20.5,6.8 14.6,12.8 13.9,12.3 19.4,6.9 0.2,6.9 0.2,6.2 19.4,6.2 13.9,0.8 "/><path d="M14.6,13.2l-1-0.8l5.2-5.2H0V6h18.7l-5.2-5.2l1-0.8l6.2,6.2l0.3,0.5L14.6,13.2z M14.3,12.3l0.2,0.2l5.9-5.9l-0.1-0.1
l-5.8-5.8l-0.2,0.2L20,6.5H0.5v0.2H20L14.3,12.3z"/></g></symbol></svg><main><div class="hidcontent"><div class="background" style="background-image:var(--website-color)"></div><h2 class="hidcontent__title" onclick="window.open(index)">Hypercritical</h2><p class="hidcontent__tagline">Hypercritical is the best experience website</p></div><nav class="menuUzi targeted"><div class="menuUzi__item menuUzi__item--1" data-direction="bt"><div class="menuUzi__item-inner"><div class="mainmenuUzi"><a href="index" class="mainmenuUzi__item transit">Home</a> <a href="services" class="mainmenuUzi__item transit">services</a> <a href="works" class="mainmenuUzi__item transit">Work</a> <a href="studio" class="mainmenuUzi__item transit">studio</a> <a href="contact" class="mainmenuUzi__item transit">Contact</a></div><p class="label label--topleft label--vert-mirror">the important stuff</p><p class="label label--bottomright label--vert">Hypercritical studio</p></div></div><div class="menuUzi__item menuUzi__item--2" data-direction="lr"><div class="menuUzi__item-inner"><div class="menuUzi__item-map"></div><a href="#" class="menuUzi__item-hoverlink">Hypercritical</a></div></div><div class="menuUzi__item menuUzi__item--3" data-direction="bt"><div class="menuUzi__item-inner"><div class="sidemenuUzi"><a href="studio" class="sidemenuUzi__item transit" data-cursor="-medium -exclusion"><span class="sidemenuUzi__item-inner">The studio</span></a> <a href="works" class="sidemenuUzi__item transit" data-cursor="-medium -exclusion"><span class="sidemenuUzi__item-inner">Insights</span></a> <a href="policy" class="sidemenuUzi__item transit" data-cursor="-medium -exclusion"><span class="sidemenuUzi__item-inner">Policy</span></a> <a href="#" class="sidemenuUzi__item transit" data-cursor="-medium -exclusion"><span class="sidemenuUzi__item-inner">••••</span></a> <a href="studio" class="sidemenuUzi__item transit" data-cursor="-medium -exclusion"><span class="sidemenuUzi__item-inner">Enter</span></a> <a href="account" class="sidemenuUzi__item transit" data-cursor="-medium -exclusion"><span class="sidemenuUzi__item-inner">Join</span></a> <a href="#" class="sidemenuUzi__item"><span class="sidemenuUzi__item-inner">•••</span></a></div></div></div><div class="menuUzi__item menuUzi__item--4" data-direction="rl"><div class="menuUzi__item-inner"><p class="label label--topleft label--line">Reach us now</p><a href="contact" class="menuUzi__item-link transit"><div class="reachussvg"><img src="assets/svg/9.b586fa93.webp" data-label="image" alt="contact button 2" class="contact-emoji" data-label=""></div></a><div class="yearnow">©2024</div></div></div><div class="menuUzi__item menuUzi__item--5" data-direction="tb"><div class="menuUzi__item-inner"><p class="label label--topleft label--vert-mirror">Our socials</p><ul class="socials-sidemenu"><li data-cursor="-medium -exclusion"><a class="instagram transit" target="_blank" aria-label="instagram">Instagram</a></li><li data-cursor="-medium -exclusion"><a class="twitter transit" target="_blank" aria-label="twitter">X</a></li><li data-cursor="-medium -exclusion"><a class="github transit" target="_blank" aria-label="github">Github</a></li><li data-cursor="-medium -exclusion"><a class="dribble transit" target="_blank" aria-label="dribble">Dribble</a></li></ul></div></div><button class="action action--menuUzi" aria-label="sidemenu button open"><div class="both-icon-menu"><div class="menu_button_wrapper"><div class="menu_button_line"><div class="menu_dot menu-dot-line"></div><div class="menu_line menu-dot-line"></div></div><div class="menu_button_line"><div class="menu_dot menu-dot-line"></div><div class="menu_line menu-dot-line"></div></div></div><div class="menu-name">Menu</div></div></button> <button class="action action--close" aria-label="sidemenu button close"><svg class="icon icon-cursor icon--close" height="12px"><use xlink:href="#icon-close"></use></svg></button></nav></main></div></div><div class="below-line"><span></span></div></div><section class="hero-studio white-section"><div class="studio-name">Studio</div><div class="studio-mini"><div class="expla-left"><span>We are the leading studio in creating digital products and experiences</span></div></div><div class="hero-circles"></div><div class="below-hero"><div class="est-hero"><svg height="15px" width="15px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 31.955 31.955" xml:space="preserve"><g><path style="fill:var(--color-bg)" d="M27.25,4.655C20.996-1.571,10.88-1.546,4.656,4.706C-1.571,10.96-1.548,21.076,4.705,27.3
c6.256,6.226,16.374,6.203,22.597-0.051C33.526,20.995,33.505,10.878,27.25,4.655z"></path><path style="fill:var(--color-bg)" d="M13.288,23.896l-1.768,5.207c2.567,0.829,5.331,0.886,7.926,0.17l-0.665-5.416
C17.01,24.487,15.067,24.5,13.288,23.896z M8.12,13.122l-5.645-0.859c-0.741,2.666-0.666,5.514,0.225,8.143l5.491-1.375
C7.452,17.138,7.426,15.029,8.12,13.122z M28.763,11.333l-4.965,1.675c0.798,2.106,0.716,4.468-0.247,6.522l5.351,0.672
C29.827,17.319,29.78,14.193,28.763,11.333z M11.394,2.883l1.018,5.528c2.027-0.954,4.356-1.05,6.442-0.288l1.583-5.137
C17.523,1.94,14.328,1.906,11.394,2.883z"></path><circle style="fill:var(--color-bg)" cx="15.979" cy="15.977" r="6.117"></circle></g></svg> <span class="est-year"></span></div><div class="div-svg" style="translate:none;rotate:none;scale:none;transform:translate(0,0)"><svg width="100px" height="100px" viewBox="0 0 122 122" xmlns="http://www.w3.org/2000/svg"><g id="uziarrow" stroke="#000" stroke-width="1" fill="var(--color-bg)" fill-rule="evenodd" class="arrowpathx"><g transform="translate(-708.000000, -686.000000)"><g transform="translate(-80.000000, -40.000000)"><g transform="translate(849.000000, 787.000000) rotate(-90.000000) translate(-849.000000, -787.000000) translate(788.500000, 726.500000)"><path d="M60.3350676,121 C28.435962,121 2.30293504,96.3124824 -5.80202553e-13,65.0014602 L5.01493731,65.0009291 C7.30597108,93.5478009 31.1985233,116 60.3350676,116 C89.4716118,116 113.364164,93.5478009 115.655198,65.0009291 L120.670135,65.0014602 C118.3672,96.3124824 92.2341732,121 60.3350676,121 Z M60.3350676,0 C91.8942018,0 117.809509,24.164097 120.588405,54.9997073 L115.566015,55.0003864 C112.8048,26.9302982 89.1309815,5 60.3350676,5 C31.5391536,5 7.86533522,26.9302982 5.10412061,55.0003864 L0.0817305225,54.9997073 C2.86062643,24.164097 28.7759334,0 60.3350676,0 Z" fill="var(--color-bg)" fill-rule="nonzero" class="arrow-pathy"></path><path d="M39,65.5523815 L61.5,88 L84,65.5523815 M62.0937592,87.0815576 L62.0937592,32.6920602" stroke="var(--color-bg)" stroke-width="5" data-rotate="90" fill="none" class="arrowpathz"></path></g></g></g></g></svg></div></div></section><section class="below-studio-hero"><div class="below-studio-outer-wrapper"><div class="below-studio-inner-wrapper"><div class="studio-intro"><h1 class="h1 split-text">Your creative partner for B2B brand and identity transformation.</h1></div><div class="side-innovate"><img src="assets/svg/648b1f3d306a4f9cadfc0aca_inspiring.svg" alt="" srcset=""></div></div></div></section><section class="intro-story"><div class="story-wrapper"><div class="story-wrapper-inner"><div class="title-story">Our story</div><div class="story-right"><div class="header"></div><div class="genesis-story"><span>Hypercritical—Studio is a creative office based Kenya. With a strong focus on traditional graphic design the studio creates websites, mobile apps and brands for clients large and small across the world<div class="founder"><div>Founder :</div><a href="" aria-label="designer" class="designer" data-status="Designer" data-heading="Uzitrake" data-intro="👋 Hello! I'm a web developer from Kenya, deeply immersed in the tech industry. My expertise lies in Web development, UI/UX design and with a broad skill set in network engineering. Eager to help, design, and tackle new challenges in the tech industry.
" data-logo="assets/images/logos/partners/uzitrake.webp" data-link="https://vickkie.github.io">uzitrake.</a></div></span></div></div><div class="story-left"><img src="assets/images/works/company-mask.webp" alt="" srcset=""></div></div><div class="story-stats"><div class="proof-experience"><div class="years-xp"><span class="xp-head"></span> <span class="xp-footer">YEARS X-PERIENCE</span></div><div class="projects-xp"><span class="xp-head">10+</span> <span class="xp-footer">PROFFESIONAL PROJECTS</span></div><div class="more-xp"><span class="xp-head">3</span> <span class="xp-footer">DESIGN AWARDS</span></div></div></div></div></section><section class="container-x main-cont"><section class="cont m-cont-2"><section class="cont sm-cont-21"><p class="cont-category">Products Approval ❃</p><div><h1 class="display-1">97.5+</h1><div class="line"></div><div class="sm-cont-21__footer"><i class="ri-lightbulb-line"></i></div></div><div class="campaign-cont"><div class="campaign campaign-1 campaign-line"><p>Based Country</p><div></div><p class="campaign-info">Kenya★</p></div><div class="campaign campaign-2 campaign-line"><p>Working</p><p class="campaign-info">Worldwide</p></div><div class="campaign-3"><div class="campaign campaign-31"><p>Timely Delivery</p><p class="campaign-info progress-value">0%</p></div><div class="progress"><div class="color"></div></div></div></div></section></section></section><section class="why-workus white-section"><div class="why-workus-header"><span>Benefits of<br>working with us</span></div><div class="why-box-wrapper"><div class="why-box"><div class="why-left"><svg class="cb-svgsprite -star2"><use xlink:href="/assets/svg/svgsprites.svg#star2"></use></svg><p class="why-main">Budget-Friendly</p></div><div class="why-right"><p>We understands the importance of maximizing your resources. We offer cost-effective solutions without compromising on quality. Our streamlined processes and efficient workflows enable us to deliver exceptional results within your budget constraints, ensuring you get the most value for your investment.</p></div></div><div class="why-box"><div class="why-left"><svg class="cb-svgsprite -star2"><use xlink:href="/assets/svg/svgsprites.svg#star2"></use></svg><p class="why-main">Startup Support Specialists</p></div><div class="why-right"><p>As a startup ourselves, we understand the challenges and aspirations of budding businesses. Hypercritical is your trusted partner on the journey to success. We provide tailored solutions designed to accelerate your growth, from eye-catching websites that captivate your audience to strategic guidance that helps you navigate the digital landscape.</p></div></div><div class="why-box"><div class="why-left"><svg class="cb-svgsprite -star2 rotater"><use xlink:href="/assets/svg/svgsprites.svg#star3"></use></svg><p class="why-main">Timezone is not a ting</p></div><div class="why-right"><p>Concerned on distance ,timezone? Worry not. At Hypercritical, we prioritize seamless communication and adaptability to accommodate clients across different time zones. Our team works around the clock to ensure accessibility and responsiveness, making it easy for you to stay connected and informed regardless of your location.</p></div></div><div class="why-box"><div class="why-left"><svg class="cb-svgsprite -star2"><use xlink:href="/assets/svg/svgsprites.svg#star2"></use></svg><p class="why-main">Innovative Solutions, Every Time</p></div><div class="why-right"><p>Innovation is at the core of our ethos. We thrive on pushing boundaries and exploring new technologies to deliver cutting-edge solutions. From responsive designs to interactive elements, we infuse creativity into every project to keep you ahead of the curve.</p></div></div><div class="why-box"><div class="why-left"><svg class="cb-svgsprite -star2"><use xlink:href="/assets/svg/svgsprites.svg#star2"></use></svg><p class="why-main">Reliable Support, Always</p></div><div class="why-right"><p>Our commitment doesn't end with the launch of your website. We provide ongoing support and maintenance to keep your digital presence running smoothly. Whether it's troubleshooting technical issues or implementing updates, you can count on us to be there every step of the way</p></div></div></div><div class="why-footer magnetic-parent"><div><div class="why-footer-top">making you just</div><div class="why-footer-bottom">eye <span class="eye-wrapper"><span class="eye-el circle-radius abs-center pabs inline_block magnetic"><span class="eye-el-inner circle-radius pabs abs-center inline_block"></span></span> </span>grabbing</div></div></div></section><div class="clientel"><div class="clientel-head"><div class="clientel-head-inner">Our partners</div></div><div class="clientel-body"><span class="partner-logo" data-cursor="-blink"><img class="partner" alt="vicstatelogo partner" src="assets/images/logos/partners/fela.svg" data-status="Our partner" data-heading="Fela studio" data-intro="A Toronto and Los Angeles-based production company that specializes in making cutting-edge content in the realm of music videos, commercials, documentaries and films." data-logo="assets/images/logos/partners/fela.svg" data-link="https://fela.tv"> </span><span class="partner-logo" data-cursor="-blink"><img class="partner" alt="vicstatelogo partner" src="assets/images/logos/partners/noomoLogo2.svg" data-status="Our partner" data-heading="Noomo Agency
" data-intro="Noomo is a boutique and award-winning
digital design agency specializing in creating interactive digital experiences, websites, applications, and
immersive experiences." data-logo="assets/images/logos/partners/noomoLogo2.svg" data-link="https://noomoagency.com/ "> </span><span class="partner-logo" data-cursor="-blink"><img class="partner" alt="awwwards partner" src="assets/images/logos/partners/awards.svg" data-status="Our partner" data-heading="Awwwards" data-intro="Awwwards is a prestigious
company that recognizes and promotes the best web design and development projects from around the world,
showcasing innovative and creative websites that push the boundaries of design and functionality." data-logo="assets/images/logos/partners/awards.svg" data-link="https://awwwards.com"> </span><span class="partner-logo" data-cursor="-blink"><img class="vicstatelogo-large partner" alt="vicstatelogo" src="assets/images/logos/partners/Felicity.svg" data-status="Our partner" data-heading="Felicity" data-intro="Felicity's clothing line, based in Kenya, embodies a unique blend of contemporary elegance and African inspiration, drawn from diverse cultural influences and the vibrant spirit of Kenya." data-logo="assets/images/logos/partners/Felicity.svg" data-link="https://www.felicity.ke"></span><span class="partner-logo" data-cursor="-blink"><img class="vicstatelogo-small partner" alt="vicstatelogo-small" src="assets/images/logos/partners/core-water.svg" data-status="Our partner" data-heading="Core Water" data-intro="Core Nutrition LLC is a company based in the United States dedicated to providing consumers with a refreshing and hydrating experience while promoting health wellness. Its well known for offering its premium bottled water to consumers worldwide " data-logo="assets/images/logos/partners/core-water.svg" data-link="https://hydratewithcore.com/"></span><span class="partner-logo" data-cursor="-blink"><img alt="vicstatelogo" class="partner" src="assets/images/logos/partners/the37.svg" data-status="Our partner" data-heading="The/THIRTY7" data-intro="The/ Thirty7 is a collective of individuals, who are passionate for visionary solutions and delivering dynamic products and brands. They recognize that implementing creative vision is a privilege shared only by those that can be ruthless in achieving goals." data-logo="assets/images/logos/partners/the37.svg" data-link="https://www.thethirty7.com/"></span></div></div><section class="customer-contact-wrap"><section class="customer-says"><div class="swiper-top"><div class="swiper-header"><span>Our clients says</span></div></div><div class="swiperx-wrapper"><div class="before-testimonial">“</div><div class="swiper" data-cursor-img="assets/svg/custom-arrow.svg" data-cursor="-invisible"><div class="swiper-wrapper"><div class="swiper-slide"><div class="message-wrapper"><div class="message"><div>I had the pleasure of collaborating with Hypercritical on a challenging web project. The teams dedication to producing high-quality code and delivering on time is amazing, Thanks.</div></div><div class="testimonial-bottom"><div class="testimonial-image"><img src="assets/images/customers/fahaar.webp" width="3000" height="3000" alt="Hypercritical customer" loading="lazy" data-nuxt-img=""></div><div class="testimonial-credits"><div class="testimonial-name">Bahameen Fahar</div><div class="testimonial-company">Designer Trakexcel studio</div></div></div></div></div><div class="swiper-slide"><div class="message-wrapper"><div class="message"><div>I stumbled upon this studio online and man, am I glad I did! They whipped up a killer website for me that's getting loads of compliments. Super easy to work with, too. Big thumbs up from this happy customer!</div></div><div class="testimonial-bottom"><div class="testimonial-image"><img src="assets/images/customers/mike.webp" width="3000" height="3000" alt="Hypercritical customer" loading="lazy" data-nuxt-img=""></div><div class="testimonial-credits"><div class="testimonial-name">Mike Davis</div><div class="testimonial-company">Fashion Stylist</div></div></div></div></div><div class="swiper-slide"><div class="message-wrapper"><div class="message"><div>Choosing Hypercritical to develop my website was one of the best decisions I've made for my business. The team was communicative, responsive, and incredibly skilled. The end product exceeded my expectations, and I'm already seeing the positive impact.</div></div><div class="testimonial-bottom"><div class="testimonial-image"><img src="assets/images/customers/lucy.webp" width="3000" height="3000" alt="Hypercritical customer" loading="lazy" data-nuxt-img=""></div><div class="testimonial-credits"><div class="testimonial-name">Lucy Muthoni</div><div class="testimonial-company">fashion designer</div></div></div></div></div><div class="swiper-slide"><div class="message-wrapper"><div class="message"><div>Wow, I gotta hand it to Hypercritical —they totally nailed it with my website! I was a bit clueless about what I wanted, but they totally got my vibe and ran with it. Now I've got this awesome site that's getting me noticed. Thanks, guys, you rock!</div></div><div class="testimonial-bottom"><div class="testimonial-image"><img src="assets/images/customers/romynul-1.webp" width="3000" height="3000" alt="Hypercritical customer" loading="lazy" data-nuxt-img=""></div><div class="testimonial-credits"><div class="testimonial-name">Romynul Shuvo</div><div class="testimonial-company">Tattoo artist</div></div></div></div></div><div class="swiper-slide"><div class="message-wrapper"><div class="message"><span>I had the pleasure of collaborating with Hypercritical on a challenging web project. The teams dedication to producing high-quality code and maintaining best practices is exceptional.</span></div><div class="testimonial-bottom"><div class="testimonial-image"><img src="assets/images/customers/alex.jpg" width="3000" height="3000" alt="Hypercritical customer" loading="lazy" data-nuxt-img=""></div><div class="testimonial-credits"><div class="testimonial-name">Alexandrie Leclerc</div><div class="testimonial-company">Upcoming artist</div></div></div></div></div></div></div><div class="after-testimonial">”</div></div></section><div class="customer-contact"><div class="contact-intro"><div style="display:flex;flex-wrap:wrap"><span>Innovative?</span> <span>So are we.</span></div></div><div class="contact-boxes-wrapper"><div class="contact-box"><a href="contact" class="transit"><div class="h4">Im looking to build a website</div><div class="contact-image"><span class="image-wrap-box"><img alt="New idea?contact-us." src="assets/images/32x-comp.jpg" decoding="async" data-nimg="fill" class="Img_Img__73sGi"></span></div></a><div class="Trake_tile_button"><button class="Button_Button__vVAZK button" title="View"><span><div class="Button_ArrowCont__WrhN_"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="m100,0H0v100C0,44.77,44.77,0,100,0Z" fill="var(--color-thistle)"></path></svg><div class="Button_Arrow__LawjV"><svg width="31" height="28" viewBox="0 0 31 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.857198 13.7372L27.9141 13.7372" stroke="var(--color-black)" stroke-width="3"></path><path d="M15.4561 1.39417L27.9142 13.8522L15.4561 26.3104" stroke="var(--color-black)" stroke-width="3"></path></svg></div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="m100,0H0v100C0,44.77,44.77,0,100,0Z" fill="var(--color-thistle)"></path></svg></div></span></button></div></div><div class="contact-box"><a href="contact" class="transit" aria-label="contact"><div class="h4">I have a inquiry</div><div class="contact-image"><span class="image-wrap-box"><img alt="Web design mockup." src="assets/images/2JF5R14-scaled-1.webp" decoding="async" data-nimg="fill" class="Img_Img__73sGi"></span></div></a><div class="Trake_tile_button"><button class="Button_Button__vVAZK button" title="View"><span><div class="Button_ArrowCont__WrhN_"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="m100,0H0v100C0,44.77,44.77,0,100,0Z" fill="var(--color-thistle)"></path></svg><div class="Button_Arrow__LawjV"><svg width="31" height="28" viewBox="0 0 31 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.857198 13.7372L27.9141 13.7372" stroke="var(--color-black)" stroke-width="3"></path><path d="M15.4561 1.39417L27.9142 13.8522L15.4561 26.3104" stroke="var(--color-black)" stroke-width="3"></path></svg></div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="m100,0H0v100C0,44.77,44.77,0,100,0Z" fill="var(--color-thistle)"></path></svg></div></span></button></div></div><div class="contact-box"><a href="contact" class="transit" aria-label="to contact"><div class="h4">I have an idea</div><div class="contact-image"><span class="image-wrap-box"><img alt="Great pick idea" src="assets/images/matter-hypercritical.webp" decoding="async" data-nimg="fill" class="Img_Img__73sGi"></span></div></a><div class="Trake_tile_button"><button class="Button_Button__vVAZK button" title="View"><span><div class="Button_ArrowCont__WrhN_"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="m100,0H0v100C0,44.77,44.77,0,100,0Z" fill="var(--color-thistle)"></path></svg><div class="Button_Arrow__LawjV"><svg width="31" height="28" viewBox="0 0 31 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.857198 13.7372L27.9141 13.7372" stroke="var(--color-black)" stroke-width="3"></path><path d="M15.4561 1.39417L27.9142 13.8522L15.4561 26.3104" stroke="var(--color-black)" stroke-width="3"></path></svg></div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="m100,0H0v100C0,44.77,44.77,0,100,0Z" fill="var(--color-thistle)"></path></svg></div></span></button></div></div></div></div></section><section class="footer white-section" id="footer" data-cursor="-inverse"><div class="footer-right"><span class="large-h">H</span> <span class="large-c">C <sup>◕</sup></span></div><div class="footer-left"><div class="sitemap"><div class="footer-map-header">SITEMAP</div><ul class="flexme"><li><a href="home" class="footer-links transit" aria-label="home link">Home</a></li><li><a href="services" class="footer-links transit" aria-label="services link">Services</a></li><li><a href="works" class="footer-links transit" aria-label="works link">Works</a></li><li><a href="studio" class="footer-links transit" aria-label="works link">Studio</a></li><li><a href="contact" class="footer-links transit" aria-label="contact-link">Contact</a></li></ul></div><div class="office"><div class="footer-map-header">OFFICE</div><ul><li>Nairobi, Kenya<br>Moi avenue</li><li class="br"></li><li class="li">+254 706-676-569</li></ul></div><div class="footer-social"><div class="footer-map-header">SOCIALS</div><ul class="flexme"><li><a href="" aria-label="instagram" target="_blank" class="instagram transit">instagram</a></li><li><a href="" aria-label="linktree" target="_blank" class="linktree transit">linktree</a></li><li><a href="" aria-label="behance" target="_blank" class="behance transit">behance</a></li><li><a href="" aria-label="twitter" target="_blank" class="twitter transit">twitter</a></li><li><a href="" aria-label="github" target="_blank" class="github transit">github</a></li></ul></div><div class="legal"><div class="footer-map-header">LEGAL</div><ul class="flexme"><li><a href="" class="transit" aria-label="terms">Terms</a></li><li><a href="" class="transit" aria-label="cookies">cookies</a></li><li><a href="" class="transit" aria-label="Privacy policy">Privacy policy</a></li></ul></div><div class="footer-contact"><div class="footer-map-header">CONTACT</div><ul><li>Hypercritical@info.com</li><li>+254 706-676-569</li><li>vickkietrake@gmail.com</li></ul></div><div class="footer-career"><div class="footer-map-header">CAREER</div><ul><li>info@hypercritical.io</li><li>vickkie.github.io</li></ul></div></div><div class="footer-footer"><div class="footer-footer-left"><div>@2024 Hypercritical</div><div class="span">All rights Reserved</div></div><div class="footer-footer-right"><div><a href="" aria-label="site by ©uzitrake" class="developer-portfolio transit" target="_blank">site by ©uzitrake</a></div><div>back to top</div></div></div></section><a class="footer__link-top" id="toTop" href="#heromain" aria-label="scroll to top" data-cursor="-hidden" style="display:block"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-0.510301 2.3982 121 127.1"><path d="M 60 129 Z M -0.002 63.356 A 1 1 0 0 0 119.96 61.777 A 1 1 0 0 0 0 64 Z " stroke="none" stroke-width="0.5" class="top-arrow-wrapper"/><path d="M 46.676 41.238 L 80.562 41.037 L 80.38 72.604 M 80.312 41.537 L 39.085 84.014" class="top-arrow-path" stroke-width="5" fill="none"/></svg></a></main><link href="css/media-cursor.css" rel="stylesheet"><script src="js/jquery-3.6.0.min.js"></script><script src="js/gsap.min.js"></script><script src="js/imagesloaded.pkgd.min.js"></script><script src="includes/transition.js"></script><script src="includes/page-loader-images.js"></script><script src="js/scrolltoplugin.js"></script><script src="js/split-text.js"></script><script src="js/multi-menu.js"></script><script src="js/Hypercritical-magnet.js"></script><script defer="defer" src="studio.bundle.js"></script><script defer="defer" src="partnerModal.bundle.js"></script></body></html>