web/static/home-copy/index.html

163 lines
9.7 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="65165e5ff99c2aac11abb458" 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="our cool new website" property="og:description">
<meta content="/webflow-assets/650a2b4cc0091d7b7c21adaa/651603b40788b95807194509_umorpha_opengraph.jpg" property="og:image">
<meta content="umorpha systems" property="twitter:title">
<meta content="our cool new website" 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">
</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="/" class="logo-link w-nav-brand"><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>
a changing world.
</div>
<div class="paragraph-bigger cc-bigger-white-light">
lets give em a little somethin somethin right here<br>
</div>
</div><a href="/about" class="bubble-button w-inline-block">
<div class="text-block">
Learn More
</div></a>
<div class="w-layout-blockcontainer w-container">
<div class="logoholder"><img src="/webflow-assets/650a2b4cc0091d7b7c21adaa/6514f53226dcd604df7bb02c_oshwa.png" loading="lazy" id="w-node-d9525a74-7680-6c9b-0b33-d1086868bf0b-11abb458" alt="" class="membership-logos"><img src="/webflow-assets/650a2b4cc0091d7b7c21adaa/65150cff2a5918f4659245bb_eeba-new.svg" loading="lazy" alt="" class="membership-logos"><img src="/webflow-assets/650a2b4cc0091d7b7c21adaa/65151c532305724bd7375cc3_colorado_green_building_guild.svg" loading="lazy" id="w-node-_6ca8ee9b-c4ae-838c-8ec3-708b0c710351-11abb458" alt="" class="membership-logos"></div>
</div>
</div>
</div>
</section>
<div class="section cc-store-home-wrap">
<div class="cars-container">
<div class="motto-wrap">
<div class="label cc-light">
What we believe in
</div>
<div class="heading-jumbo-small">
We need a solid punchy little blurb here that is aproximately this long.<br>
</div>
</div>
<div class="divider"></div>
<div class="home-content-wrap">
<div class="w-layout-grid about-grid">
<div id="w-node-_86e64837-0616-515b-4568-76c147234d34-11abb458" class="home-page-div">
<div class="home-section-wrap">
<h2 class="section-heading">what we do</h2>
<p class="paragraph-light">Umorpha Systems, an employee-owned cooperative, is fully libre/open-source all the way from products to bylaws. &nbsp;We design and manufacture HVACR and home networking equipment to meet the comfort, indoor air quality, energy resilience, and security needs of high-performance homes. &nbsp;We share everything we do in order to raise awareness of the everyday impact of building systems, support and grow the Tradesperson workforce, and make the manufacture of critical infrastructure more sustainable - all by making systems more transparent and hobbyist/DIY/hands-on-friendly!</p>
</div><a href="/about" class="bubble-button w-inline-block">
<div class="button-text">
about us
</div></a>
</div>
<div id="w-node-baab4443-1261-382c-124a-4eaec8e3f6f7-11abb458" class="home-page-div">
<div class="home-section-wrap">
<h2 class="section-heading">who we are</h2>
<p class="paragraph-light">for this card lets go ahead and talk primarily about our co-op values and the importance of worker ownership. then we can maybe hit them with some vague brags about our staff like how we have X ammount of combined years of Y experience and how we're such a cool nation wide team. We've got guys over there doing this and guys over here doing that. We have out fingers in all kinds of neato organizations and cosigns from some pretty neat guys. Then lets throw em another sentance or two until the whole paragraph is just about this long so that they are all roughly the same length.</p>
</div><a href="/team" class="bubble-button w-inline-block">
<div class="button-text">
our team
</div></a>
</div>
<div id="w-node-_1dac3fd0-2d7b-8893-ff13-742df27adf70-11abb458" class="home-page-div">
<div class="home-section-wrap">
<h2 class="section-heading">how to get involved</h2>
<p class="paragraph-light">this is it boys, the call to action, get em on the hook. Here we can start by encouraging them to contact us, then we can maybe tease future releases like 'hey buddy keep checking back so you can be the first on the waiting list for the hottest gizmo of next year' We can also say some things about how we're going to need participants for the project, open source, testing, yada yada etc. Maybe this is a good place to mention a mailing list or something just to pad things out a bit and get everything to a nice cool length like the other two cards. They look just about right to me with roughly 12 lines.</p>
</div><a href="/contact" class="bubble-button w-inline-block">
<div class="button-text">
get in touch
</div></a>
</div>
</div>
</div>
</div>
</div>
<div class="section cc-cta">
<div class="container">
<div class="cta-wrap">
<div>
<div class="cta-text">
<div class="heading-jumbo-small">
get in touch<br>
</div>
<div class="paragraph-bigger cc-bigger-light">
call to action here, touch on getting invoved, asking questions newsletter, open source contributions etc.<br>
</div>
</div><a href="/contact" class="button cc-jumbo-button w-inline-block">
<div>
Start Now
</div></a>
</div>
</div>
</div>
</div>
<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>
</body>
</html>