mirror of
https://github.com/embarklabs/embark-framework.github.io.git
synced 2026-08-31 00:41:15 +00:00
242 lines
7.7 KiB
HTML
242 lines
7.7 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
<!-- Bootstrap CSS -->
|
|
<link rel="stylesheet" href="css/v2.css">
|
|
<link rel="stylesheet" href="css/bootstrap.min.css">
|
|
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet">
|
|
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
|
|
<title>Embark</title>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
<header role="banner">
|
|
<span class="c-header__background"></span>
|
|
<div class="container mw-960">
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<a href="#" title="Embark" class="top-logo logo-negative navbar-brand"></a>
|
|
</div>
|
|
<div class="col-9">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container mw-960 pos-rel">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="inner-header">
|
|
<h1>Embark Labs</h1>
|
|
<h2 class="lead">Everything you need to build sustainable inclusive communities</h2>
|
|
<a href="https://embark.status.im/" title="Get Started" class="orange-cta-lg text-uppercase">Get Started</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<img src="images/Spaceman_Right_Hero.png" class="floating-astro">
|
|
</div>
|
|
</header>
|
|
|
|
<div class="righttool">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<h2 class="right-tool-header text-center">The Right Tool for the Job</h2>
|
|
<p class="right-tool-sub">Embark labs is a suite of products and services to help you make a lasting
|
|
impact.</p>
|
|
</div>
|
|
</div>
|
|
<div class="right-tool-logos">
|
|
<div class="row">
|
|
<div class="col-lg-4">
|
|
<div class="rt-col">
|
|
<img src="images/subspace-logo.png" class="mx-auto d-block" style="max-width:255px;">
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="rt-col">
|
|
<img src="images/embark-logo-black.png" class="mx-auto d-block" style="max-width:255px;">
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="rt-col">
|
|
<img src="images/CockpitLogo_Embark.png" class="mx-auto d-block" style="max-width:255px;">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="explore-more">
|
|
<div class="row h-100">
|
|
<div class="col-lg-12 h-100">
|
|
<div class="scroll">
|
|
<img src="images/mouse-icon.png" class="mx-auto d-block">
|
|
<p>keep scrolling to explore Embark more</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="explore-more-blocks">
|
|
<div class="container-fluid">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-6 col-md-6 h-100">
|
|
<div class="explore-image">
|
|
<img src="images/EMBARK_MODULAR.png" class="mx-auto d-block w-100" data-aos="zoom-in-up" data-aos-duration="1200">
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 h-100">
|
|
<div class="explore-content" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="800">
|
|
<h3>Framework</h3>
|
|
<p>The core of Embark Labs is the Embark Framework. A powerful tool for building decentralized
|
|
and privacy preserving
|
|
applications.</p>
|
|
<a href="#" class="white-cta-lg">Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-6 col-md-6 h-100 disable-desktop">
|
|
<div class="explore-image">
|
|
<img src="images/Subspace@2x-8.png" class="mx-auto d-block w-100" data-aos="zoom-in-up" data-aos-duration="1200">
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 h-100">
|
|
<div class="explore-content" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="800">
|
|
<h3>Subspace</h3>
|
|
<p>Reactive components are the core of most modern interfaces. This framework agnostic library
|
|
allows for maximum
|
|
flexibility when interacting with smart contracts.</p>
|
|
<a href="#" class="white-cta-lg">Learn More</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 h-100 disable-mobile">
|
|
<div class="explore-image">
|
|
<img src="images/Subspace@2x-8.png" class="mx-auto d-block w-100" data-aos="zoom-in-up" data-aos-duration="1200">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-6 col-md-6 h-100">
|
|
<div class="explore-image">
|
|
<img src="images/Cockpit@2x-8.png" class="mx-auto d-block w-100" data-aos="zoom-in-up" data-aos-duration="1200">
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 h-100">
|
|
<div class="explore-content" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="800">
|
|
<h3>Cockpit</h3>
|
|
<p>A web interfacefor building, debugging, and deploying decentralized applications.</p>
|
|
<a href="#" class="white-cta-lg">Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="start">
|
|
<div class="container h-100">
|
|
<div class="row align-items-center h-100">
|
|
<div class="col-lg-12">
|
|
<div class="start-inner">
|
|
<h2>Join the Community</h2>
|
|
<p>Connect with others building the decentralized web</p>
|
|
<a href="https://airtable.com/shrNiPDX11xXzuZiF" target="_blank" title="Get Started" class="orange-cta-lg text-uppercase">Join Now</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rocket-ship">
|
|
<img src="images/JointheCommunity_Background-01.png">
|
|
</div>
|
|
</div>
|
|
|
|
<div id="eci">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<h4 class="text-uppercase companiesHeader">Companies who love us</h4>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-4">
|
|
<img src="images/company-flexdapps.svg" alt="Flexdapps" class="mx-auto d-block">
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<img src="images/company-giveth.svg" alt="Giveth" class="mx-auto d-block">
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<img src="images/company-status.svg" alt="status" class="mx-auto d-block">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="questions">
|
|
<!-- <div class="container-text"> -->
|
|
<div class="content">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6 offset-lg-6 col-md-6 offset-md-6">
|
|
<h2>Have Any Questions?</h2>
|
|
<a href="mailto:info@embarklabs.io" title="Get Started" class="orange-cta-lg text-uppercase">Contact Us</a>
|
|
</div>
|
|
</div>
|
|
<img src="images/Astronaut_Floating_Footer.png" class="footer-astro">
|
|
</div>
|
|
</div>
|
|
<!-- </div> -->
|
|
</div>
|
|
|
|
<footer>
|
|
<section class="footer-links">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<ul>
|
|
<li>
|
|
<a href="#" title="Embark" class="top-logo logo-negative navbar-brand"></a>
|
|
</li>
|
|
<li><a href="https://keycard.tech/" target="_blank">Keycard</a></li>
|
|
<li><a href="https://dap.ps/" target="_blank">dap.ps</a></li>
|
|
<li><a href="https://embark.status.im/" target="_blank">Embark</a></li>
|
|
<li><a href="https://subspace.status.im/" target="_blank">Subspace</a></li>
|
|
<li><a href="https://vac.dev/" target="_blank">Vac</a></li>
|
|
<li><a href="https://status.im/" target="_blank">Status</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
</footer>
|
|
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"
|
|
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
|
|
<script src="js/popper.min.js"></script>
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
|
|
|
|
<script>
|
|
AOS.init();
|
|
</script>
|
|
</body>
|
|
|
|
</html> |