mirror of
https://github.com/embarklabs/embark-framework.github.io.git
synced 2026-08-31 00:41:15 +00:00
Added new images, new logo, updated content, button styles and some additional changes to the footer.
This commit is contained in:
Kevin Love
+134
-15
@@ -3,8 +3,8 @@ body{
|
||||
}
|
||||
.top-logo{
|
||||
display: block;
|
||||
height: 50px;
|
||||
width: 136px;
|
||||
height: 100px;
|
||||
width: 300px;
|
||||
background: url(../images/logo.svg) no-repeat;
|
||||
background-size: 100%;
|
||||
color: transparent;
|
||||
@@ -12,7 +12,7 @@ body{
|
||||
line-height: 0;
|
||||
}
|
||||
.logo-negative{
|
||||
background: url(../images/logo-negative.svg) no-repeat;
|
||||
background: url(../images/Embark_Logo-01-01.svg) no-repeat;
|
||||
}
|
||||
|
||||
header{
|
||||
@@ -34,6 +34,15 @@ header{
|
||||
border-radius: 5px;
|
||||
padding: .9rem 2rem;
|
||||
background-color: #FAB266;
|
||||
transition:.2s ease;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.orange-cta-lg:hover {
|
||||
transition:.2s ease;
|
||||
color: #FAB266;
|
||||
background-color:transparent;
|
||||
text-decoration:none;
|
||||
border: 1px solid #FAB266;
|
||||
}
|
||||
.pos-rel{
|
||||
position: relative;
|
||||
@@ -147,7 +156,31 @@ header{
|
||||
.right-tool{
|
||||
background-image: url(../images/rt-bg.jpg);
|
||||
background-size:cover;
|
||||
padding: 4rem 0 3rem 0;
|
||||
padding: 6rem 0 0rem 0;
|
||||
height: 100vh;
|
||||
position:relative;
|
||||
}
|
||||
.righttool {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
min-height: 100vh;
|
||||
padding: 6rem 0 6rem 0;
|
||||
background-image: url(../images/rt-bg.jpg);
|
||||
background-size:cover;
|
||||
align-items: center;
|
||||
position:relative;
|
||||
}
|
||||
.explore-more{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
overflow: hidden;
|
||||
padding-bottom: 3rem;
|
||||
}
|
||||
.right-tool-header {
|
||||
font-size: 76px;
|
||||
@@ -169,12 +202,14 @@ header{
|
||||
margin-bottom: 5rem;
|
||||
}
|
||||
.scroll{}
|
||||
.scroll img{}
|
||||
.scroll p{
|
||||
.scroll img{
|
||||
opacity:.41;
|
||||
}
|
||||
.scroll p {
|
||||
font-size: 12px;
|
||||
font-style: italic;
|
||||
margin-top:10px;
|
||||
color: #020202;
|
||||
margin-top: 10px;
|
||||
color: rgba(2, 2, 2, 0.41);
|
||||
letter-spacing: 0;
|
||||
text-align: center;
|
||||
}
|
||||
@@ -182,7 +217,7 @@ header{
|
||||
content: '';
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #EAECEF !important;
|
||||
background-color: #FFF !important;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
@@ -217,6 +252,15 @@ header{
|
||||
border-radius: 5px;
|
||||
padding: .9rem 2rem;
|
||||
background-color: #FFF;
|
||||
transition:.2s ease;
|
||||
border:1px solid transparent;
|
||||
}
|
||||
.white-cta-lg:hover{
|
||||
text-decoration: none;
|
||||
transition:.2s ease;
|
||||
background-color:transparent;
|
||||
border:1px solid #FFF;
|
||||
color: #FFF;
|
||||
}
|
||||
.explore-content {
|
||||
-webkit-animation: float2 6s ease-in-out;
|
||||
@@ -240,9 +284,11 @@ header{
|
||||
.start {
|
||||
background-image: url(../images/JoinCommunity_Embark.jpg);
|
||||
background-size: cover;
|
||||
height: 695px;
|
||||
min-height: 695px;
|
||||
height:100vh;
|
||||
position: relative;
|
||||
/* margin-top: -47px; */
|
||||
z-index: 99;
|
||||
}
|
||||
.start h2 {
|
||||
max-width: 374px;
|
||||
@@ -353,16 +399,17 @@ header{
|
||||
}
|
||||
.rocket-ship img{
|
||||
position: absolute;
|
||||
z-index: 9;
|
||||
z-index: -5;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
bottom: -107px;
|
||||
}
|
||||
.subForm {
|
||||
max-width: 725px;
|
||||
margin: 0 auto 0 auto;
|
||||
}
|
||||
footer {
|
||||
background-color: #5D7D97;
|
||||
background-color: #01264D;
|
||||
position: relative;
|
||||
z-index: 999;
|
||||
}
|
||||
@@ -388,6 +435,13 @@ footer {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
line-height: 21px;
|
||||
transition:.2s ease;
|
||||
opacity:1;
|
||||
}
|
||||
.footer-links ul li a:hover {
|
||||
transition:.2s ease;
|
||||
text-decoration:none;
|
||||
opacity:.7;
|
||||
}
|
||||
.footer-astro {
|
||||
position: absolute;
|
||||
@@ -395,6 +449,10 @@ footer {
|
||||
top: 18rem;
|
||||
max-width: 42%;
|
||||
left: 6%;
|
||||
-webkit-transform: translatey(0px);
|
||||
transform: translatey(0px);
|
||||
-webkit-animation: float 6s ease-in-out infinite;
|
||||
animation: float 6s ease-in-out infinite;
|
||||
}
|
||||
.disable-desktop{
|
||||
display: none;
|
||||
@@ -402,16 +460,56 @@ footer {
|
||||
.disable-mobile{
|
||||
display: block;
|
||||
}
|
||||
.footer-links ul li a.top-logo {
|
||||
height: 100px;
|
||||
width: 129px;
|
||||
margin:0 auto;
|
||||
}
|
||||
@media only screen and (max-width: 1200px) {
|
||||
.explore-content {
|
||||
padding-right: 1rem;
|
||||
padding-left: 2rem;
|
||||
}
|
||||
.footer-links ul li {
|
||||
padding: 0 18px;
|
||||
padding-top: 1rem;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 1170px) {
|
||||
.rocket-ship img{
|
||||
bottom: -79px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.footer-links ul li {
|
||||
padding: 0 18px;
|
||||
padding-top: 1rem;
|
||||
}
|
||||
.footer-astro {
|
||||
left: 1%;
|
||||
}
|
||||
#questions {
|
||||
height: 700px;
|
||||
}
|
||||
.explore-content {
|
||||
padding-right: 1rem;
|
||||
padding-left: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 991px) {
|
||||
.footer-links .container{
|
||||
max-width:100%;
|
||||
}
|
||||
.footer-links ul li a {
|
||||
font-size: 16px;
|
||||
}
|
||||
.explore-more {
|
||||
position: relative;
|
||||
}
|
||||
.right-tool {
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
.subEmailInput {
|
||||
width: 239px !important;
|
||||
}
|
||||
@@ -419,9 +517,28 @@ footer {
|
||||
font-size: 65px;
|
||||
line-height: 64px;
|
||||
}
|
||||
.explore-content h3 {
|
||||
font-size: 40px;
|
||||
}
|
||||
.explore-content p {
|
||||
font-size: 20px;
|
||||
}
|
||||
.explore-content {
|
||||
padding-right: 1rem;
|
||||
padding-left: 2rem;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 840px) {
|
||||
.rocket-ship img{
|
||||
bottom: -55px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.footer-links ul li {
|
||||
padding: 0 18px;
|
||||
padding-top: 1rem;
|
||||
display: block;
|
||||
}
|
||||
.c-header__background {
|
||||
background-position: bottom;
|
||||
}
|
||||
@@ -469,6 +586,9 @@ footer {
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 600px) {
|
||||
.rocket-ship img{
|
||||
bottom: 0;
|
||||
}
|
||||
.c-header__background {
|
||||
background-position: center;
|
||||
}
|
||||
@@ -546,7 +666,6 @@ footer {
|
||||
height: 400px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 375px) {
|
||||
.c-header__background {
|
||||
background-position: center;
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 2.0 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 858 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
+195
-216
@@ -14,250 +14,229 @@
|
||||
<title>Embark</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<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">
|
||||
<header role="banner">
|
||||
<span class="c-header__background"></span>
|
||||
<div class="container mw-960">
|
||||
<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 class="col-3">
|
||||
<a href="#" title="Embark" class="top-logo logo-negative navbar-brand"></a>
|
||||
</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 class="col-9">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="explore-more">
|
||||
<div class="container mw-960 pos-rel">
|
||||
<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 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>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<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="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="righttool">
|
||||
<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 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>
|
||||
<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="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">
|
||||
<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 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>
|
||||
</section>
|
||||
</footer>
|
||||
<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>
|
||||
|
||||
|
||||
<!-- 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 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>
|
||||
<script>
|
||||
AOS.init();
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user