embarklabs/embark-framework.github.io
1
0
Fork 0
mirror of https://github.com/embarklabs/embark-framework.github.io.git synced 2026-08-27 15:01:10 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
master
embark-framework.github.io/index.html
T

419 lines
16 KiB
HTML
Raw Permalink Blame History

<!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,800,900&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">Team</a></li>
<li><a href="#community">Community</a></li>
<li><a href="http://blog.embarklabs.io/" target="_blank">Blog</a></li>
<li class="social">
<a href="https://statusnetwork.com" target="_blank"><img src="images/status-icon.png"></a>
</li>
<li class="social">
<a href="https://twitter.com/embarkproject" target="_blank"><img src="images/twitter-icon.png"></a>
</li>
<li class="social"><a href="https://github.com/embarklabs" 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="https://blog.embarklabs.io">Blog</a></li>
<li class="social"><a href="https://statusnetwork.com" target="_blank"><img src="images/status-icon.png"></a></li>
<li class="social"><a href="https://twitter.com/embarkproject" target="_blank"><img src="images/twitter-icon.png"></a></li>
<li class="social"><a href="https://github.com/embarklabs" 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">A robust developer platform for the web3 revolution</h2>
<a href="#Embark-Labs" 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">Interoperable tools for every aspect of decentralized application development.</p>
</div>
</div>
<div class="right-tool-logos">
<div class="row">
<div class="col-lg-4">
<div class="rt-col">
<a href="https://subspace.embarklabs.io">
<img src="images/subspace-logo.png" class="mx-auto d-block" style="max-width:255px;">
</a>
</div>
</div>
<div class="col-lg-4">
<div class="rt-col">
<a href="https://embark.embarklabs.io">
<img src="images/embark-logo@2x-8.png" class="mx-auto d-block" style="max-width:255px;">
</a>
</div>
</div>
<div class="col-lg-4">
<div class="rt-col">
<a href="https://embark.embarklabs.io/docs/cockpit_introduction.html">
<img src="images/CockpitLogo_Embark.png" class="mx-auto d-block" style="max-width:255px;">
</a>
</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"><a id="Embark-Labs"></a>
<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>Embark Framework</h3>
<p>The all-in-one developer platform for building and deploying decentralized applications.</p>
<a href="https://embark.embarklabs.io" 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. Subspace provides reactive tools designed to take the headache out of working with on chain data.</p>
<a href="https://subspace.embarklabs.io" 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 interface for building, debugging, and deploying decentralized applications.</p>
<a href="https://embark.embarklabs.io/docs/cockpit_introduction.html" 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="team" style="margin-top:100px">
<div class="container">
<div class="row">
<div class="col-12">
<h1 class="text-center meet-the-team-heading">Meet the Team</h1>
</div>
</div>
<div class="row mt-5">
<div class="col-lg-4 col-md-6 mt-4">
<a class="hover-shadow" href="https://github.com/Iurimatias" target="_blank">
<img src="images/iuri.png" alt="Iuri Matias" class="mx-auto d-block w-50 mb-3">
<div class="text-center">
<h5 class="font-weight-bold mb-2 text-gray-blue">Iuri Matias</h5>
<div class="font-weight-thin text-gray-blue">Creator and Team Lead</div>
</div>
</a>
</div>
<div class="col-lg-4 col-md-6 mt-4">
<a class="hover-shadow" href="https://github.com/jrainville" target="_blank">
<img src="images/jonathan_rainville.png" Jonathan Rainville="Giveth" class="mx-auto d-block w-50 mb-3">
<div class="text-center">
<h5 class="font-weight-bold mb-2 text-gray-blue">Jonathan Rainville</h5>
<div class="font-weight-thin text-gray-blue">Software Engineer</div>
</div>
</a>
</div>
<div class="col-lg-4 col-md-6 mt-4">
<a class="hover-shadow" href="https://github.com/emizzle" target="_blank">
<img src="images/ric_mastro.png" alt="Eric Mastro" class="mx-auto d-block w-50 mb-3">
<div class="text-center">
<h5 class="font-weight-bold mb-2 text-gray-blue">Eric Mastro</h5>
<div class="font-weight-thin text-gray-blue">Software Engineer</div>
</div>
</a>
</div>
<div class="col-lg-4 col-md-6 mt-4">
<a class="hover-shadow" href="https://github.com/andremedeiros" target="_blank">
<img src="images/andre_medeiros.png" alt="Andre Medeiros" class="mx-auto d-block w-50 mb-3">
<div class="text-center">
<h5 class="font-weight-bold mb-2 text-gray-blue">Andre Medeiros</h5>
<div class="font-weight-thin text-gray-blue">Software Engineer</div>
</div>
</a>
</div>
<div class="col-lg-4 col-md-6 mt-4">
<a class="hover-shadow" href="https://github.com/michaelsbradleyjr" target="_blank">
<img src="images/michael_bradly.png" alt="Michael Bradley" class="mx-auto d-block w-50 mb-3">
<div class="text-center">
<h5 class="font-weight-bold mb-2 text-gray-blue">Michael Bradley</h5>
<div class="font-weight-thin text-gray-blue">Software Engineer</div>
</div>
</a>
</div>
<div class="col-lg-4 col-md-6 mt-4">
<a class="hover-shadow" href="https://github.com/richard-ramos" target="_blank">
<img src="images/richard_ramos.png" alt="Richard Ramos" class="mx-auto d-block w-50 mb-3">
<div class="text-center">
<h5 class="font-weight-bold mb-2 text-gray-blue">Richard Ramos</h5>
<div class="font-weight-thin text-gray-blue">Software Engineer</div>
</div>
</a>
</div>
<div class="col-lg-4 col-md-6 mt-4">
<a class="hover-shadow" href="https://github.com/PascalPrecht" target="_blank">
<img src="images/pascal_precht.png" alt="Pascal Precht" class="mx-auto d-block w-50 mb-3">
<div class="text-center">
<h5 class="font-weight-bold mb-2 text-gray-blue">Pascal Precht</h5>
<div class="font-weight-thin text-gray-blue">Software Engineer</div>
</div>
</a>
</div>
<div class="col-lg-4 col-md-6 mt-4">
<a class="hover-shadow" href="https://twitter.com/rbin" target="_blank">
<img src="images/robin_percy.png" alt="Robin Percy" class="mx-auto d-block w-50 mb-3">
<div class="text-center">
<h5 class="font-weight-bold mb-2 text-gray-blue">Robin Percy</h5>
<div class="font-weight-thin text-gray-blue">Technical Writer</div>
</div>
</a>
</div>
<div class="col-lg-4 col-md-6 mt-4">
<a class="hover-shadow" href="https://twitter.com/grahammcbain" target="_blank">
<img src="images/graham_mcbain.png" alt="Pascal Precht" class="mx-auto d-block w-50 mb-3">
<div class="text-center">
<h5 class="font-weight-bold mb-2 text-gray-blue">Graham McBain</h5>
<div class="font-weight-thin text-gray-blue">Marketing Manager</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div id="eci">
<div class="container">
<div class="row">
<div class="col-12">
<h4 class="text-uppercase text-center 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>
<img class="w-100 d-none d-lg-block" src="images/gradient_hex.jpg" style="margin-top: -600px;">
<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-3 col-md-3">
<a href="#" title="Embark" class="top-logo logo-negative navbar-brand"></a>
</div>
<div class="col-lg-3 col-md-3">
<div class="footer-widget">
<span class="widget-header">Social Links</span>
<ul class="social-footer">
<li class="social"><a href="https://statusnetwork.com" target="_blank"><img src="images/status-icon.png"> Status</a></li>
<li class="social"><a href="https://twiter.com/embarkproject" target="_blank"><img src="images/twitter-icon.png"> Twitter</a></li>
<li class="social"><a href="https://github.com/embarklabs" target="_blank"><img src="images/github-icon.png"> Github</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-3">
<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="https://blog.embarklabs.io">Blog</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-3">
<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.embarklabs.io/" target="_blank">Embark</a></li>
<li><a href="https://subspace.embarklabs.io/" 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>
<!-- Fathom - simple website analytics - https://github.com/usefathom/fathom -->
<script>
(function(f, a, t, h, o, m){
a[h]=a[h]||function(){
(a[h].q=a[h].q||[]).push(arguments)
};
o=f.createElement('script'),
m=f.getElementsByTagName('script')[0];
o.async=1; o.src=t; o.id='fathom-script';
m.parentNode.insertBefore(o,m)
})(document, window, '//fathom.status.im/tracker.js', 'fathom');
fathom('set', 'siteId', 'YCHKF');
fathom('trackPageview');
</script>
<!-- / Fathom -->
<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>
Reference in New Issue View Git Blame Copy Permalink