Removed old image folder, added new images (full res) adjusted many sections on page.
@@ -1,10 +1,84 @@
|
||||
#starry {
|
||||
background-image: url(../img/stars-bg.png);
|
||||
background-color: #00173D;
|
||||
}
|
||||
#starry{
|
||||
position:relative;
|
||||
}
|
||||
|
||||
#starry h3{
|
||||
color: #FFFFFF;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 50px;
|
||||
font-weight: bold;
|
||||
line-height: 50px;
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
#starry p{
|
||||
font-size: 24px;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
line-height: 28px;
|
||||
color:#547E99;
|
||||
margin-bottom: 4rem;
|
||||
}
|
||||
|
||||
|
||||
body{
|
||||
overflow-x: hidden;
|
||||
}
|
||||
#content {
|
||||
overflow: hidden;
|
||||
}
|
||||
#content #section-wipes {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.disable-mobile{
|
||||
display:block;
|
||||
}
|
||||
.disable-desktop{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.test:before {
|
||||
content: '';
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #EAECEF !important;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.block-content {
|
||||
max-width: 500px;
|
||||
margin: 0 auto;
|
||||
margin-top: 30%;
|
||||
}
|
||||
.block-content h3{
|
||||
color: #FFFFFF;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 50px;
|
||||
font-weight: bold;
|
||||
line-height: 50px;
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
.block-content p{
|
||||
font-size: 24px;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
line-height: 28px;
|
||||
color: #547E99;
|
||||
margin-bottom: 4rem;
|
||||
}
|
||||
|
||||
#section-framework, #section-subspace, #section-cockpit{
|
||||
background-image: url(../img/stars-bg.png);
|
||||
background-color: #00173D;
|
||||
}
|
||||
/* helpers */
|
||||
.mw-980{
|
||||
max-width:980px !important;
|
||||
margin:0 auto;
|
||||
.mw-960 {
|
||||
max-width: 980px !important;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
}
|
||||
.white{
|
||||
color:#FFFFFF;
|
||||
@@ -30,6 +104,7 @@ header{
|
||||
background-size:cover;
|
||||
background-repeat: no-repeat;
|
||||
padding:3rem 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
header h1{
|
||||
@@ -66,15 +141,15 @@ header .lead {
|
||||
.inner-header {
|
||||
padding: 9rem 0 14rem;
|
||||
}
|
||||
.astro-img{
|
||||
.astro-img {
|
||||
position: absolute;
|
||||
z-index: 9;
|
||||
left: 300px;
|
||||
bottom: -19px;
|
||||
-webkit-transform: translatey(0px);
|
||||
transform: translatey(0px);
|
||||
-webkit-animation: float 6s ease-in-out infinite;
|
||||
animation: float 6s ease-in-out infinite;
|
||||
left: 0;
|
||||
bottom: -8rem;
|
||||
-webkit-transform: translatey(0px);
|
||||
transform: translatey(0px);
|
||||
-webkit-animation: float 6s ease-in-out infinite;
|
||||
animation: float 6s ease-in-out infinite;
|
||||
}
|
||||
@-webkit-keyframes float {
|
||||
0% {
|
||||
@@ -139,24 +214,9 @@ header .lead {
|
||||
.rt-col{
|
||||
text-align:center;
|
||||
}
|
||||
.rt-col strong{
|
||||
color: #000000;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
line-height: 28px;
|
||||
}
|
||||
.rt-col p{
|
||||
max-width: 222px;
|
||||
color: #000000;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 18px;
|
||||
line-height: 21px;
|
||||
margin:1.9rem auto 1.5rem auto;
|
||||
}
|
||||
.scroll-more{
|
||||
margin-top:3rem;
|
||||
margin-bottom: 6rem;
|
||||
.scroll-more {
|
||||
margin-top: 6rem;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
.scroll-more img{
|
||||
margin-bottom:.4rem;
|
||||
@@ -169,25 +229,6 @@ header .lead {
|
||||
text-align: center;
|
||||
font-style: italic;
|
||||
}
|
||||
#starry{
|
||||
position:relative;
|
||||
}
|
||||
|
||||
#starry h3{
|
||||
color: #FFFFFF;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 50px;
|
||||
font-weight: bold;
|
||||
line-height: 50px;
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
#starry p{
|
||||
font-size: 24px;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
line-height: 28px;
|
||||
color:#547E99;
|
||||
margin-bottom: 4rem;
|
||||
}
|
||||
.white-cta-lg {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 18px;
|
||||
@@ -200,57 +241,12 @@ header .lead {
|
||||
padding: .9rem 2rem;
|
||||
background-color: #FFF;
|
||||
}
|
||||
.col-right-dark, .col-dark-grey, .col-grey, .col-left-dark {
|
||||
position: relative;
|
||||
}
|
||||
.col-right-dark:before, .col-left-dark:before, .col-dark-grey:before, .col-grey:before {
|
||||
content: '';
|
||||
background-color: #00173D;
|
||||
background-image:url(../img/stars-bg.png);
|
||||
background-attachment: fixed;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 100vw;
|
||||
height: 100%;
|
||||
z-index: -1;
|
||||
}
|
||||
.col-grey:before {
|
||||
background-color: #EAECEF;
|
||||
}
|
||||
.image-col-left .inner {
|
||||
padding: 100px 0;
|
||||
}
|
||||
.col-offset-top {
|
||||
margin-top: -40px;
|
||||
z-index: 2;
|
||||
}
|
||||
.col-right-dark, .col-left-dark {
|
||||
color: #ffffff;
|
||||
}
|
||||
.sky-box .inner {
|
||||
padding: 120px 0 90px 90px;
|
||||
}
|
||||
.col-right-dark:last-child:before, .col-left-dark:last-child:before, .col-dark-grey:last-child:before, .col-grey:last-child:before {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
.col-offset-bottom {
|
||||
/* margin-bottom: -40px; */
|
||||
z-index: 2;
|
||||
}
|
||||
.sky-box-left .inner {
|
||||
padding-top: 130px;
|
||||
}
|
||||
.content-box-right .inner {
|
||||
padding: 90px 0 90px 90px;
|
||||
}
|
||||
#starry-one{
|
||||
background-image:url(../img/stars-bg.png);
|
||||
background-attachment: fixed;
|
||||
background-color:#00173D;
|
||||
.block-image{
|
||||
position:relative;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
|
||||
.image-col{
|
||||
background: #dce4e9;
|
||||
}
|
||||
@@ -259,7 +255,7 @@ header .lead {
|
||||
background-size: cover;
|
||||
height: 900px;
|
||||
position: relative;
|
||||
margin-top: -47px;
|
||||
/* margin-top: -47px; */
|
||||
}
|
||||
|
||||
.rocket{
|
||||
@@ -379,6 +375,8 @@ header .lead {
|
||||
.updates{
|
||||
background-image: linear-gradient(180deg, #00173D 0%, #5D7D97 88%);
|
||||
padding:5rem 0;
|
||||
position: relative;
|
||||
z-index: 999;
|
||||
}
|
||||
.signupLabel{
|
||||
color: #FFFFFF;
|
||||
@@ -429,6 +427,8 @@ header .lead {
|
||||
}
|
||||
footer{
|
||||
background-color:#5D7D97;
|
||||
position: relative;
|
||||
z-index: 999;
|
||||
}
|
||||
.footer-links {
|
||||
padding-bottom: 3rem;
|
||||
@@ -455,10 +455,10 @@ footer{
|
||||
}
|
||||
@media (max-width: 1499px){
|
||||
.image-col-left .inner {
|
||||
padding: 50px 0;
|
||||
/* padding: 50px 0; */
|
||||
}
|
||||
.sky-box .inner {
|
||||
padding: 40px 0 50px 40px;
|
||||
padding: 12rem 0 12rem 72px;
|
||||
}
|
||||
.sky-box-left .inner {
|
||||
padding-top: 50px;
|
||||
@@ -506,11 +506,28 @@ footer{
|
||||
.btn-sub {
|
||||
width: 300px;
|
||||
}
|
||||
.astro-img {
|
||||
left: 18px !important;
|
||||
max-width: 250px;
|
||||
bottom: -9rem;
|
||||
}
|
||||
.content h2 {
|
||||
font-size: 42px;
|
||||
line-height: 43px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.rocket {
|
||||
bottom: 23px;
|
||||
}
|
||||
#start h2 {
|
||||
font-size: 60px;
|
||||
line-height: 60px;
|
||||
}
|
||||
|
||||
}
|
||||
@media only screen and (max-width: 480px) {
|
||||
|
||||
.container-text{
|
||||
padding-bottom: 0;
|
||||
padding-bottom: 38%;
|
||||
}
|
||||
.content {
|
||||
position: relative;
|
||||
@@ -520,5 +537,40 @@ footer{
|
||||
right: 0;
|
||||
padding: 30px;
|
||||
}
|
||||
.astro-img {
|
||||
left: 18px !important;
|
||||
max-width: 250px;
|
||||
}
|
||||
.disable-mobile{
|
||||
display:none;
|
||||
}
|
||||
.disable-desktop{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 375px) {
|
||||
header h1 {
|
||||
font-size: 48px;
|
||||
}
|
||||
header .lead {
|
||||
font-size: 20px;
|
||||
}
|
||||
#right-tool .rt-inner h2 {
|
||||
font-size: 54px;
|
||||
line-height: 54px;
|
||||
}
|
||||
#right-tool .rt-inner .sub-lead {
|
||||
font-size: 20px;
|
||||
}
|
||||
.astro-img {
|
||||
max-width: 200px;
|
||||
bottom: -7rem;
|
||||
}
|
||||
.disable-mobile{
|
||||
display:none;
|
||||
}
|
||||
.disable-desktop{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,623 @@
|
||||
body{
|
||||
font-family: 'Roboto', sans-serif !important;
|
||||
}
|
||||
.top-logo{
|
||||
display: block;
|
||||
height: 50px;
|
||||
width: 136px;
|
||||
background: url(../img/logo.svg) no-repeat;
|
||||
background-size: 100%;
|
||||
color: transparent;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
}
|
||||
.logo-negative{
|
||||
background: url(../img/logo-negative.svg) no-repeat;
|
||||
}
|
||||
|
||||
header{
|
||||
/* background-image:url(../img/Hero.jpg); */
|
||||
background-size:cover;
|
||||
background-repeat: no-repeat;
|
||||
padding:3rem 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.orange-cta-lg{
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 18px;
|
||||
font-weight:700;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
height: 52px;
|
||||
width: 196.11px;
|
||||
border-radius: 5px;
|
||||
padding: .9rem 2rem;
|
||||
background-color: #FAB266;
|
||||
}
|
||||
.pos-rel{
|
||||
position: relative;
|
||||
}
|
||||
.c-header__background {
|
||||
height: 100%;
|
||||
left: 0;
|
||||
opacity:1;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
background-image: url(../img/Hero.jpg);
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.inner-header{
|
||||
padding: 9rem 0px 12rem 0px;
|
||||
}
|
||||
.inner-header h1{
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-weight: bold;
|
||||
font-size: 58px;
|
||||
color: #FFFFFF;
|
||||
text-align: left;
|
||||
line-height: 45px;
|
||||
}
|
||||
.inner-header h2 {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 24px;
|
||||
color: #FFFFFF;
|
||||
text-align: left;
|
||||
line-height: 24px;
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
.floating-astro {
|
||||
position: absolute;
|
||||
z-index: 9;
|
||||
left: 3%;
|
||||
bottom: -12.5rem;
|
||||
-webkit-transform: translatey(0px);
|
||||
transform: translatey(0px);
|
||||
-webkit-animation: float 6s ease-in-out infinite;
|
||||
animation: float 6s ease-in-out infinite;
|
||||
max-width: 400px;
|
||||
}
|
||||
@-webkit-keyframes float {
|
||||
0% {
|
||||
-webkit-transform: translatey(0px);
|
||||
transform: translatey(0px);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: translatey(-20px);
|
||||
transform: translatey(-20px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: translatey(0px);
|
||||
transform: translatey(0px);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes float {
|
||||
0% {
|
||||
-webkit-transform: translatey(0px);
|
||||
transform: translatey(0px);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: translatey(-20px);
|
||||
transform: translatey(-20px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: translatey(0px);
|
||||
transform: translatey(0px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@-webkit-keyframes float2 {
|
||||
0% {
|
||||
-webkit-transform: translatey(0px);
|
||||
transform: translatey(0px);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: translatey(-20px);
|
||||
transform: translatey(-20px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: translatey(0px);
|
||||
transform: translatey(0px);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes float2 {
|
||||
0% {
|
||||
-webkit-transform: translatey(0px);
|
||||
transform: translatey(0px);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: translatey(-20px);
|
||||
transform: translatey(-20px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: translatey(0px);
|
||||
transform: translatey(0px);
|
||||
}
|
||||
}
|
||||
.right-tool{
|
||||
background-image: url(../images/rt-bg.jpg);
|
||||
background-size:cover;
|
||||
padding: 4rem 0 3rem 0;
|
||||
}
|
||||
.right-tool-header {
|
||||
font-size: 76px;
|
||||
line-height: 76px;
|
||||
font-weight: bold;
|
||||
color: #0B476D;
|
||||
max-width: 500px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.right-tool-sub {
|
||||
font-size: 24px;
|
||||
color: #080E1A;
|
||||
text-align: center;
|
||||
max-width: 500px;
|
||||
margin: 2rem auto 0 auto;
|
||||
}
|
||||
.right-tool-logos {
|
||||
margin-top: 6rem;
|
||||
margin-bottom: 5rem;
|
||||
}
|
||||
.scroll{}
|
||||
.scroll img{}
|
||||
.scroll p{
|
||||
font-size: 12px;
|
||||
font-style: italic;
|
||||
margin-top:10px;
|
||||
color: #020202;
|
||||
letter-spacing: 0;
|
||||
text-align: center;
|
||||
}
|
||||
.explore-image:before {
|
||||
content: '';
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #EAECEF !important;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
.explore-image img {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
max-width: 560px;
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
padding: 6rem 0;
|
||||
}
|
||||
.explore-more-blocks{
|
||||
background-image:url(../images/BG_Stars.jpg);
|
||||
background-position: center right;
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
}
|
||||
.white-cta-lg {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
color: #FAB266;
|
||||
text-align: center;
|
||||
height: 52px;
|
||||
width: 196.11px;
|
||||
border-radius: 5px;
|
||||
padding: .9rem 2rem;
|
||||
background-color: #FFF;
|
||||
}
|
||||
.explore-content {
|
||||
-webkit-animation: float2 6s ease-in-out;
|
||||
animation: float2 6s ease-in-out;
|
||||
margin: 0 auto;
|
||||
max-width: 575px;
|
||||
padding-right: 3rem;
|
||||
}
|
||||
.explore-content h3{
|
||||
font-weight:bold;
|
||||
font-size: 50px;
|
||||
color: #FFFFFF;
|
||||
line-height: 50px;
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
.explore-content p{
|
||||
font-size: 24px;
|
||||
color: #547E99;
|
||||
margin-bottom: 4rem;
|
||||
}
|
||||
.start {
|
||||
background-image: url(../images/JoinCommunity_Embark.jpg);
|
||||
background-size: cover;
|
||||
height: 695px;
|
||||
position: relative;
|
||||
/* margin-top: -47px; */
|
||||
}
|
||||
.start h2 {
|
||||
max-width: 374px;
|
||||
color: #FFFFFF;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 76px;
|
||||
font-weight: bold;
|
||||
line-height: 80px;
|
||||
}
|
||||
.start p {
|
||||
max-width: 517px;
|
||||
color: #FFFFFF;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 24px;
|
||||
line-height: 28px;
|
||||
margin: 1.5rem 0 4rem 0;
|
||||
}
|
||||
|
||||
#eci {
|
||||
background-color: white;
|
||||
padding: 4rem 0;
|
||||
position: relative;
|
||||
margin-top: -24px;
|
||||
}
|
||||
.companiesHeader {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
letter-spacing: 1.8px;
|
||||
line-height: 28px;
|
||||
color: #0B476D;
|
||||
text-align: center;
|
||||
margin-top: 5rem;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
#questions{
|
||||
background-image: url(../images/SpacePlanetAsteroids_BG.jpg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 900px;
|
||||
}
|
||||
.content {
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -moz-flex;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-justify-content: center;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 30px;
|
||||
right: 30px;
|
||||
}
|
||||
.content h2 {
|
||||
color: #FFFFFF;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 76px;
|
||||
font-weight: bold;
|
||||
line-height: 80px;
|
||||
max-width: 386px;
|
||||
margin-bottom: 4rem;
|
||||
}
|
||||
.updates {
|
||||
/* background-image: linear-gradient(180deg, #00173D 0%, #5D7D97 88%); */
|
||||
padding: 3.5rem 0;
|
||||
position: relative;
|
||||
z-index: 999;
|
||||
}
|
||||
.signupLabel {
|
||||
color: #0B476D;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 24px;
|
||||
line-height: 28px;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
.subEmailInput {
|
||||
width: 253px !important;
|
||||
color: #080E1A !important;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 18px !important;
|
||||
line-height: 21px !important;
|
||||
background-color: rgba(174,206,227,0.5) !important;
|
||||
border: 0 !important;
|
||||
border-radius: 2px !important;
|
||||
height: 40px;
|
||||
}
|
||||
.btn-sub {
|
||||
width: 193px;
|
||||
border-radius: 2px;
|
||||
background-color: #FAB266;
|
||||
height: 40px;
|
||||
border: 0;
|
||||
text-transform: uppercase;
|
||||
color: white;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
line-height: 21px;
|
||||
}
|
||||
.rocket-ship img{
|
||||
position: absolute;
|
||||
z-index: 9;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.subForm {
|
||||
max-width: 725px;
|
||||
margin: 0 auto 0 auto;
|
||||
}
|
||||
footer {
|
||||
background-color: #5D7D97;
|
||||
position: relative;
|
||||
z-index: 999;
|
||||
}
|
||||
.footer-links {
|
||||
padding-bottom: 2rem;
|
||||
padding-top: 2rem;
|
||||
}
|
||||
.footer-links ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
}
|
||||
.footer-links ul li {
|
||||
display: inline;
|
||||
padding: 0 36px;
|
||||
vertical-align: middle;
|
||||
padding-top: 1rem;
|
||||
}
|
||||
.footer-links ul li a {
|
||||
color: #FFFFFF;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
line-height: 21px;
|
||||
}
|
||||
.footer-astro {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
top: 18rem;
|
||||
max-width: 42%;
|
||||
left: 6%;
|
||||
}
|
||||
.disable-desktop{
|
||||
display: none;
|
||||
}
|
||||
.disable-mobile{
|
||||
display: block;
|
||||
}
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.footer-astro {
|
||||
left: 1%;
|
||||
}
|
||||
#questions {
|
||||
height: 700px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 991px) {
|
||||
.subEmailInput {
|
||||
width: 239px !important;
|
||||
}
|
||||
.content h2 {
|
||||
font-size: 65px;
|
||||
line-height: 64px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.c-header__background {
|
||||
background-position: bottom;
|
||||
}
|
||||
.floating-astro {
|
||||
left: 10%;
|
||||
bottom: -7.5rem;
|
||||
max-width: 270px;
|
||||
}
|
||||
.explore-content {
|
||||
margin: 0 auto;
|
||||
max-width: 100%;
|
||||
padding-right: 3rem;
|
||||
padding-left: 3rem;
|
||||
}
|
||||
.explore-content p {
|
||||
font-size: 20px;
|
||||
}
|
||||
.signupLabel {
|
||||
font-size: 18px;
|
||||
}
|
||||
.explore-content {
|
||||
padding: 4rem 1rem 5rem 1rem;
|
||||
}
|
||||
.signupLabel {
|
||||
margin-right: 0rem;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin: 0 auto !important;
|
||||
display: block !important;
|
||||
margin-bottom: 3rem !important;
|
||||
}
|
||||
#questions {
|
||||
height: 500px;
|
||||
}
|
||||
.footer-astro {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 767px) {
|
||||
.disable-desktop{
|
||||
display: block;
|
||||
}
|
||||
.disable-mobile{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 600px) {
|
||||
.c-header__background {
|
||||
background-position: center;
|
||||
}
|
||||
.inner-header h1 {
|
||||
font-size: 48px;
|
||||
}
|
||||
.inner-header h2 {
|
||||
font-size: 20px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.floating-astro {
|
||||
bottom: -7.5rem;
|
||||
max-width: 200px;
|
||||
}
|
||||
.right-tool-header {
|
||||
font-size: 48px;
|
||||
line-height: 56px;
|
||||
}
|
||||
.right-tool-sub {
|
||||
font-size: 20px;
|
||||
}
|
||||
.explore-image img {
|
||||
padding: 2rem;
|
||||
}
|
||||
.explore-content {
|
||||
padding: 4rem 1rem 5rem 1rem;
|
||||
}
|
||||
.start h2 {
|
||||
font-size: 48px;
|
||||
line-height: 52px;
|
||||
}
|
||||
.start p {
|
||||
font-size: 20px;
|
||||
line-height: 26px;
|
||||
}
|
||||
.explore-more-blocks {
|
||||
background-image: url(../images/BG_Stars.jpg);
|
||||
background-position: center right;
|
||||
background-size: auto;
|
||||
background-attachment: fixed;
|
||||
background-repeat: repeat;
|
||||
}
|
||||
.container-text {
|
||||
padding-bottom: 88%;
|
||||
}
|
||||
.content h2 {
|
||||
font-size: 50px;
|
||||
line-height: 49px;
|
||||
}
|
||||
.footer-astro {
|
||||
display: none;
|
||||
}
|
||||
.footer-links ul li {
|
||||
display: block;
|
||||
}
|
||||
.signupLabel {
|
||||
width: 100%;
|
||||
margin:0;
|
||||
}
|
||||
.subForm .form-group{
|
||||
width:100%;
|
||||
}
|
||||
.subEmailInput {
|
||||
width: 100% !important;
|
||||
display: block !important;
|
||||
}
|
||||
.btn-sub {
|
||||
display: block !important;
|
||||
width: 100%;
|
||||
}
|
||||
.explore-content h3 {
|
||||
font-size: 42px;
|
||||
}
|
||||
#questions{
|
||||
height: 400px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 375px) {
|
||||
.c-header__background {
|
||||
background-position: center;
|
||||
}
|
||||
.inner-header h1 {
|
||||
font-size: 48px;
|
||||
}
|
||||
.inner-header h2 {
|
||||
font-size: 20px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.floating-astro {
|
||||
bottom: -7.5rem;
|
||||
max-width: 200px;
|
||||
}
|
||||
.right-tool-header {
|
||||
font-size: 48px;
|
||||
line-height: 56px;
|
||||
}
|
||||
.right-tool-sub {
|
||||
font-size: 20px;
|
||||
}
|
||||
.explore-image img {
|
||||
padding: 2rem;
|
||||
}
|
||||
.explore-content {
|
||||
padding: 4rem 1rem 5rem 1rem;
|
||||
}
|
||||
.start h2 {
|
||||
font-size: 48px;
|
||||
line-height: 52px;
|
||||
}
|
||||
.start p {
|
||||
font-size: 20px;
|
||||
line-height: 26px;
|
||||
}
|
||||
.explore-more-blocks {
|
||||
background-image: url(../images/BG_Stars.jpg);
|
||||
background-position: center right;
|
||||
background-size: auto;
|
||||
background-attachment: fixed;
|
||||
background-repeat: repeat;
|
||||
}
|
||||
.container-text {
|
||||
padding-bottom: 88%;
|
||||
}
|
||||
.content h2 {
|
||||
font-size: 50px;
|
||||
line-height: 49px;
|
||||
}
|
||||
.footer-astro {
|
||||
display: none;
|
||||
}
|
||||
.footer-links ul li {
|
||||
display: block;
|
||||
}
|
||||
.subForm .form-group{
|
||||
width:100%;
|
||||
}
|
||||
.subEmailInput {
|
||||
width: 100% !important;
|
||||
display: block !important;
|
||||
}
|
||||
.btn-sub {
|
||||
display: block !important;
|
||||
width: 100%;
|
||||
}
|
||||
.explore-content h3 {
|
||||
font-size: 42px;
|
||||
}
|
||||
#questions{
|
||||
height: 400px;
|
||||
}
|
||||
}
|
||||
|
After Width: | Height: | Size: 227 KiB |
|
After Width: | Height: | Size: 75 KiB |
|
Before Width: | Height: | Size: 443 KiB After Width: | Height: | Size: 443 KiB |
|
Before Width: | Height: | Size: 52 KiB After Width: | Height: | Size: 52 KiB |
|
After Width: | Height: | Size: 56 KiB |
|
After Width: | Height: | Size: 90 KiB |
|
After Width: | Height: | Size: 198 KiB |
|
Before Width: | Height: | Size: 101 KiB After Width: | Height: | Size: 101 KiB |
|
After Width: | Height: | Size: 91 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 480 B After Width: | Height: | Size: 480 B |
|
After Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 263 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 1.1 MiB |
|
Before Width: | Height: | Size: 62 KiB |
|
Before Width: | Height: | Size: 32 KiB |
@@ -1,12 +0,0 @@
|
||||
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M147.987 80.6826C147.892 82.0454 147.859 83.417 147.692 84.7698C145.923 99.1352 139.223 110.646 127.461 119.075C118.675 125.373 108.758 128.313 97.9576 127.939C85.4676 127.51 74.6996 122.861 65.6736 114.218C65.5905 114.138 65.5925 113.82 65.6736 113.734C76.9332 102.455 88.2044 91.1864 99.4873 79.9295C99.7532 79.6859 100.097 79.5449 100.457 79.5315C116.301 79.5118 132.144 79.5062 147.987 79.5147V80.6826Z" fill="#020202"/>
|
||||
<path d="M100.68 31C102.012 31.1012 103.346 31.1601 104.674 31.3035C112.446 32.146 119.604 34.7117 126.148 39.0008C126.192 39.0342 126.235 39.0699 126.275 39.108L122.139 43.2361C121.238 44.1346 120.344 45.0391 119.432 45.9262C119.375 45.9635 119.309 45.9861 119.241 45.992C119.172 45.998 119.104 45.9871 119.04 45.9604C112.453 42.1703 105.362 40.4271 97.7683 40.7308C80.7757 41.4156 65.9621 53.45 61.8876 69.9521C59.3657 80.1767 60.7687 89.8901 65.9621 99.0581C66.0117 99.1452 66.0144 99.3375 65.9547 99.3931C63.7003 101.664 61.4381 103.929 59.168 106.189C59.1459 106.211 59.1184 106.229 59.0668 106.27C58.8531 105.939 58.638 105.619 58.4357 105.292C52.8322 96.2387 50.3598 86.3986 51.1598 75.7773C52.8275 53.6979 69.262 35.6091 91.1304 31.7679C93.3415 31.3799 95.6028 31.2814 97.84 31.0489L98.297 31H100.68Z" fill="#020202"/>
|
||||
<path d="M125.259 60.2682C125.263 58.2518 125.966 56.299 127.247 54.7423C128.529 53.1856 130.31 52.1211 132.288 51.7301C134.266 51.339 136.319 51.6455 138.097 52.5975C139.874 53.5494 141.267 55.0879 142.038 56.9511C142.809 58.8143 142.91 60.8871 142.324 62.8167C141.739 64.7462 140.503 66.4132 138.827 67.5341C137.151 68.6549 135.138 69.1602 133.131 68.964C131.124 68.7677 129.247 67.8821 127.82 66.4579C127.007 65.6452 126.363 64.6802 125.923 63.6181C125.484 62.556 125.258 61.4176 125.259 60.2682V60.2682Z" fill="#020202"/>
|
||||
<path d="M64.9366 141.427C64.989 141.439 65.042 141.447 65.0954 141.452C68.4696 141.621 71.3796 142.887 73.8379 145.2C73.8942 145.256 73.9545 145.312 74.0001 145.354L72.1092 147.25C72.0308 147.178 71.9323 147.088 71.8352 146.997C70.6914 145.938 69.3325 145.138 67.8512 144.652C67.2099 144.444 66.551 144.295 65.8827 144.206C65.1823 144.118 64.4753 144.096 63.7707 144.139C63.0087 144.183 62.2541 144.314 61.5214 144.528C60.895 144.706 60.286 144.94 59.7023 145.229C58.9016 145.618 58.1554 146.111 57.4825 146.694C57.2225 146.922 56.9659 147.155 56.7234 147.401C56.239 147.895 55.8056 148.437 55.4296 149.017C55.0687 149.571 54.7592 150.156 54.5049 150.766C54.1805 151.535 53.9501 152.341 53.8188 153.166C53.7625 153.515 53.7239 153.867 53.7029 154.222C53.6755 154.643 53.6699 155.066 53.6861 155.488C53.7215 156.218 53.8338 156.943 54.0212 157.65C54.4417 159.264 55.2299 160.759 56.324 162.018C58.1802 164.158 60.8035 165.481 63.6273 165.703C64.1476 165.741 64.6698 165.744 65.1905 165.714C66.0336 165.664 66.8675 165.512 67.6736 165.26C68.2264 165.09 68.7642 164.875 69.2817 164.617C70.9923 163.767 72.4483 162.48 73.5029 160.888C74.0954 159.996 74.5503 159.021 74.8523 157.994C74.8798 157.901 74.9086 157.806 74.9394 157.689C74.5816 157.685 74.2466 157.689 73.9116 157.689H61.7794L64.5265 154.936H77.976V155.125C77.9016 158.412 76.8035 161.311 74.648 163.795C72.7237 166.01 70.3075 167.427 67.4492 168.09C66.6999 168.257 65.9378 168.362 65.1711 168.402C64.5285 168.44 63.8839 168.426 63.2434 168.361C60.2953 168.069 57.7023 166.954 55.4939 164.978C53.3464 163.057 51.9655 160.676 51.3216 157.869C51.1367 157.07 51.0312 156.255 51.0067 155.436C50.9042 151.86 52.0117 148.706 54.3642 146.012C56.2644 143.836 58.6484 142.439 61.4605 141.774C62.1484 141.615 62.8475 141.511 63.5516 141.46C63.6541 141.452 63.7587 141.456 63.8619 141.449C63.9148 141.443 63.9677 141.435 64.02 141.425L64.9366 141.427Z" fill="#020202"/>
|
||||
<path d="M148 168.423H145.311V157.696H137.204V168.398C137.097 168.429 134.703 168.438 134.519 168.411V152.29H137.199V154.904C137.312 154.934 145.047 154.945 145.306 154.916V146.915C145.344 146.908 145.381 146.903 145.419 146.9H147.93C147.952 146.9 147.974 146.904 147.997 146.906L148 168.423Z" fill="#020202"/>
|
||||
<path d="M120.993 157.679H110.255L107.508 154.932H117.894C117.52 153.867 116.925 152.893 116.148 152.074C114.903 150.764 113.386 149.943 111.604 149.641C109.84 149.34 108.026 149.63 106.444 150.467C104.863 151.304 103.602 152.641 102.859 154.269C102.116 155.897 101.932 157.724 102.335 159.468C102.739 161.211 103.707 162.772 105.09 163.908C106.698 165.221 108.549 165.839 110.618 165.745C112.688 165.65 114.456 164.85 115.938 163.429L117.802 165.292C115.141 168.088 110.088 169.615 105.413 167.27C103.042 166.081 101.194 164.057 100.223 161.588C99.2529 159.12 99.2283 156.379 100.154 153.894C101.08 151.408 102.892 149.351 105.241 148.119C107.59 146.887 110.312 146.566 112.883 147.218C118.338 148.611 121.092 153.527 120.993 157.679Z" fill="#020202"/>
|
||||
<path d="M88.8097 162.972L98.0836 146.91H101.157C101.16 146.913 101.162 146.917 101.164 146.922C101.164 146.926 101.168 146.932 101.164 146.935C101.158 146.952 101.151 146.968 101.143 146.984L88.7702 168.416H86.0901V146.933L86.1001 146.92C86.1034 146.917 86.1073 146.915 86.1115 146.914C86.1288 146.909 86.1465 146.906 86.1644 146.904H88.7018C88.7244 146.906 88.7467 146.91 88.7688 146.915V162.965L88.8097 162.972Z" fill="#020202"/>
|
||||
<path d="M126.408 168.415H123.716V149.528C123.533 149.518 123.359 149.528 123.185 149.523H120.527L119.003 146.91H137.192V149.523H126.405L126.408 168.415Z" fill="#020202"/>
|
||||
<path d="M83.3684 168.415H80.6936V152.29H83.3557L83.3624 152.297C83.3624 152.301 83.3704 152.304 83.3704 152.307C83.3704 157.651 83.3722 162.996 83.3758 168.34C83.3751 168.362 83.3717 168.384 83.3684 168.415Z" fill="#020202"/>
|
||||
<path d="M82.033 146.901C82.3417 146.904 82.6399 147.013 82.8771 147.211C83.1143 147.408 83.2758 147.682 83.3342 147.985C83.3926 148.288 83.3443 148.602 83.1974 148.873C83.0506 149.145 82.8143 149.357 82.5287 149.474C82.243 149.591 81.9257 149.605 81.6307 149.515C81.3356 149.424 81.0809 149.234 80.91 148.977C80.739 148.721 80.6623 148.412 80.6928 148.105C80.7234 147.798 80.8593 147.511 81.0776 147.293C81.203 147.168 81.3521 147.069 81.5161 147.001C81.6801 146.934 81.8558 146.9 82.033 146.901V146.901Z" fill="#020202"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 6.1 KiB |
@@ -1,10 +0,0 @@
|
||||
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M54 72C38.536 72 26 84.5362 26 100C26 115.464 38.536 128 54 128C69.464 128 82 115.464 82 100C82 84.5362 69.464 72 54 72Z" fill="#4360DF"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M54.9403 98.7727C56.3463 98.9191 57.7523 99.0654 59.4809 98.9691C64.1643 98.708 67.0013 96.3042 66.8 92.7111C66.5948 89.0553 62.8205 86.803 59.0441 87.0136C52.8898 87.3565 48.3642 92.7597 47.8545 98.9353C48.6903 98.7395 49.57 98.6226 50.3996 98.5764C52.1283 98.4801 53.5343 98.6264 54.9403 98.7727ZM42.8758 106.765C43.07 110.116 46.6457 112.181 50.2235 111.987C56.0538 111.673 60.3414 106.72 60.8241 101.059C60.0323 101.239 59.199 101.346 58.413 101.388C56.7753 101.477 55.4432 101.342 54.1111 101.208C52.7791 101.074 51.447 100.94 49.8094 101.028C45.3727 101.268 42.6848 103.471 42.8758 106.765Z" fill="white"/>
|
||||
<path d="M92.8965 104.649H96.9438C96.9438 105.335 97.1372 105.827 97.5239 106.126C97.9106 106.425 98.4072 106.574 99.0137 106.574C99.5146 106.574 99.9233 106.482 100.24 106.297C100.565 106.104 100.727 105.792 100.727 105.361C100.727 105.106 100.657 104.9 100.517 104.742C100.385 104.575 100.178 104.43 99.897 104.307C99.6157 104.175 99.2554 104.043 98.8159 103.911C98.3765 103.779 97.8491 103.612 97.2339 103.41C96.6802 103.234 96.1572 103.054 95.665 102.87C95.1816 102.676 94.7554 102.439 94.3862 102.158C94.0171 101.877 93.7271 101.534 93.5161 101.129C93.314 100.725 93.2129 100.224 93.2129 99.6265C93.2129 98.9409 93.3491 98.3477 93.6216 97.8467C93.894 97.3457 94.2764 96.9326 94.7686 96.6074C95.2607 96.2822 95.8496 96.0405 96.5352 95.8823C97.2207 95.7153 97.9766 95.6318 98.8027 95.6318C99.8135 95.6318 100.684 95.7461 101.413 95.9746C102.143 96.2031 102.74 96.5151 103.206 96.9106C103.672 97.3062 104.015 97.772 104.234 98.3081C104.463 98.8442 104.577 99.4199 104.577 100.035H100.503C100.503 99.499 100.363 99.0815 100.081 98.7827C99.8091 98.4839 99.3916 98.3345 98.8291 98.3345C98.3984 98.3345 98.0293 98.4312 97.7217 98.6245C97.4141 98.8091 97.2603 99.0903 97.2603 99.4683C97.2603 99.7231 97.3306 99.9297 97.4712 100.088C97.6206 100.237 97.8359 100.374 98.1172 100.497C98.3984 100.62 98.7456 100.747 99.1587 100.879C99.5718 101.002 100.046 101.151 100.582 101.327C101.163 101.485 101.703 101.661 102.204 101.855C102.705 102.048 103.144 102.285 103.522 102.566C103.909 102.839 104.212 103.186 104.432 103.608C104.661 104.021 104.775 104.548 104.775 105.19C104.775 105.946 104.617 106.592 104.3 107.128C103.984 107.655 103.558 108.086 103.021 108.42C102.494 108.754 101.879 108.991 101.176 109.132C100.473 109.281 99.7344 109.356 98.9609 109.356C97.0361 109.356 95.542 108.956 94.4785 108.156C93.4238 107.348 92.8965 106.179 92.8965 104.649Z" fill="black"/>
|
||||
<path d="M105.803 99.0596V95.9878H107.847V92.125H111.96V95.9878H114.926V99.0596H111.96V103.713C111.96 104.197 112.004 104.584 112.092 104.874C112.18 105.155 112.303 105.379 112.461 105.546C112.628 105.704 112.826 105.81 113.054 105.862C113.291 105.906 113.555 105.928 113.845 105.928C114.021 105.928 114.245 105.924 114.518 105.915C114.79 105.898 115.027 105.871 115.229 105.836V109C114.922 109.053 114.535 109.101 114.069 109.145C113.612 109.189 113.072 109.211 112.448 109.211C111.964 109.211 111.455 109.176 110.918 109.105C110.382 109.035 109.886 108.851 109.429 108.552C108.972 108.253 108.594 107.796 108.295 107.181C107.996 106.557 107.847 105.704 107.847 104.623V99.0596H105.803Z" fill="black"/>
|
||||
<path d="M116.416 102.487C116.416 101.512 116.57 100.606 116.877 99.7715C117.194 98.9365 117.629 98.2202 118.183 97.6226C118.745 97.0161 119.4 96.5371 120.147 96.1855C120.894 95.834 121.703 95.6582 122.573 95.6582C123.548 95.6582 124.392 95.8647 125.104 96.2778C125.825 96.6909 126.365 97.2139 126.726 97.8467V95.9878H130.852V109H126.726V107.168C126.4 107.765 125.877 108.275 125.157 108.697C124.436 109.119 123.575 109.33 122.573 109.33C121.711 109.33 120.903 109.154 120.147 108.802C119.4 108.451 118.745 107.972 118.183 107.365C117.629 106.759 117.194 106.038 116.877 105.203C116.57 104.368 116.416 103.463 116.416 102.487ZM120.516 102.487C120.516 102.936 120.591 103.366 120.74 103.779C120.898 104.184 121.109 104.535 121.373 104.834C121.646 105.124 121.971 105.361 122.349 105.546C122.727 105.722 123.148 105.81 123.614 105.81C124.08 105.81 124.502 105.722 124.88 105.546C125.267 105.361 125.592 105.124 125.856 104.834C126.128 104.535 126.339 104.184 126.488 103.779C126.646 103.375 126.726 102.944 126.726 102.487C126.726 102.039 126.646 101.617 126.488 101.222C126.339 100.826 126.128 100.475 125.856 100.167C125.592 99.8594 125.271 99.6177 124.893 99.4419C124.515 99.2661 124.089 99.1782 123.614 99.1782C123.148 99.1782 122.727 99.2661 122.349 99.4419C121.971 99.6177 121.646 99.8594 121.373 100.167C121.109 100.475 120.898 100.826 120.74 101.222C120.591 101.617 120.516 102.039 120.516 102.487Z" fill="black"/>
|
||||
<path d="M133.067 99.0596V95.9878H135.11V92.125H139.224V95.9878H142.19V99.0596H139.224V103.713C139.224 104.197 139.268 104.584 139.355 104.874C139.443 105.155 139.566 105.379 139.725 105.546C139.892 105.704 140.089 105.81 140.318 105.862C140.555 105.906 140.819 105.928 141.109 105.928C141.285 105.928 141.509 105.924 141.781 105.915C142.054 105.898 142.291 105.871 142.493 105.836V109C142.186 109.053 141.799 109.101 141.333 109.145C140.876 109.189 140.335 109.211 139.711 109.211C139.228 109.211 138.718 109.176 138.182 109.105C137.646 109.035 137.149 108.851 136.692 108.552C136.235 108.253 135.857 107.796 135.559 107.181C135.26 106.557 135.11 105.704 135.11 104.623V99.0596H133.067Z" fill="black"/>
|
||||
<path d="M144.537 103.713V95.9878H148.637V102.659C148.637 103.59 148.804 104.351 149.138 104.939C149.472 105.519 150.069 105.81 150.931 105.81C151.792 105.81 152.425 105.515 152.829 104.926C153.242 104.329 153.449 103.524 153.449 102.514V95.9878H157.575V109H153.449V107.141C153.088 107.827 152.539 108.363 151.801 108.749C151.062 109.136 150.179 109.33 149.151 109.33C148.254 109.33 147.516 109.189 146.936 108.908C146.365 108.626 145.899 108.27 145.539 107.84C145.125 107.339 144.853 106.759 144.721 106.1C144.598 105.44 144.537 104.645 144.537 103.713Z" fill="black"/>
|
||||
<path d="M160.238 104.649H164.286C164.286 105.335 164.479 105.827 164.866 106.126C165.252 106.425 165.749 106.574 166.355 106.574C166.856 106.574 167.265 106.482 167.582 106.297C167.907 106.104 168.069 105.792 168.069 105.361C168.069 105.106 167.999 104.9 167.858 104.742C167.727 104.575 167.52 104.43 167.239 104.307C166.958 104.175 166.597 104.043 166.158 103.911C165.718 103.779 165.191 103.612 164.576 103.41C164.022 103.234 163.499 103.054 163.007 102.87C162.523 102.676 162.097 102.439 161.728 102.158C161.359 101.877 161.069 101.534 160.858 101.129C160.656 100.725 160.555 100.224 160.555 99.6265C160.555 98.9409 160.691 98.3477 160.963 97.8467C161.236 97.3457 161.618 96.9326 162.11 96.6074C162.603 96.2822 163.191 96.0405 163.877 95.8823C164.562 95.7153 165.318 95.6318 166.145 95.6318C167.155 95.6318 168.025 95.7461 168.755 95.9746C169.484 96.2031 170.082 96.5151 170.548 96.9106C171.014 97.3062 171.356 97.772 171.576 98.3081C171.805 98.8442 171.919 99.4199 171.919 100.035H167.845C167.845 99.499 167.705 99.0815 167.423 98.7827C167.151 98.4839 166.733 98.3345 166.171 98.3345C165.74 98.3345 165.371 98.4312 165.063 98.6245C164.756 98.8091 164.602 99.0903 164.602 99.4683C164.602 99.7231 164.672 99.9297 164.813 100.088C164.962 100.237 165.178 100.374 165.459 100.497C165.74 100.62 166.087 100.747 166.5 100.879C166.914 101.002 167.388 101.151 167.924 101.327C168.504 101.485 169.045 101.661 169.546 101.855C170.047 102.048 170.486 102.285 170.864 102.566C171.251 102.839 171.554 103.186 171.774 103.608C172.002 104.021 172.117 104.548 172.117 105.19C172.117 105.946 171.958 106.592 171.642 107.128C171.326 107.655 170.899 108.086 170.363 108.42C169.836 108.754 169.221 108.991 168.518 109.132C167.814 109.281 167.076 109.356 166.303 109.356C164.378 109.356 162.884 108.956 161.82 108.156C160.766 107.348 160.238 106.179 160.238 104.649Z" fill="black"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 7.9 KiB |
|
Before Width: | Height: | Size: 188 KiB |
|
Before Width: | Height: | Size: 440 KiB |
@@ -1,24 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="135" height="48" viewBox="0 0 135 48" fill="none">
|
||||
<g clip-path="url(#clip0)">
|
||||
<path d="M7.4 13.1L1.2 23.8C-0.4 26.6 -0.4 30.1 1.2 32.9L7.4 43.6C9 46.4 12 48.1 15.3 48.1H27.6C30.9 48.1 33.9 46.4 35.5 43.5L41.6 32.8C43.2 30 43.2 26.5 41.6 23.7L35.4 13C33.8 10.2 30.8 8.5 27.5 8.5H15.2C12 8.5 9 10.3 7.4 13.1Z" fill="#0B476D"/>
|
||||
<path d="M14 19.1001C14 19.1001 11.2 23.8001 11.4 25.5001C11.8 28.7001 14 37.8001 14 37.8001H14.7L16.6 29.6001C16.5 29.6001 14.7 26.0001 14 19.1001Z" fill="#FAB266"/>
|
||||
<path d="M29.5 19.2C29.5 19.2 32.3 23.8999 32.1 25.5999C31.7 28.7999 29.5 37.9 29.5 37.9H28.8L26.9 29.7C27 29.7 28.9 26.1 29.5 19.2Z" fill="#F1645D"/>
|
||||
<path d="M21.8 -0.199951C37.5 17.9 24.6 34.5 24.6 34.5H21.8V-0.199951Z" fill="#398689"/>
|
||||
<path d="M21.8 -0.300049C6.1 17.8 19 34.4 19 34.4H21.8V-0.300049Z" fill="#78BE97"/>
|
||||
<path d="M50.9 39.6001V22.1001H61.7V24.6001H53.5V29.4001H58.8V31.9001H53.5V37.2001H62.3V39.7001H50.9V39.6001Z" fill="white"/>
|
||||
<path d="M80.7 39.6V31.9C80.7 29.9 79.9 28.9 78.4 28.9C77.7 28.9 77.1 29.2 76.6 29.7C76.1 30.2 75.9 31 75.9 32V39.5H73.3V31.8C73.3 29.8 72.5 28.8 71 28.8C70.3 28.8 69.7 29.1 69.2 29.6C68.7 30.1 68.5 30.9 68.5 31.9V39.4H65.9V26.8H68.5V28C69.2 27 70.3 26.5 71.7 26.5C73.3 26.5 74.4 27.1 75.1 28.3C75.9 27.1 77.1 26.5 78.9 26.5C80.3 26.5 81.4 26.9 82.2 27.7C83 28.5 83.5 29.7 83.5 31.3V39.5H80.7V39.6Z" fill="white"/>
|
||||
<path d="M92.7 39.9C91.5 39.9 90.5 39.5 89.7 38.6V39.6H87.1V22.7L89.7 21.5V27.7C90.5 26.8 91.5 26.4 92.7 26.4C94.3 26.4 95.6 27 96.5 28.2C97.5 29.4 98 31 98 33.1C98 35.2 97.5 36.9 96.6 38.1C95.6 39.3 94.3 39.9 92.7 39.9ZM92.4 37.4C93.4 37.4 94.1 37 94.6 36.3C95.1 35.5 95.4 34.5 95.4 33.2C95.4 31.8 95.1 30.8 94.6 30.1C94.1 29.4 93.3 29 92.4 29C91.8 29 91.3 29.1 90.8 29.4C90.3 29.7 90 30 89.7 30.4V36C90.3 36.9 91.2 37.4 92.4 37.4Z" fill="white"/>
|
||||
<path d="M108.5 39.6001V38.5001C107.6 39.4001 106.4 39.9001 105 39.9001C103.7 39.9001 102.6 39.5001 101.7 38.8001C100.9 38.1001 100.4 37.0001 100.4 35.6001C100.4 34.2001 100.9 33.2001 101.8 32.4001C102.7 31.6001 103.9 31.3001 105.3 31.3001C106.5 31.3001 107.6 31.5001 108.4 32.1001V31.4001C108.4 30.5001 108.2 29.8001 107.8 29.4001C107.4 29.0001 106.7 28.8001 105.7 28.8001C104.3 28.8001 103.1 29.2001 102 30.0001L101.2 27.9001C102.5 27.0001 104.1 26.6001 106 26.6001C106.6 26.6001 107.2 26.7001 107.7 26.8001C108.2 26.9001 108.7 27.1001 109.2 27.4001C109.7 27.7001 110.1 28.2001 110.4 28.9001C110.7 29.6001 110.8 30.4001 110.8 31.4001V39.7001H108.5V39.6001ZM105.5 37.6001C106.7 37.6001 107.7 37.1001 108.5 36.2001V34.2001C107.7 33.8001 106.8 33.6001 105.8 33.6001C105 33.6001 104.3 33.8001 103.8 34.1001C103.3 34.4001 103 34.9001 103 35.6001C103 36.2001 103.2 36.7001 103.7 37.0001C104.1 37.4001 104.7 37.6001 105.5 37.6001Z" fill="white"/>
|
||||
<path d="M114.7 39.6V26.8H117.3V28.4C117.9 27.2 118.8 26.5 120.2 26.5C121 26.5 121.7 26.8 122.3 27.3L121.9 29.7C121.3 29.3 120.6 29.1 119.9 29.1C119.2 29.1 118.6 29.4 118.1 29.9C117.6 30.4 117.3 31.3 117.3 32.5V39.7H114.7V39.6Z" fill="white"/>
|
||||
<path d="M135.5 39.6001H132.7L128.9 32.3001L127.2 33.9001V39.6001H124.6V22.8001L127.2 21.6001V30.8001L131 26.8001H134.2L130.7 30.4001L135.5 39.6001Z" fill="white"/>
|
||||
<path d="M34.3 44.9999C34.2 44.8999 34.1 44.6999 34 44.5999C33.6 44.2999 33.2 44.1999 32.7 44.3999C32.5 43.7999 32 43.1999 31.3 43.1999C30.8 43.1999 30.4 43.3999 30.1 43.6999C29.6 42.9999 28.7 42.3999 27.7 42.3999C27.6 42.3999 27.5 42.3999 27.5 42.3999C27.3 41.4999 26.7 40.7999 26 40.2999C24.6 38.7999 24.6 34.3999 24.6 34.3999H21.7H18.8C18.8 34.3999 18.7 38.7999 17.3 40.2999C16.7 40.6999 16.3 41.2999 16.1 41.8999C15.7 41.6999 15.3 41.5999 14.8 41.4999C13.4 41.3999 12.1 42.2999 11.6 43.5999C11.4 43.4999 11.2 43.4999 11 43.4999C10.4 43.4999 9.8 43.7999 9.5 44.2999C9.4 44.1999 9.2 44.1999 9 44.1999C8.6 44.1999 8.2 44.3999 8 44.6999C8.6 45.3999 9.2 45.8999 9.9 46.3999C10.3 46.6999 10.7 46.8999 11.1 47.0999C11.5 47.2999 11.9 47.3999 12.2 47.5999C12.3 47.5999 12.3 47.5999 12.4 47.6999C12.7 47.7999 13.1 47.8999 13.5 47.8999C13.6 47.8999 13.7 47.8999 13.7 47.8999C14.1 47.9999 14.6 47.9999 15 47.9999H27.3C27.7 47.9999 28.1 47.9999 28.6 47.8999H28.7C29.9 47.6999 31.1 47.2999 32.1 46.5999C33.1 46.1999 33.7 45.6999 34.3 44.9999Z" fill="#9BDCD9"/>
|
||||
<path d="M15.3 48.0999H27.6C28.6 48.0999 29.6 47.8999 30.5 47.5999C30.1 46.7999 28.3 45.5999 27.6 45.2999C25.4 44.4999 26.3 41.9999 24.1 41.9999C22.7 41.9999 22.1 37.8999 22.1 37.8999H21.4C21.4 37.8999 20.9 41.8999 19.5 41.7999C16.7 41.6999 18.5 44.5999 15.2 45.4999C13.1 46.0999 12.4 46.8999 12.3 47.4999C13.2 47.7999 14.2 48.0999 15.3 48.0999Z" fill="#D7F1F0"/>
|
||||
<path d="M21.8 17.8999C21.8 17.8999 18.3 21.8999 18.7 23.7999C19.3 26.9999 21.5 37.7999 21.5 37.7999H21.8V17.8999Z" fill="#FAB266"/>
|
||||
<path d="M21.8 18C21.8 18 25.3 22 24.9 23.9C24.3 27.1 22.1 37.9 22.1 37.9H21.8V18Z" fill="#F1645D"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0">
|
||||
<rect width="135" height="48" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 4.8 KiB |
@@ -1,47 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="135" height="48" viewBox="0 0 135 48" fill="none">
|
||||
<g clip-path="url(#clip0)">
|
||||
<path
|
||||
d="M7.4 13.1L1.2 23.8C-0.4 26.6 -0.4 30.1 1.2 32.9L7.4 43.6C9 46.4 12 48.1 15.3 48.1H27.6C30.9 48.1 33.9 46.4 35.5 43.5L41.6 32.8C43.2 30 43.2 26.5 41.6 23.7L35.4 13C33.8 10.2 30.8 8.5 27.5 8.5H15.2C12 8.5 9 10.3 7.4 13.1Z"
|
||||
fill="#0B476D" />
|
||||
<path
|
||||
d="M14 19.1001C14 19.1001 11.2 23.8001 11.4 25.5001C11.8 28.7001 14 37.8001 14 37.8001H14.7L16.6 29.6001C16.5 29.6001 14.7 26.0001 14 19.1001Z"
|
||||
fill="#FAB266" />
|
||||
<path
|
||||
d="M29.5 19.2C29.5 19.2 32.3 23.8999 32.1 25.5999C31.7 28.7999 29.5 37.9 29.5 37.9H28.8L26.9 29.7C27 29.7 28.9 26.1 29.5 19.2Z"
|
||||
fill="#F1645D" />
|
||||
<path d="M21.8 -0.199951C37.5 17.9 24.6 34.5 24.6 34.5H21.8V-0.199951Z" fill="#398689" />
|
||||
<path d="M21.8 -0.300049C6.1 17.8 19 34.4 19 34.4H21.8V-0.300049Z" fill="#78BE97" />
|
||||
<path d="M50.9 39.6001V22.1001H61.7V24.6001H53.5V29.4001H58.8V31.9001H53.5V37.2001H62.3V39.7001H50.9V39.6001Z"
|
||||
fill="black" />
|
||||
<path
|
||||
d="M80.7 39.6V31.9C80.7 29.9 79.9 28.9 78.4 28.9C77.7 28.9 77.1 29.2 76.6 29.7C76.1 30.2 75.9 31 75.9 32V39.5H73.3V31.8C73.3 29.8 72.5 28.8 71 28.8C70.3 28.8 69.7 29.1 69.2 29.6C68.7 30.1 68.5 30.9 68.5 31.9V39.4H65.9V26.8H68.5V28C69.2 27 70.3 26.5 71.7 26.5C73.3 26.5 74.4 27.1 75.1 28.3C75.9 27.1 77.1 26.5 78.9 26.5C80.3 26.5 81.4 26.9 82.2 27.7C83 28.5 83.5 29.7 83.5 31.3V39.5H80.7V39.6Z"
|
||||
fill="black" />
|
||||
<path
|
||||
d="M92.7 39.9C91.5 39.9 90.5 39.5 89.7 38.6V39.6H87.1V22.7L89.7 21.5V27.7C90.5 26.8 91.5 26.4 92.7 26.4C94.3 26.4 95.6 27 96.5 28.2C97.5 29.4 98 31 98 33.1C98 35.2 97.5 36.9 96.6 38.1C95.6 39.3 94.3 39.9 92.7 39.9ZM92.4 37.4C93.4 37.4 94.1 37 94.6 36.3C95.1 35.5 95.4 34.5 95.4 33.2C95.4 31.8 95.1 30.8 94.6 30.1C94.1 29.4 93.3 29 92.4 29C91.8 29 91.3 29.1 90.8 29.4C90.3 29.7 90 30 89.7 30.4V36C90.3 36.9 91.2 37.4 92.4 37.4Z"
|
||||
fill="black" />
|
||||
<path
|
||||
d="M108.5 39.6001V38.5001C107.6 39.4001 106.4 39.9001 105 39.9001C103.7 39.9001 102.6 39.5001 101.7 38.8001C100.9 38.1001 100.4 37.0001 100.4 35.6001C100.4 34.2001 100.9 33.2001 101.8 32.4001C102.7 31.6001 103.9 31.3001 105.3 31.3001C106.5 31.3001 107.6 31.5001 108.4 32.1001V31.4001C108.4 30.5001 108.2 29.8001 107.8 29.4001C107.4 29.0001 106.7 28.8001 105.7 28.8001C104.3 28.8001 103.1 29.2001 102 30.0001L101.2 27.9001C102.5 27.0001 104.1 26.6001 106 26.6001C106.6 26.6001 107.2 26.7001 107.7 26.8001C108.2 26.9001 108.7 27.1001 109.2 27.4001C109.7 27.7001 110.1 28.2001 110.4 28.9001C110.7 29.6001 110.8 30.4001 110.8 31.4001V39.7001H108.5V39.6001ZM105.5 37.6001C106.7 37.6001 107.7 37.1001 108.5 36.2001V34.2001C107.7 33.8001 106.8 33.6001 105.8 33.6001C105 33.6001 104.3 33.8001 103.8 34.1001C103.3 34.4001 103 34.9001 103 35.6001C103 36.2001 103.2 36.7001 103.7 37.0001C104.1 37.4001 104.7 37.6001 105.5 37.6001Z"
|
||||
fill="black" />
|
||||
<path
|
||||
d="M114.7 39.6V26.8H117.3V28.4C117.9 27.2 118.8 26.5 120.2 26.5C121 26.5 121.7 26.8 122.3 27.3L121.9 29.7C121.3 29.3 120.6 29.1 119.9 29.1C119.2 29.1 118.6 29.4 118.1 29.9C117.6 30.4 117.3 31.3 117.3 32.5V39.7H114.7V39.6Z"
|
||||
fill="black" />
|
||||
<path
|
||||
d="M135.5 39.6001H132.7L128.9 32.3001L127.2 33.9001V39.6001H124.6V22.8001L127.2 21.6001V30.8001L131 26.8001H134.2L130.7 30.4001L135.5 39.6001Z"
|
||||
fill="black" />
|
||||
<path
|
||||
d="M34.3 44.9999C34.2 44.8999 34.1 44.6999 34 44.5999C33.6 44.2999 33.2 44.1999 32.7 44.3999C32.5 43.7999 32 43.1999 31.3 43.1999C30.8 43.1999 30.4 43.3999 30.1 43.6999C29.6 42.9999 28.7 42.3999 27.7 42.3999C27.6 42.3999 27.5 42.3999 27.5 42.3999C27.3 41.4999 26.7 40.7999 26 40.2999C24.6 38.7999 24.6 34.3999 24.6 34.3999H21.7H18.8C18.8 34.3999 18.7 38.7999 17.3 40.2999C16.7 40.6999 16.3 41.2999 16.1 41.8999C15.7 41.6999 15.3 41.5999 14.8 41.4999C13.4 41.3999 12.1 42.2999 11.6 43.5999C11.4 43.4999 11.2 43.4999 11 43.4999C10.4 43.4999 9.8 43.7999 9.5 44.2999C9.4 44.1999 9.2 44.1999 9 44.1999C8.6 44.1999 8.2 44.3999 8 44.6999C8.6 45.3999 9.2 45.8999 9.9 46.3999C10.3 46.6999 10.7 46.8999 11.1 47.0999C11.5 47.2999 11.9 47.3999 12.2 47.5999C12.3 47.5999 12.3 47.5999 12.4 47.6999C12.7 47.7999 13.1 47.8999 13.5 47.8999C13.6 47.8999 13.7 47.8999 13.7 47.8999C14.1 47.9999 14.6 47.9999 15 47.9999H27.3C27.7 47.9999 28.1 47.9999 28.6 47.8999H28.7C29.9 47.6999 31.1 47.2999 32.1 46.5999C33.1 46.1999 33.7 45.6999 34.3 44.9999Z"
|
||||
fill="#9BDCD9" />
|
||||
<path
|
||||
d="M15.3 48.0999H27.6C28.6 48.0999 29.6 47.8999 30.5 47.5999C30.1 46.7999 28.3 45.5999 27.6 45.2999C25.4 44.4999 26.3 41.9999 24.1 41.9999C22.7 41.9999 22.1 37.8999 22.1 37.8999H21.4C21.4 37.8999 20.9 41.8999 19.5 41.7999C16.7 41.6999 18.5 44.5999 15.2 45.4999C13.1 46.0999 12.4 46.8999 12.3 47.4999C13.2 47.7999 14.2 48.0999 15.3 48.0999Z"
|
||||
fill="#D7F1F0" />
|
||||
<path
|
||||
d="M21.8 17.8999C21.8 17.8999 18.3 21.8999 18.7 23.7999C19.3 26.9999 21.5 37.7999 21.5 37.7999H21.8V17.8999Z"
|
||||
fill="#FAB266" />
|
||||
<path d="M21.8 18C21.8 18 25.3 22 24.9 23.9C24.3 27.1 22.1 37.9 22.1 37.9H21.8V18Z" fill="#F1645D" />
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0">
|
||||
<rect width="135" height="48" fill="white" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 5.1 KiB |
|
Before Width: | Height: | Size: 265 KiB |
|
Before Width: | Height: | Size: 2.1 MiB |
|
Before Width: | Height: | Size: 161 KiB |
|
Before Width: | Height: | Size: 564 KiB |
|
Before Width: | Height: | Size: 98 KiB |
@@ -7,26 +7,29 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="css/v1.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">
|
||||
<title>Hello, world!</title>
|
||||
<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">
|
||||
nav
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container mw-960">
|
||||
<div class="container mw-960 pos-rel">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="inner-header">
|
||||
@@ -36,164 +39,152 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<img src="images/Spaceman_Right_Hero.png" class="floating-astro">
|
||||
</div>
|
||||
<img src="img/Embark_hero_image_Astronaut.png" class="astro-img">
|
||||
</header>
|
||||
|
||||
<section id="right-tool">
|
||||
<div class="container mw-960">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="rt-inner">
|
||||
<h2>The Right Tool for the Job</h2>
|
||||
<p class="sub-lead">Embark labs is a suite of products and services to help you make a lasting
|
||||
impact.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="rt-col">
|
||||
<strong>Key Benefit 1</strong>
|
||||
<p>Supporting paragraph text here for key benefit</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="rt-col">
|
||||
<strong>Key Benefit 2</strong>
|
||||
<p>Supporting paragraph text here for key benefit</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="rt-col">
|
||||
<strong>Key Benefit 2</strong>
|
||||
<p>Supporting paragraph text here for key benefit</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right-tool">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="scroll-more text-center">
|
||||
<img src="img/mouse-icon.png" class="mx-auto d-block">
|
||||
<p>keep scrolling to explore Embark more</p>
|
||||
</div>
|
||||
<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>
|
||||
</section>
|
||||
<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">
|
||||
|
||||
<section id="starry">
|
||||
<div class="container">
|
||||
<div class="row align-self-stretch">
|
||||
<div class="col-md-6 col-grey image-col-left">
|
||||
<div class="inner d-flex align-items-start flex-column h-100">
|
||||
<div class="row">
|
||||
<div class="col-md-11 col-lg-10">
|
||||
<img src="img/EMBARK_MODULAR.png" class="mx-auto d-block w-100">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-right-dark col-offset-top sky-box">
|
||||
<div class="inner d-flex align-items-start flex-column justify-content-center h-100">
|
||||
<div class="row">
|
||||
<div class="col-lg-11 d-flex align-items-start flex-column">
|
||||
<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 text-uppercase">Learn More</a>
|
||||
</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-md-6 col-left-dark col-offset-bottom sky-box-left">
|
||||
<div class="inner d-flex align-items-start flex-column justify-content-center h-100">
|
||||
<div class="row">
|
||||
<div class="col-md-11 col-lg-10">
|
||||
<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 text-uppercase">Learn More</a>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
<div class="col-md-6 col-grey content-box-right">
|
||||
<div class="inner d-flex align-items-start flex-column h-100">
|
||||
<img src="img/framework-img.png" class="mw-100 mx-auto">
|
||||
</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 class="container">
|
||||
<div class="row align-self-stretch">
|
||||
<div class="col-md-6 col-grey image-col-left">
|
||||
<div class="inner d-flex align-items-start flex-column h-100">
|
||||
<div class="row">
|
||||
<div class="col-md-11 col-lg-10">
|
||||
<img src="img/EMBARK_MODULAR.png" class="mx-auto d-block w-100">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-right-dark col-offset-top sky-box">
|
||||
<div class="inner d-flex align-items-start flex-column justify-content-center h-100">
|
||||
<div class="row">
|
||||
<div class="col-lg-11 d-flex align-items-start flex-column">
|
||||
<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 text-uppercase">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<section id="start" class="d-flex">
|
||||
<div class="container mw-960 h-100">
|
||||
<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>Start for Free Today</h2>
|
||||
<p class="lead">This the supporting text for this section. Please provide copy that will go
|
||||
<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>
|
||||
<img src="img/cta-start-rocket.png" class="w-100 mx-auto-d-block rocket">
|
||||
</section>
|
||||
|
||||
<section id="eci">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="eci-inner">
|
||||
<h3>Embark Community Initiatives</h3>
|
||||
<p class="lead">
|
||||
Leverage our experienced team of engineers to create a custom application for your needs.
|
||||
We’ve been building privacy
|
||||
preserving technology for as long as anyone, we’re happy to extend our experience.
|
||||
</p>
|
||||
<a href="#" class="blank-cta">Join the Community</a>
|
||||
</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">
|
||||
@@ -212,9 +203,10 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div class="container-text">
|
||||
<div id="questions">
|
||||
<!-- <div class="container-text"> -->
|
||||
<div class="content">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
@@ -223,29 +215,12 @@
|
||||
<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>
|
||||
|
||||
<section 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>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<section class="footer-links">
|
||||
<div class="container">
|
||||
@@ -268,12 +243,21 @@
|
||||
</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>
|
||||