118 lines
5.1 KiB
HTML
118 lines
5.1 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="650a2b4cc0091d7b7c21ae23" 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>Styleguide</title>
|
||
|
|
<meta content="Styleguide" property="og:title">
|
||
|
|
<meta content="Styleguide" property="twitter:title">
|
||
|
|
<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>
|
||
|
|
<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>
|
||
|
|
<div class="section">
|
||
|
|
<div class="styleguide-header-wrap">
|
||
|
|
<div class="heading-jumbo">
|
||
|
|
Styleguide
|
||
|
|
</div>
|
||
|
|
<div class="paragraph-bigger cc-bigger-light"></div>
|
||
|
|
</div>
|
||
|
|
<div class="container">
|
||
|
|
<div class="styleguide-content-wrap">
|
||
|
|
<div class="styleguide-block">
|
||
|
|
<div class="label cc-styleguide-label">
|
||
|
|
Headings
|
||
|
|
</div>
|
||
|
|
<div class="heading-jumbo">
|
||
|
|
Heading Jumbo
|
||
|
|
</div>
|
||
|
|
<div class="heading-jumbo-small">
|
||
|
|
Heading Jumbo
|
||
|
|
</div>
|
||
|
|
<div class="heading-jumbo-tiny">
|
||
|
|
Heading Jumbo
|
||
|
|
</div>
|
||
|
|
<h1 class="heading">Heading 1</h1>
|
||
|
|
<h2 class="heading-2">Heading 2</h2>
|
||
|
|
<h3 class="heading-3">Heading 3</h3>
|
||
|
|
<h4 class="heading-4">Heading 4</h4>
|
||
|
|
<h5 class="heading-5">Heading 5</h5>
|
||
|
|
<h6 class="heading-6">Heading 6</h6>
|
||
|
|
</div>
|
||
|
|
<div class="divider"></div>
|
||
|
|
<div class="styleguide-block">
|
||
|
|
<div class="label cc-styleguide-label">
|
||
|
|
Paragraphs & Links
|
||
|
|
</div>
|
||
|
|
<p class="paragraph-bigger">Paragraph-bigger</p>
|
||
|
|
<p class="paragraph">Paragraph</p>
|
||
|
|
<p class="paragraph-light">Paragraph-de-emphasized</p>
|
||
|
|
<p class="paragraph-small">Paragraph-smaller</p>
|
||
|
|
<p class="paragraph-tiny">Paragraph-tiny</p>
|
||
|
|
<div class="label">
|
||
|
|
Label
|
||
|
|
</div><a href="#" class="link-3">A text link</a>
|
||
|
|
</div>
|
||
|
|
<div class="divider"></div>
|
||
|
|
<div class="styleguide-block">
|
||
|
|
<div class="label cc-styleguide-label">
|
||
|
|
Buttons & Form Elements
|
||
|
|
</div>
|
||
|
|
<div class="styleguide-button-wrap">
|
||
|
|
<a href="#" class="button w-inline-block">
|
||
|
|
<div>
|
||
|
|
Explore
|
||
|
|
</div></a>
|
||
|
|
</div>
|
||
|
|
<div class="styleguide-button-wrap">
|
||
|
|
<a href="#" class="button cc-jumbo-button w-inline-block">
|
||
|
|
<div>
|
||
|
|
Explore
|
||
|
|
</div></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="divider"></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>
|