mirror of
https://github.com/embarklabs/embark-framework.github.io.git
synced 2026-08-30 08:21:08 +00:00
299 lines
11 KiB
HTML
299 lines
11 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 align-items-center">
|
|
<div class="col-2">
|
|
<a href="#" title="Embark" class="top-logo logo-negative navbar-brand"></a>
|
|
</div>
|
|
<div class="col-10">
|
|
<ul class="mainNav onlyDesktop text-right">
|
|
<li><a href="#tools">Tools</a></li>
|
|
<li><a href="#">Team</a></li>
|
|
<li><a href="#community">Community</a></li>
|
|
<li><a href="#">Blog</a></li>
|
|
<li class="social"><a href="#" target="_blank"><img src="images/status-icon.png"></a></li>
|
|
<li class="social"><a href="#" target="_blank"><img src="images/twitter-icon.png"></a></li>
|
|
<li class="social"><a href="#" target="_blank"><img src="images/github-icon.png"></a></li>
|
|
</ul>
|
|
<button type="button" class="c-navigation__trigger u-link-ghost white navbar-toggler onlyMobile ml-auto" title="Open menu" data-toggle="offcanvas" aria-expanded="false" aria-label="Toggle navigation">
|
|
<svg class="c-icon white">
|
|
<use xlink:href="images/icons.svg#icon-navigation-menu"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="navbar-collapse offcanvas-collapse onlyMobile">
|
|
<ul class="navbar-nav mr-auto mobileMenu">
|
|
<li class="nav-item active">
|
|
<button class="c-navigation__trigger u-link-ghost white close" title="Close menu">
|
|
<svg class="c-icon white">
|
|
<use xlink:href="images/icons.svg#icon-close"></use>
|
|
</svg>
|
|
</button>
|
|
</li>
|
|
<li><a href="#tools">Tools</a></li>
|
|
<li><a href="#">Team</a></li>
|
|
<li><a href="#community">Community</a></li>
|
|
<li><a href="#">Blog</a></li>
|
|
<li class="social"><a href="#" target="_blank"><img src="images/status-icon.png"></a></li>
|
|
<li class="social"><a href="#" target="_blank"><img src="images/twitter-icon.png"></a></li>
|
|
<li class="social"><a href="#" target="_blank"><img src="images/github-icon.png"></a></li>
|
|
</ul>
|
|
</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" id="tools">
|
|
<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">The Embark labs project is comprised 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" id="community">
|
|
<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>
|
|
<div class="footer-link-cols">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4">
|
|
<div class="footer-widget">
|
|
<span class="widget-header">Social Links</span>
|
|
<ul class="social-footer">
|
|
<li class="social"><a href="#" target="_blank"><img src="images/status-icon.png"> Status</a></li>
|
|
<li class="social"><a href="#" target="_blank"><img src="images/twitter-icon.png"> Twitter</a></li>
|
|
<li class="social"><a href="https://get.status.im/chat/public/embark" target="_blank"><img src="images/github-icon.png"> Github</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4">
|
|
<div class="footer-widget">
|
|
<span class="widget-header">More</span>
|
|
<ul class="links-footer">
|
|
<li><a href="#tools">Tools</a></li>
|
|
<li><a href="#">Team</a></li>
|
|
<li><a href="#community">Community</a></li>
|
|
<li><a href="#">Blog</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4">
|
|
<div class="footer-widget">
|
|
<span class="widget-header">The Status Network</span>
|
|
<ul class="links-footer two-cols">
|
|
<li><a href="https://status.im/" target="_blank">Status</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>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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();
|
|
$(document).ready(function () {
|
|
|
|
$('[data-toggle="offcanvas"], #navToggle').on('click', function () {
|
|
$('.offcanvas-collapse').toggleClass('open')
|
|
})
|
|
$('.close').on('click', function () {
|
|
$('.offcanvas-collapse').removeClass('open');
|
|
})
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html> |