diff --git a/css/v1.css b/css/v1.css index 690355b..16c8709 100644 --- a/css/v1.css +++ b/css/v1.css @@ -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; + } } \ No newline at end of file diff --git a/css/v2.css b/css/v2.css new file mode 100644 index 0000000..837392d --- /dev/null +++ b/css/v2.css @@ -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; + } +} \ No newline at end of file diff --git a/images/Astronaut_Floating_Footer.png b/images/Astronaut_Floating_Footer.png new file mode 100644 index 0000000..580d411 Binary files /dev/null and b/images/Astronaut_Floating_Footer.png differ diff --git a/images/BG_Stars.jpg b/images/BG_Stars.jpg new file mode 100644 index 0000000..eee9ae4 Binary files /dev/null and b/images/BG_Stars.jpg differ diff --git a/img/EMBARK_MODULAR.png b/images/EMBARK_MODULAR.png similarity index 100% rename from img/EMBARK_MODULAR.png rename to images/EMBARK_MODULAR.png diff --git a/img/Embark_hero_image_Astronaut.png b/images/Embark_hero_image_Astronaut.png similarity index 100% rename from img/Embark_hero_image_Astronaut.png rename to images/Embark_hero_image_Astronaut.png diff --git a/images/JoinCommunity_Embark.jpg b/images/JoinCommunity_Embark.jpg new file mode 100644 index 0000000..148cd38 Binary files /dev/null and b/images/JoinCommunity_Embark.jpg differ diff --git a/images/SpacePlanetAsteroids_BG.jpg b/images/SpacePlanetAsteroids_BG.jpg new file mode 100644 index 0000000..edec54e Binary files /dev/null and b/images/SpacePlanetAsteroids_BG.jpg differ diff --git a/images/Spaceman_Right_Hero.png b/images/Spaceman_Right_Hero.png new file mode 100644 index 0000000..b538300 Binary files /dev/null and b/images/Spaceman_Right_Hero.png differ diff --git a/img/cta-start-rocket.png b/images/cta-start-rocket.png similarity index 100% rename from img/cta-start-rocket.png rename to images/cta-start-rocket.png diff --git a/images/dark-bg-stars.png b/images/dark-bg-stars.png new file mode 100644 index 0000000..b12514f Binary files /dev/null and b/images/dark-bg-stars.png differ diff --git a/images/embark-logo-black.png b/images/embark-logo-black.png new file mode 100644 index 0000000..8333387 Binary files /dev/null and b/images/embark-logo-black.png differ diff --git a/img/mouse-icon.png b/images/mouse-icon.png similarity index 100% rename from img/mouse-icon.png rename to images/mouse-icon.png diff --git a/images/rt-bg.jpg b/images/rt-bg.jpg new file mode 100644 index 0000000..a66caf3 Binary files /dev/null and b/images/rt-bg.jpg differ diff --git a/img/stars-bg.png b/images/stars-bg.png similarity index 100% rename from img/stars-bg.png rename to images/stars-bg.png diff --git a/images/stars.png b/images/stars.png new file mode 100644 index 0000000..6c8c8cb Binary files /dev/null and b/images/stars.png differ diff --git a/images/subspace-logo.png b/images/subspace-logo.png new file mode 100644 index 0000000..97fe1c6 Binary files /dev/null and b/images/subspace-logo.png differ diff --git a/img/Hero.jpg b/img/Hero.jpg deleted file mode 100644 index 1a56096..0000000 Binary files a/img/Hero.jpg and /dev/null differ diff --git a/img/clouds-bg.png b/img/clouds-bg.png deleted file mode 100644 index 64268d9..0000000 Binary files a/img/clouds-bg.png and /dev/null differ diff --git a/img/company-flexdapps.svg b/img/company-flexdapps.svg deleted file mode 100644 index a059fec..0000000 --- a/img/company-flexdapps.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/img/company-giveth.svg b/img/company-giveth.svg deleted file mode 100644 index 25d6418..0000000 --- a/img/company-giveth.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/img/company-status.svg b/img/company-status.svg deleted file mode 100644 index 39a1417..0000000 --- a/img/company-status.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/img/framework-img.png b/img/framework-img.png deleted file mode 100644 index 62fe798..0000000 Binary files a/img/framework-img.png and /dev/null differ diff --git a/img/header-bg-image.jpg b/img/header-bg-image.jpg deleted file mode 100644 index bf1bf66..0000000 Binary files a/img/header-bg-image.jpg and /dev/null differ diff --git a/img/logo-negative.svg b/img/logo-negative.svg deleted file mode 100644 index 5c7a1fa..0000000 --- a/img/logo-negative.svg +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/img/logo.svg b/img/logo.svg deleted file mode 100644 index 17dce43..0000000 --- a/img/logo.svg +++ /dev/null @@ -1,47 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/img/questions-bg.jpg b/img/questions-bg.jpg deleted file mode 100644 index b16bffa..0000000 Binary files a/img/questions-bg.jpg and /dev/null differ diff --git a/img/rt-bg-overlay.png b/img/rt-bg-overlay.png deleted file mode 100644 index a5cd186..0000000 Binary files a/img/rt-bg-overlay.png and /dev/null differ diff --git a/img/rt-bg-save.jpg b/img/rt-bg-save.jpg deleted file mode 100644 index 9b487d8..0000000 Binary files a/img/rt-bg-save.jpg and /dev/null differ diff --git a/img/section-one-overlay.png b/img/section-one-overlay.png deleted file mode 100644 index 0f4ae96..0000000 Binary files a/img/section-one-overlay.png and /dev/null differ diff --git a/img/start-free-today.png b/img/start-free-today.png deleted file mode 100644 index 195dd9c..0000000 Binary files a/img/start-free-today.png and /dev/null differ diff --git a/index.html b/index.html index 1259b1f..0498a89 100644 --- a/index.html +++ b/index.html @@ -7,26 +7,29 @@ - + - Hello, world! + + Embark +
+
- nav +
-
+
@@ -36,164 +39,152 @@
+
-
-
-
-
-
-
-

The Right Tool for the Job

-

Embark labs is a suite of products and services to help you make a lasting - impact.

-
-
-
-
-
-
- Key Benefit 1 -

Supporting paragraph text here for key benefit

-
-
-
-
- Key Benefit 2 -

Supporting paragraph text here for key benefit

-
-
-
-
- Key Benefit 2 -

Supporting paragraph text here for key benefit

-
-
-
+
+
-
- -

keep scrolling to explore Embark more

-
+

The Right Tool for the Job

+

Embark labs is a suite of products and services to help you make a lasting + impact.

-
-
+
+
+
+
+ +
+
+
+
+ +
+
+
+
-
-
-
-
-
-
-
- -
-
-
-
-
-

Framework

-

The core of Embark Labs is the Embark Framework. A powerful tool for building - decentralized - and privacy preserving - applications.

- Learn More -
+
+
+
+
+
+ +

keep scrolling to explore Embark more

+
+ + +
+
+
+
+
+ +
+
+
+
+

Framework

+

The core of Embark Labs is the Embark Framework. A powerful tool for building decentralized + and privacy preserving + applications.

+ Learn More +
+
+
+ + +
+
+
+ +
+
+
+
+

Subspace

+

Reactive components are the core of most modern interfaces. This framework agnostic library + allows for maximum + flexibility when interacting with smart contracts.

+ Learn More +
+
+
+
+ +
+
+
+ + + +
+
+
+ +
+
+
+
+

Cockpit

+

A web interfacefor building, debugging, and deploying decentralized applications.

+ Learn More +
+
+
+
+
+ + +
-
-
-
-
-

Subspace

-

Reactive components are the core of most modern interfaces. This framework agnostic - library - allows for maximum - flexibility when interacting with smart contracts

- Learn More -
+
+
+
+
-
-
-
-
- -
+
+ + +
+ +
-
-
-
-
-
-
- -
-
-
-
-
-
-
-
-

Framework

-

The core of Embark Labs is the Embark Framework. A powerful tool for building - decentralized - and privacy preserving - applications.

- Learn More -
-
-
-
-
-
-
+
-
-
+
+
-

Start for Free Today

-

This the supporting text for this section. Please provide copy that will go +

Join the Community

+

This the supporting text for this section. Please provide copy that will go here.

Get Started
- -
- -
-
-
-
-
-

Embark Community Initiatives

-

- 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. -

- Join the Community -
-
-
+
+
+
+ +
@@ -212,9 +203,10 @@
-
+
-
+
+
@@ -223,29 +215,12 @@ Get Started
+
+
-
-
-
-
-
-
- -
-
- - -
- -
-
-
-
-
-
@@ -268,12 +243,21 @@
+ + + + + + + \ No newline at end of file