mirror of
https://github.com/embarklabs/embark-framework.github.io.git
synced 2026-08-31 00:41:15 +00:00
263 lines
7.5 KiB
HTML
263 lines
7.5 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="#" 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="right-tool">
|
|
<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">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="explore-more">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<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">
|
|
</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/EMBARK_MODULAR.png" class="mx-auto d-block w-100">
|
|
</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/EMBARK_MODULAR.png" class="mx-auto d-block w-100">
|
|
</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/EMBARK_MODULAR.png" class="mx-auto d-block w-100">
|
|
</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="updates">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<form class="form-inline text-center subForm">
|
|
<div class="form-group mb-2 signupLabel">
|
|
<label for="staticEmail2">Sign up for Updates</label>
|
|
</div>
|
|
<div class="form-group mx-sm-3 mb-2">
|
|
<label for="email" class="sr-only">Email</label>
|
|
<input type="email" class="form-control subEmailInput" id="email" placeholder="Email">
|
|
</div>
|
|
<button type="submit" class="btn-sub mb-2">Subscribe Now</button>
|
|
</form>
|
|
</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>This the supporting text for this section. Please provide copy that will go
|
|
here.</p>
|
|
<a href="#" class="orange-cta-lg text-uppercase">Get Started</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rocket-ship">
|
|
<img src="images/cta-start-rocket.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="img/company-flexdapps.svg" alt="Flexdapps" class="mx-auto d-block">
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<img src="img/company-giveth.svg" alt="Giveth" class="mx-auto d-block">
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<img src="img/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="#" class="orange-cta-lg text-uppercase">Get Started</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="#">Keycard</a></li>
|
|
<li><a href="#">dap.ps</a></li>
|
|
<li><a href="#">Embark</a></li>
|
|
<li><a href="#">Subspace</a></li>
|
|
<li><a href="#">Vac</a></li>
|
|
<li><a href="#">Status</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
</footer>
|
|
|
|
|
|
<!-- Optional JavaScript -->
|
|
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
|
<script src="js/custom.js"></script>
|
|
<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> |