-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
3 lines (3 loc) · 16.9 KB
/
contact.html
1
2
3
<!doctype html><html lang="en" oncontextmenu="return!1"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Contact us</title><meta name="description" content="Contact us now"><meta name="keywords" content="Welcome , contact us,uzitrake , Hypercritical"><meta name="author" content="uzitrake"><meta name="theme-color" content="#fc1234"><meta http-equiv="Cache-Control" content="max-age=31536000"><link rel="manifest" href="includes/manifest.json"><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="stylesheet" href="css/index.css"><link rel="stylesheet" href="css/contact.css"><link rel="stylesheet" href="css/preloader.css"><link rel="stylesheet" href="css/transition.css"><link rel="stylesheet" href="css/multi-menu.css"><script src="js/jquery-3.6.0.min.js"></script><script src="js/gsap.min.js"></script></head><body><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-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="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="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="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"><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="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">Idea? Get in touch</span><h2 class="heading-2 split-chars" data-effect28="">Contact</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="includes/transition.js"></script><script src="includes/page-loader.js"></script><script src="js/imagesloaded.pkgd.min.js"></script><script src="js/multi-menu.js"></script><script defer="defer" src="contact.bundle.js"></script></body></html>