web/static/index.html

164 lines
7.6 KiB
HTML

<!DOCTYPE html>
<!-- Last Published: Wed Feb 07 2024 01:54:35 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-domain="umorpha.webflow.io" data-wf-page="650a2b4cc0091d7b7c21ae18" data-wf-site="650a2b4cc0091d7b7c21adaa" lang="en">
<head>
<meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.7.45">
<meta charset="utf-8">
<title>Umorpha Systems</title>
<meta content="Umorpha Systems" property="og:title">
<meta content="Umorpha Systems" property="og:description">
<meta content="/webflow-assets/650a2b4cc0091d7b7c21adaa/651603b40788b95807194509_umorpha_opengraph.jpg" property="og:image">
<meta content="Umorpha Systems" property="twitter:title">
<meta content="Umorpha Systems" property="twitter:description">
<meta content="/webflow-assets/650a2b4cc0091d7b7c21adaa/651603b40788b95807194509_umorpha_opengraph.jpg" property="twitter:image">
<meta property="og:type" content="website">
<meta content="summary_large_image" name="twitter:card">
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="/webflow-assets/650a2b4cc0091d7b7c21adaa/css/umorpha.webflow.a8989709b.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com" rel="preconnect">
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">
WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic"] }});
</script>
<script type="text/javascript">
!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);
</script>
<link href="/webflow-assets/650a2b4cc0091d7b7c21adaa/6515ffbd1e90dc6f533c7a85_umorpha_favcon.jpg" rel="shortcut icon" type="image/x-icon">
<link href="/webflow-assets/650a2b4cc0091d7b7c21adaa/65c2e2af7a1dadffe6300e57_umorpha_logo_square_noborder_blue_256.png" rel="apple-touch-icon">
<style>
/* add custom cursor */
.typed-words::after {
content: "|";
display: inline;
animation: blink 1s infinite;
}
/* custom cursor animation */
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
</style>
</head>
<body class="body">
<div data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navigation w-nav">
<div class="navigation-wrap">
<div class="div-block">
<a href="/" aria-current="page" class="logo-link w-nav-brand w--current"><img src="/webflow-assets/650a2b4cc0091d7b7c21adaa/65139fa5e0b8553d4c913fe5_logo_horizontal_2.svg" width="Auto" height="100" alt="" class="logo-image"></a>
</div>
<div class="menu">
<nav role="navigation" class="navigation-items w-nav-menu"></nav>
</div>
</div>
</div>
<section class="section-2">
<div class="home-page-hero">
<div class="hero-content cc-homepage">
<div class="intro-text">
<div class="heading-jumbo">
open-source HVAC equipment for<br>
</div>
<div class="typed-words"></div>
<div class="paragraph-bigger cc-bigger-white-light">
Developing and manufacturing entirely libre/open-source HVAC systems to ease the rapid buildout of climate-friendly building mechanicals<br>
</div>
</div>
</div>
</div>
</section>
<div class="section cc-store-home-wrap">
<div class="cars-container">
<div class="motto-wrap">
<div class="heading-jumbo-small">
Critical infrastructure for the built environment deserves to be free of silos and open to community investment.<br>
</div>
<div class="text-block-4">
We believe fully open-source employee-owned cooperatives are a viable way to this open future, and the HVAC industry is the perfect place to start.
</div>
</div>
<div class="divider"></div>
</div>
</div>
<section class="section-3">
<div class="w-layout-blockcontainer home-page-div w-container">
<h1 class="heading-jumbo-small">stay up to date</h1>
<p>Subscribe to our newsletter to hear about our work and upcoming events.</p>
<div class="w-form">
<form id="wf-form-newsletter-form" name="wf-form-newsletter-form" data-name="newsletter form" method="get" class="form" data-wf-page-id="650a2b4cc0091d7b7c21ae18" data-wf-element-id="213ea43a-aea7-f8eb-1bab-701840019c03">
<label for="email">Email Address</label><input class="text-field-2 w-input" maxlength="256" name="email" data-name="Email" placeholder="" type="email" id="email" required=""><input type="submit" data-wait="Please wait..." class="bubble-button w-button" value="Submit">
</form>
<div class="w-form-done">
<div>
Thank you! Your submission has been received!
</div>
</div>
<div class="w-form-fail">
<div>
Oops! Something went wrong while submitting the form.
</div>
</div>
</div>
</div>
</section>
<div class="section">
<div class="footer-containter">
<div class="w-layout-blockcontainer container-2-copy w-container"><img src="/webflow-assets/650a2b4cc0091d7b7c21adaa/65139fa5e0b8553d4c913fe5_logo_horizontal_2.svg" loading="lazy" alt="" class="footer-logo"></div>
<div class="w-layout-blockcontainer container-terms w-container">
<div id="w-node-_3d45bde0-d505-1519-5059-a7aa2190b1a8-51e627e8" class="terms-and-policy-div">
<div class="text-block-2">
contact us
</div><a href="tel:+13035320909" class="link">303-532-0909</a><a href="mailto:anything@umorpha.io?subject=Umorpha%20Systems%20Inquiry" class="link-2">anything@umorpha.io</a>
</div>
<div id="w-node-d978aca2-b7f8-56dd-36db-76d6a273bbdd-51e627e8">
<div class="text-block-2">
© Umorpha Systems 2024
</div>
<div class="text-block-2">
Longmont, Colorado
</div>
</div>
</div>
</div>
</div>
<script src="/other-assets/jquery-3.5.1.min.dc5e7f18c8.js" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="/webflow-assets/650a2b4cc0091d7b7c21adaa/js/webflow.fbf9e890f.js" type="text/javascript"></script>
<script src="/other-assets/typed.min.js"></script>
<script>
var typed4 = new Typed('#typed-text', {
strings: ['technician time-savings', 'servicing flexibility', 'building science education'],
typeSpeed: 75,
backSpeed: 25,
bindInputFocusEvents: true,
loop: true,
cursorChar: '_',
backDelay: 1000,
startDelay: 1000
});
</script>
<script src="/other-assets/typed.min.js"></script>
<script>
var typed = new Typed(".typed-words", {
strings: ["technician time-savings", "servicing flexibility", "building science education", "workforce development", "supply chain resilience", "tunable comfort", "personal privacy", "digital security", "interoperability", "repairability", "off-grid readiness", "disaster resilience", "geeking out", "community engagement", "rapid improvement", "building research", "localized configuration", "the new green economy"],
typeSpeed: 75,
backSpeed: 50,
backDelay: 800,
startDelay: 500,
loop: true,
showCursor: false,
cursorChar: "|",
attr: null,
});
</script>
</body>
</html>