-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
14 lines (14 loc) · 31.5 KB
/
Copy pathindex.html
File metadata and controls
14 lines (14 loc) · 31.5 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!doctype html><html lang="en" class="menu-will-open" 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="Welcome to my Hypercritical discover our work and skills"><meta name="keywords" content="Welcome ,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 fetchpriority="high" rel="preload" href="assets/images/0412-2.webp" as="image"><link rel="manifest" href="includes/manifest.json"><link rel="stylesheet" href="css/preloader.css"><script src="js/jquery-3.6.0.min.js"></script><script src="js/vue.min.js"></script><script src="js/gsap.min.js"></script><link rel="stylesheet" href="css/index.css"><link rel="stylesheet" href="css/transition.css"></head><body class="page-index light" id="index-body" oncontextmenu="return!0"><div id="overlay" style="scale:0"></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-out"><div class="mid-transition-wrapper"><div class="mid-transition"><span class="mid-transition-text">HC</span></div></div></div><main class="flex__col" id="preloaderdoc"><section class="intro preloader"><span class="agency-box"><svg height="20px" width="20px" 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:#fff" 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:#fff" 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:#fff" cx="15.979" cy="15.977" r="6.117"></circle></g></svg></span><div class="prelogo">Hypercritical</div><div id="loader1"><div class="percentage-wrapper"><div status class="percentage">0%</div></div></div><div id="loader2"><div class="percentage-wrapper"><div status class="percentage">{{loaded}}%</div></div><div class="preloader__status-loader"><div loader :style="loadStyle" class="preloader__status-bar"></div></div></div><div class="intro__red flex"><div>Hypercritical</div></div></section></main><script src="includes/preloader.js"></script><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">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="about" 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="account/" class="sidemenuUzi__item transit" data-cursor="-medium -exclusion"><span class="sidemenuUzi__item-inner">Enter</span></a> <a href="account/membership_signup" class="sidemenuUzi__item transit" data-cursor="-medium -exclusion"><span class="sidemenuUzi__item-inner">Join</span></a> <a href="#" class="sidemenuUzi__item transit"><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-main"><div class="main-hero"><div class="hero-largelogo center"><span class="hyper">HYPER</span><span class="critical">CRITICAL<sup>•</sup></span></div></div><div class="scrolldown-hero center"><span>(◕‿◕) scroll</span></div></section><script async src="js/imagesloaded.pkgd.min.js"></script><script async src="js/multi-menu.js"></script><section class="hero-image slide" data-columns="2"><div class="parallax-image parallax-hero"><img src="assets/images/0412-2.webp" data-label="" alt="introduction image"></div></section><section class="introduction white-section"><div class="intro-title"><span class="intro-title-inner">INTRODUCTION</span></div><div class="intro-description"><span class="desc-wrapper">Hypercritical, is a cutting edge digital design ● and tech studio based in Kenya which had its genesis in the vision of its Founder Uzitrake.</span></div><div class="intro-footer"><div class="divider-line" line-trigger=".intro-footer"></div><div class="intro-studio">Founded in 2020, Hypercritical had a clear and noble mission—to empower and uplift businesses. Small or large, local or global, our focus was always on providing the tools and solutions necessary to drive growth, efficiency, and success for you.</div><div class="morestudio"><a href="studio" class="black transit" role="link">More about us <span><svg role="button"><use xlink:href="#arrow-right"></use></svg></span></a></div></div></section><link rel="stylesheet" href="css/animate-code.css"><section class="innovation-services"><div class="title-inno">What we do</div><div class="content-uzi content--full" data-bgcolor="#030014" data-textcolor="#fff" data-cursor="-exclusion" data-start="top 90%"><span class="content__title" data-splitting data-effect28><span class="font-12 font-medium">Services</span></span></div></section><section id="coding"><p class="label label--vert-mirror" style="left:0;transform:translateY(54px)"><svg height="15px" width="15px" class="-blink" 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:#26c406" 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:#26c406" 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:#26c406" cx="15.979" cy="15.977" r="6.117"></circle></g></svg> Our services</p><div class="grid" data-cursor="-exclusion"><div class="grid__item"><span class="uzijoint"></span> <span class="uzijoint uzijoint-left"></span> <span class="uzijoint uzijoint-bottom-left"></span> <span class="uzijoint uzijoint-bottom-right"></span> <a class="grid__item-img grid-item-vid" aria-label="web app dev video" href="#trakexcel"><div class="grid__item-img-deco"></div><div style="width:100%;height:100%" class="image"><img src="assets/images/mobile-design.webp" data-label class="lazyload" alt="web dev image"></div><video class="grid__item-video lozad" loop autoplay muted><source data-src="assets/videos/mjobile.mp4" type="video/mp4"></video></a><p class="grid__item-label">Providing our art in creating a modern and scalable website apps, optimizing speed, integrating cloud-based hosting solutions.</p><span class="grid__item-tag" data-cursor="-enlarge -exclusion">Web App Development</span></div><div class="grid__item"><span class="uzijoint"></span> <span class="uzijoint uzijoint-left"></span> <span class="uzijoint-bottom-left"></span> <span class="uzijoint-bottom-right"></span> <a class="grid__item-img grid-item-vid" aria-label="web design video" href="#trakexcel"><div class="grid__item-img-deco"></div><img src="assets/images/website-design.webp" data-label alt="Branding image"><video class="grid__item-video lozad" loop autoplay muted><source data-src="assets/videos/home (online-video-cutter.com) (1) (1) (1).mp4" type="video/mp4"></video></a><p class="grid__item-label">We develop professional websites across all industries, focusing on user-friendly design and seamless navigation.</p><span class="grid__item-tag">Website Design</span></div><div class="grid__item"><span class="uzijoint"></span> <span class="uzijoint uzijoint-left"></span> <span class="uzijoint-bottom-left"></span> <span class="uzijoint-bottom-right"></span> <a class="grid__item-img grid-item-vid" aria-label="Branding video" href="#trakexcel"><div class="grid__item-img-deco"></div><img src="assets/images/Fabric.webp" data-label alt="brand this"><video class="grid__item-video lozad" loop autoplay muted><source data-src="assets/videos/motion22.mp4" type="video/mp4"></video></a><p class="grid__item-label">Transforming your brand into a compelling and unmistakably recognizable identity worldwide.</p><span class="grid__item-tag" data-cursor="-enlarge -exclusion">Branding</span></div><div class="grid__item grid-itemz"><span class="uzijoint"></span> <span class="uzijoint uzijoint-left"></span> <span class="uzijoint-bottom-left"></span> <span class="uzijoint-bottom-right"></span> <a class="grid__item-img" aria-label="Visionary video" href="#trakexcel"><div class="grid__item-img-decox"></div><img src="assets/images/innovation1.webp" data-label alt="Backend design image"></a><p class="grid__item-label">We are committed to fostering innovation, with a primary focus on creating intuitive data visualizations and delivering clear and impactful messaging.</p><span class="grid__item-tag">Visionary innovation</span></div><div class="grid__item"><span class="uzijoint"></span> <span class="uzijoint uzijoint-left"></span> <span class="uzijoint-bottom-left"></span> <span class="uzijoint-bottom-right"></span> <a class="grid__item-img grid-item-vid" aria-label="Backend design animate" href="#trakexcel"><div class="grid__item-img-deco"></div><img src="assets/images/90b50417aaab2c8a758d63b28ae35fc4.webp" border="0" alt="4" data-label alt="Backend
design image" class="lazyload"><video class="grid__item-video lozad" loop autoplay muted><source data-src="assets/videos/original-39fcceebe0cb5a1f113882e8060a6baf.mp4" type="video/mp4"></video></a><p class="grid__item-label">Through intuitive data structures and efficient server-side logic, we pave the way for applications that not only meet current needs but are adaptable to future challenges.</p><span class="grid__item-tag" data-cursor="-enlarge -exclusion">Backend Design</span></div><div class="grid__item grid-itemz"><span class="uzijoint"></span> <span class="uzijoint uzijoint-left"></span> <span class="uzijoint-bottom-left"></span> <span class="uzijoint-bottom-right"></span> <a class="grid__item-img" aria-label="web security animation" href="#trakexcel"><div class="grid__item-img-decox"></div><img src="assets/images/security.webp" style="object-position:center center" data-label class="lazyload" alt="web security"></a><p class="grid__item-label">We provide a comprehensive website overhaul, implementing advanced security features and SSL encryption.</p><span class="grid__item-tag" data-cursor="-enlarge -exclusion">Web Security</span></div></div></section><main class="elephant-boundary"><section class="global-video"><video id="video-background" preload="none" class="lozad" muted loop poster="assets/images/world-poster.webp"><source data-src="assets/videos/world-480p.mp4" type="video/mp4" media="(max-width: 719px)"><source data-src="assets/videos/world-720p.mp4" type="video/mp4" media="(min-width: 720px) and (max-width: 1079px)"><source data-src="assets/videos/world-1000p.mp4" type="video/mp4" media="(min-width: 1080px) and (max-width: 1439px)"><source data-src="assets/videos/world-1400p.mp4" type="video/mp4" media="(min-width: 1440px)">Your browser does not support the video tag.</video><div class="top-background"><div class="div video-overlay center">WORKING <span class="split-chars"><br>WORLDWIDE</span><div class="video-footer"><span class="bold">Unleash </span><span>➺ your potential</span></div></div></div></section><section class="ourservices" data-cursor="-nosee"><div class="c-elephant_himself_wrap is-inview" data-scroll="item" data-scroll-parallax-from="5%" data-scroll-parallax-to="-5%" data-scroll-target="#dumbo"><div class="c-elephant_himself" data-elephant="himself"><div class="c-sprite -elephant -loop is-inview is-lazy-loaded"></div></div></div><div class="services-head"><span class="why-us">WHY CHOOSE US</span></div><div class="accordion-right"></div><div class="services-accordion"><details class="col__content-txt"><summary>✽ Brand-focused partner?<div class="wrap-accordion-icon"><i class="accordion-icon" data-cursor="-enlarge -exclusion"></i></div></summary><span>We work with brand leaders to build motion identities, systems, and applications that deepen audience relationships, strengthen brand affinity, and drive long-term growth.</span></details><details class="col__content-txt"><summary>✽ Approach<div class="wrap-accordion-icon"><i class="accordion-icon" data-cursor="-enlarge -exclusion"></i></div></summary><span>Our team draws on decades of experience, turning complex creative challenges into collaborative brand partnerships. We integrate with your team to learn your business, adopt your brand, and create motion identities, systems, and applications that transform how you communicate in today’s digital environment.</span></details><details class="col__content-txt"><summary>✽ Seamless experience<div class="wrap-accordion-icon"><i class="accordion-icon" data-cursor="-enlarge -exclusion"></i></div></summary><span>You bring the curiosity and drive, we bring the projects you’re proud to be a part of—from ambitious startups to any advanced field.We adapt to your needs with ease, enabling efficient workflows, and providing high-touch, high-quality partnerships for every client we work with.</span></details><details class="col__content-txt"><summary>✽ Innovative Design Solutions<div class="wrap-accordion-icon"><i class="accordion-icon" data-cursor="-enlarge -exclusion"></i></div></summary><span>We specialize in creating unique, cutting-edge designs that stand out in the digital landscape. Our innovative approach ensures your brand's identity is distinctively represented online.</span></details><details class="col__content-txt"><summary>✽ Timely Delivery<div class="wrap-accordion-icon"><i class="accordion-icon" data-cursor="-enlarge -exclusion"></i></div></summary><span>Hypercritical understand the importance of meeting deadlines in the fast-paced digital world. Our commitment to timely delivery ensures your project is completed on time, allowing you to launch your website with confidence and on schedule. 👋.</span></details></div></section><section class="hero-portfolio white-section" data-cursor="-inverse"><div class="portfolio-head"><div class="port-header-label">WORKS</div><div class="port-header-text">explore work</div></div><div class="explore-portfolio"><div class="total-trailers"><span>10+ </span><span class="total-trailers-text">Ground breaking Innovations</span></div><div class="trailer-expla-wrapper"><div class="trailer-expla">Explore our portfolio to gain insights into our diverse projects, drawing inspiration for your own artistic vision and needs.</div></div><div class="trailer-expla-footer">Every project is different. We strive to offer you a customized solution that fulfills your company vision and conforms to the needs of your production.</div><div class="trailer-view-buton"><div class="button margin-buttons"><button class="btn-stack flex-withgap" aria-label="view all" type="button" onclick='window.location="/works"'><span>View all</span><span><svg role="button"><use xlink:href="#arrow-right"></use></svg></span></button></div></div></div><div class="portfolio-trailer"><div class="trailerimage"><div class="carousel"><div class="carouselimage"><img src="assets/images/innovation1.webp" alt="Image 3"></div><div class="carouselimage"><img data-src="assets/images/uziport-multi-high.webp" class="lozad" alt="Image 1"></div><div class="carouselimage"><img data-src="assets/images/lumina-mockall-high.webp" alt="Image 2" class="lozad"></div></div></div><div class="trailer_controls center"><button class="trailer_button -prev" aria-label="previous" type="button"><svg role="button"><use xlink:href="#arrow-left"></use></svg></button> <button class="trailer_button -next" aria-label="next" type="button"><svg role="button"><use xlink:href="#arrow-right"></use></svg></button></div></div><div class="portfolio-footer"></div></section></main><section class="getintouch"><div class="marquee-horizontal"><div class="marquee-css w-embed"></div><div class="track-horizontal-alt"><div class="div-block-4"><div class="marquee-text">get in touch</div><div class="marquee-text">get in touch</div></div></div></div><div class="glass-bg"></div><div class="wrapper get-in-touch"><div class="socials-header"><span class="socials-brand">Socials and contact</span><h2 class="heading-2 split-chars" data-effect28="">Get in Touch</h2></div><div class="socials-left"><div class="social-network"><div class="title-upper">social<br>networks</div><div class="socials-buttons"><a target="_blank" class="social-networks instagram transit" aria-label="instagram" style="background-color:rgba(1,1,1,0)"><img src="assets/svg/g_instagram.png" alt="Instagram icon, png, black" class="social-img" data-label="" style="filter:invert(0%)"></a><a target="_blank" class="social-networks github transit" aria-label="github" style="background-color:rgba(1,1,1,0)"><img src="assets/svg/icons8-github.svg" data-label="" alt="" class="social-img" style="filter:invert(0%)"></a><a target="_blank" class="social-networks w-inline-block linktree transit" aria-label="linktree" style="background-color:rgba(1,1,1,0)"><img src="assets/svg/linktree.svg" alt="" class="social-img" data-label style="filter:invert(0%)"></a></div></div></div><div class="socials-right"><div class="all-social-wrapper"><form id="consultationForm"><div class="field-box"><label for="yourname" class="field-label">Name:</label><br><input class="text-field" id="yourname" name="yourname" placeholder="Enter your name" autocomplete="given-name" maxlength="35"><br></div><div class="field-box"><label for="email" class="field-label">Email:</label><br><input class="text-field" type="email" id="email" name="email" placeholder="Enter email" required maxlength="50" autocomplete="off"><br></div><div class="field-box"><label class="field-label">type of inquiry:</label><div class="multicheck"><div class="checkbox-wrapper"><div class="checkbox-text">Web Design</div><div class="checkbox-input"></div><input type="checkbox" name="Web-Design" aria-label="Web-Design" id="Web-Design"></div><div class="checkbox-wrapper"><div class="checkbox-text">SEO</div><div class="checkbox-input"></div><input type="checkbox" name="SEO" aria-label="SEO" id="SEO"></div><div class="checkbox-wrapper"><div class="checkbox-text">Development</div><div class="checkbox-input"></div><input type="checkbox" name="Development" aria-label="Development" id="Development"></div><div class="checkbox-wrapper"><div class="checkbox-text">Other</div><div class="checkbox-input"></div><input type="checkbox" name="Other" aria-label="Other" id="Other"></div></div></div><div class="field-box"><label class="field-label">Budget:</label><br><div class="multicheck"><div class="radio-wrapper"><div class="radio-text">under $500</div><input type="radio" name="priceGroup" aria-label="under $500" id="under-500"> <label for="under-500" class="radio-input"></label></div><div class="radio-wrapper"><div class="radio-text">$500-$2k</div><input type="radio" name="priceGroup" aria-label="$500-$2k" id="500-2k"> <label for="500-2k" class="radio-input"></label></div><div class="radio-wrapper"><div class="radio-text">$2k- $5k</div><input type="radio" name="priceGroup" aria-label="$2k- $5k" id="2-5k"> <label for="2-5k" class="radio-input"></label></div><div class="radio-wrapper"><div class="radio-text">Partnership</div><input type="radio" name="priceGroup" aria-label="Partnership" id="4all"> <label for="4all" class="radio-input"></label></div></div></div><div class="field-box"><label for="message" class="field-label">Message:</label><br><textarea class="text-field text-area" placeholder="Enter message" id="message" name="message" required maxlength="400"></textarea><br></div><div class="submit-box"><input class="text-field" type="submit" value="Submit"><div class="arrow-wrapper"><div class="arrow-submit"><svg role="button"><use xlink:href="#arrow-right"></use></svg></div></div></div><label for="bait" class="field-label center bot-bait"><i class="icon-info size-16" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="align-middle"><title>terms</title><g fill="none"><path d="M11 7h2v2h-2V7zm0 4h2v6h-2v-6zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" fill="#212121"></path></g></svg> </i>By submitting this form you have agreed to our <a href="terms" class="website submit-info transit" aria-label="terms and services">terms and services</a></label><br><input name="bait" id="bait" style="display:none"></form><script></script></div></div><div class="socials-footer"></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><link href="css/mf.css" rel="stylesheet"><script src="js/split-text.js"></script><script defer="defer" src="js/scrolltrigger.js"></script><script defer="defer" src="includes/transition.js"></script><script defer="defer" src="js/Scroll-Smoother.js"></script><script defer="defer" src="js/scrolltoplugin.js"></script><script defer="defer" src="main.bundle.js"></script></body></html>