diff --git a/package-lock.json b/package-lock.json
index 24f96e8..ac05c2f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4986,7 +4986,8 @@
"ansi-regex": {
"version": "2.1.1",
"bundled": true,
- "dev": true
+ "dev": true,
+ "optional": true
},
"aproba": {
"version": "1.2.0",
@@ -5007,12 +5008,14 @@
"balanced-match": {
"version": "1.0.0",
"bundled": true,
- "dev": true
+ "dev": true,
+ "optional": true
},
"brace-expansion": {
"version": "1.1.11",
"bundled": true,
"dev": true,
+ "optional": true,
"requires": {
"balanced-match": "^1.0.0",
"concat-map": "0.0.1"
@@ -5027,17 +5030,20 @@
"code-point-at": {
"version": "1.1.0",
"bundled": true,
- "dev": true
+ "dev": true,
+ "optional": true
},
"concat-map": {
"version": "0.0.1",
"bundled": true,
- "dev": true
+ "dev": true,
+ "optional": true
},
"console-control-strings": {
"version": "1.1.0",
"bundled": true,
- "dev": true
+ "dev": true,
+ "optional": true
},
"core-util-is": {
"version": "1.0.2",
@@ -5154,7 +5160,8 @@
"inherits": {
"version": "2.0.3",
"bundled": true,
- "dev": true
+ "dev": true,
+ "optional": true
},
"ini": {
"version": "1.3.5",
@@ -5166,6 +5173,7 @@
"version": "1.0.0",
"bundled": true,
"dev": true,
+ "optional": true,
"requires": {
"number-is-nan": "^1.0.0"
}
@@ -5180,6 +5188,7 @@
"version": "3.0.4",
"bundled": true,
"dev": true,
+ "optional": true,
"requires": {
"brace-expansion": "^1.1.7"
}
@@ -5187,12 +5196,14 @@
"minimist": {
"version": "0.0.8",
"bundled": true,
- "dev": true
+ "dev": true,
+ "optional": true
},
"minipass": {
"version": "2.2.4",
"bundled": true,
"dev": true,
+ "optional": true,
"requires": {
"safe-buffer": "^5.1.1",
"yallist": "^3.0.0"
@@ -5211,6 +5222,7 @@
"version": "0.5.1",
"bundled": true,
"dev": true,
+ "optional": true,
"requires": {
"minimist": "0.0.8"
}
@@ -5291,7 +5303,8 @@
"number-is-nan": {
"version": "1.0.1",
"bundled": true,
- "dev": true
+ "dev": true,
+ "optional": true
},
"object-assign": {
"version": "4.1.1",
@@ -5303,6 +5316,7 @@
"version": "1.4.0",
"bundled": true,
"dev": true,
+ "optional": true,
"requires": {
"wrappy": "1"
}
@@ -5388,7 +5402,8 @@
"safe-buffer": {
"version": "5.1.1",
"bundled": true,
- "dev": true
+ "dev": true,
+ "optional": true
},
"safer-buffer": {
"version": "2.1.2",
@@ -5424,6 +5439,7 @@
"version": "1.0.2",
"bundled": true,
"dev": true,
+ "optional": true,
"requires": {
"code-point-at": "^1.0.0",
"is-fullwidth-code-point": "^1.0.0",
@@ -5443,6 +5459,7 @@
"version": "3.0.1",
"bundled": true,
"dev": true,
+ "optional": true,
"requires": {
"ansi-regex": "^2.0.0"
}
@@ -5486,12 +5503,14 @@
"wrappy": {
"version": "1.0.2",
"bundled": true,
- "dev": true
+ "dev": true,
+ "optional": true
},
"yallist": {
"version": "3.0.2",
"bundled": true,
- "dev": true
+ "dev": true,
+ "optional": true
}
}
},
diff --git a/public/landing-assets/apple-logo.svg b/public/landing-assets/apple-logo.svg
new file mode 100644
index 0000000..6b93826
--- /dev/null
+++ b/public/landing-assets/apple-logo.svg
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+
diff --git a/public/landing-assets/contacts-section-bg.jpg b/public/landing-assets/contacts-section-bg.jpg
new file mode 100644
index 0000000..d3f56fd
Binary files /dev/null and b/public/landing-assets/contacts-section-bg.jpg differ
diff --git a/public/landing-assets/discord-logo.svg b/public/landing-assets/discord-logo.svg
new file mode 100644
index 0000000..8a0d1bd
--- /dev/null
+++ b/public/landing-assets/discord-logo.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/public/landing-assets/dots-left.png b/public/landing-assets/dots-left.png
new file mode 100644
index 0000000..2f35c50
Binary files /dev/null and b/public/landing-assets/dots-left.png differ
diff --git a/public/landing-assets/dots.svg b/public/landing-assets/dots.svg
new file mode 100644
index 0000000..0f0ac85
--- /dev/null
+++ b/public/landing-assets/dots.svg
@@ -0,0 +1,943 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/landing-assets/hero-section-bg.jpg b/public/landing-assets/hero-section-bg.jpg
new file mode 100644
index 0000000..10e0467
Binary files /dev/null and b/public/landing-assets/hero-section-bg.jpg differ
diff --git a/public/landing-assets/lootmart-cards.png b/public/landing-assets/lootmart-cards.png
new file mode 100644
index 0000000..b2fb02a
Binary files /dev/null and b/public/landing-assets/lootmart-cards.png differ
diff --git a/public/landing-assets/menu-icon.svg b/public/landing-assets/menu-icon.svg
new file mode 100644
index 0000000..656dd96
--- /dev/null
+++ b/public/landing-assets/menu-icon.svg
@@ -0,0 +1,5 @@
+
+
+
+
+
diff --git a/public/landing-assets/partners/abios.svg b/public/landing-assets/partners/abios.svg
new file mode 100644
index 0000000..a794585
--- /dev/null
+++ b/public/landing-assets/partners/abios.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
+
+
diff --git a/public/landing-assets/partners/byteball.svg b/public/landing-assets/partners/byteball.svg
new file mode 100644
index 0000000..e3236e1
--- /dev/null
+++ b/public/landing-assets/partners/byteball.svg
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/landing-assets/partners/hyperloot.svg b/public/landing-assets/partners/hyperloot.svg
new file mode 100644
index 0000000..6ec0b08
--- /dev/null
+++ b/public/landing-assets/partners/hyperloot.svg
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/landing-assets/partners/opensea.svg b/public/landing-assets/partners/opensea.svg
new file mode 100644
index 0000000..f8db664
--- /dev/null
+++ b/public/landing-assets/partners/opensea.svg
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/landing-assets/partners/poa.svg b/public/landing-assets/partners/poa.svg
new file mode 100644
index 0000000..1a5e160
--- /dev/null
+++ b/public/landing-assets/partners/poa.svg
@@ -0,0 +1,5 @@
+
+
+
+
+
diff --git a/public/landing-assets/partners/trust.svg b/public/landing-assets/partners/trust.svg
new file mode 100644
index 0000000..a9907da
--- /dev/null
+++ b/public/landing-assets/partners/trust.svg
@@ -0,0 +1,5 @@
+
+
+
+
+
diff --git a/public/landing-assets/partners/ultraplay.svg b/public/landing-assets/partners/ultraplay.svg
new file mode 100644
index 0000000..49778d0
--- /dev/null
+++ b/public/landing-assets/partners/ultraplay.svg
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/landing-assets/partners/wef_logo.svg b/public/landing-assets/partners/wef_logo.svg
new file mode 100644
index 0000000..fedcba4
--- /dev/null
+++ b/public/landing-assets/partners/wef_logo.svg
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/landing-assets/pick-gg-cards.png b/public/landing-assets/pick-gg-cards.png
new file mode 100644
index 0000000..ab37e3c
Binary files /dev/null and b/public/landing-assets/pick-gg-cards.png differ
diff --git a/public/landing-assets/sdk-cards.png b/public/landing-assets/sdk-cards.png
new file mode 100644
index 0000000..4e88bca
Binary files /dev/null and b/public/landing-assets/sdk-cards.png differ
diff --git a/public/landing-assets/telegram-logo.svg b/public/landing-assets/telegram-logo.svg
new file mode 100644
index 0000000..2e30025
--- /dev/null
+++ b/public/landing-assets/telegram-logo.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/public/landing-layout.css b/public/landing-layout.css
new file mode 100644
index 0000000..d032eba
--- /dev/null
+++ b/public/landing-layout.css
@@ -0,0 +1,24 @@
+.container {
+ margin: 0 auto;
+}
+
+.container_size_default {
+ width: 90vw;
+}
+
+.container_flex {
+ display: flex;
+ margin: 0 auto;
+}
+
+.container_flex_align_center {
+ align-items: center;
+}
+
+.container_flex_direction_column {
+ direction: column;
+}
+
+.container_flex_justify_between {
+ justify-content: space-between;
+}
\ No newline at end of file
diff --git a/public/landing-theme.css b/public/landing-theme.css
new file mode 100644
index 0000000..71884f7
--- /dev/null
+++ b/public/landing-theme.css
@@ -0,0 +1,19 @@
+@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,900&display=swap');
+:root {
+ --base-color: #FFF;
+ --link-color: #2239FF;
+ --accent-color: #F23642;
+ --divider-color: #282828;
+ --background-color: #252e37;
+
+ --secondary-dark: #171717;
+ --secondary-grey: #F3F6FC;
+
+ --default-font: 'Montserrat', sans-serif;
+
+ --font-weight-regular: 400;
+ --font-weight-medium: 500;
+ --font-weight-semibold: 600;
+ --font-weight-bold: 700;
+ --font-weight-black: 900;
+}
\ No newline at end of file
diff --git a/public/landing.css b/public/landing.css
new file mode 100644
index 0000000..ebb8be1
--- /dev/null
+++ b/public/landing.css
@@ -0,0 +1,789 @@
+*, *::before, *::after {
+ box-sizing: border-box;
+ transition-property: none;
+ transition-duration: 0.3s;
+}
+
+html {
+ font-family: var(--default-font);
+ min-height: 100vh;
+ min-width: 100vw;
+ overflow-x: hidden;
+ overflow-y: auto;
+ background-color: var(--secondary-dark);
+ color: var(--base-color);
+}
+
+body {
+ margin: 0;
+}
+
+h1, h2 {
+ font-size: 60px;
+ font-weight: var(--font-weight-black);
+ margin: 0;
+}
+
+p {
+ line-height: 1.5;
+}
+
+a, path {
+ transition: 0.3s ease;
+}
+
+.text_color_accent {
+ color: var(--accent-color);
+}
+
+/** BUTTON **/
+
+.button {
+ --height: 55px;
+ height: 55px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 18px;
+ font-weight: var(--font-weight-black);
+ background-color: transparent;
+ text-decoration: none;
+ color: var(--base-color);
+}
+
+.button_hover_default:hover {
+ background-color: var(--base-color);
+ color: var(--accent-color);
+}
+
+.button_bordered {
+ border: 2px solid var(--base-color);
+}
+
+/** HERO SECTION **/
+
+.hero {
+ position: relative;
+ min-height: 110vh;
+}
+
+.hero:before {
+ content: '';
+ display: block;
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ background-image: url('./landing-assets/dots.svg');
+ background-position: top left;
+ background-repeat: no-repeat;
+ z-index: 2;
+ background-size: contain;
+}
+
+.hero .header {
+ padding: 40px 0 60px 0;
+}
+
+.logo {
+ font-size: 24px;
+ font-weight: var(--font-weight-black);
+ text-decoration: none;
+ color: var(--base-color);
+}
+
+.hero .header .lang-controls {
+ display: inline-flex;
+ margin: 0 30px 0 0;
+ padding-left: 0;
+ list-style: none;
+}
+
+.hero .header .controls {
+ display: flex;
+ align-items: center;
+}
+
+.hero .header .lang-controls>li+li {
+ margin-left: 16px;
+}
+
+.hero .header .lang-controls>li a {
+ font-weight: var(--font-weight-bold);
+ text-decoration: none;
+ color: var(--base-color);
+}
+
+.hero .header .menu {
+ display: flex;
+ width: 20px;
+ height: 10px;
+}
+
+.hero .header .menu .menu__icon {
+ width: 20px;
+ height: 10px;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-image: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H20V2H0V0Z' fill='white'/%3E%3Cpath d='M0 4H20V6H0V4Z' fill='white'/%3E%3Cpath d='M0 8H20V10H0V8Z' fill='white'/%3E%3C/svg%3E%0A");
+}
+
+.hero .content {
+ min-height: 80vh;
+ background-image: url('./landing-assets/hero-section-bg.jpg');
+ background-repeat: no-repeat;
+ background-position: right bottom;
+}
+
+/** CONTENT-CARD **/
+
+.content-card {
+ position: relative;
+}
+
+.content-card:before {
+ content: '';
+ display: block;
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ background-color: var(--accent-color);
+}
+
+.content-card_width_default {
+ max-width: 50%;
+}
+
+.content-card_header_card {
+ position: relative;
+ top: -30px;
+ margin-top: 70px;
+}
+
+.content-card__content {
+ position: relative;
+ padding: 60px 90px;
+ color: var(--base-color);
+}
+
+/** APPLE-STORE-DOWNLOAD **/
+
+.app-store-download {
+ position: relative;
+ display: inline-flex;
+ align-items: center;
+ padding: 6px 18px;
+ border: 1px solid var(--base-color);
+ border-radius: 10px;
+ text-decoration: none;
+ color: var(--base-color);
+ z-index: 3;
+}
+
+.app-store-download:hover {
+ background-color: var(--base-color);
+ color: var(--accent-color);
+}
+
+.app-store-download:hover svg path {
+ fill: var(--accent-color);
+}
+
+.app-store-download svg path {
+ fill: var(--base-color);
+}
+
+.app-store-download__text {
+ display: inline-flex;
+ flex-direction: column;
+ margin-left: 8px;
+ font-size: 18px;
+ font-weight: var(--font-weight-bold);
+}
+
+.app-store-download__text-download {
+ font-size: 12px;
+ font-weight: var(--font-weight-regular);
+}
+
+/** SOLUTIONS SECTION **/
+
+.solutions-section {
+ padding-top: 100px;
+ padding-bottom: 250px;
+}
+
+.solutions {
+ position: relative;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+
+/** TOKEN PRICE **/
+
+.token-price {
+ width: 100%;
+ margin-bottom: 80px;
+ display: flex;
+ align-items: flex-start;
+ justify-content: flex-end;
+ font-weight: var(--font-weight-black);
+}
+
+.token-price__title, .token-price__diff {
+ font-size: 24px;
+}
+
+.token-price__title {
+ margin-right: 20px;
+}
+
+.token-price__value {
+ margin-right: 20px;
+ font-size: 80px;
+ line-height: 1;
+}
+
+.token-price__diff_negative {
+ color: var(--accent-color);
+}
+
+/** SOLUTION ITEMS **/
+
+.solution-items {
+ display: flex;
+ align-items: center;
+}
+
+.solution-items .item {
+ padding: 50px 30px 30px 30px;
+ background-color: var(--accent-color);
+ font-weight: var(--font-weight-black);
+ font-size: 18px;
+}
+
+.solution-items .item+.item {
+ margin-left: 10px;
+}
+
+.solution-items .item .features {
+ margin: 60px 0;
+ padding-left: 0px;
+ list-style: none;
+}
+
+.solution-items .item .features li {
+ display: flex;
+ align-items: center;
+}
+
+.solution-items .item .features li:before {
+ content: '';
+ width: 32px;
+ height: 2px;
+ margin-right: 24px;
+ background-color: var(--base-color);
+}
+
+.solution-items .item .features li+li {
+ margin-top: 18px;
+}
+
+.solution-items .item .button+.button {
+ margin-top: 10px;
+}
+
+.answer {
+ --divider-height: 100px;
+ position: absolute;
+ display: flex;
+ align-items: center;
+ transform: rotate(-90deg);
+ top: 0;
+ font-size: 10px;
+ text-transform: uppercase;
+ font-weight: var(--font-weight-black);
+}
+
+.answer:before, .answer:after {
+ content: "";
+ position: absolute;
+ width: 2px;
+ height: var(--divider-height);
+ transform: rotate(90deg);
+ background-color: var(--divider-color);
+}
+
+.answer:before {
+ left: calc(var(--divider-height) * -0.75);
+}
+
+.answer:after {
+ right: calc(var(--divider-height) * -0.75);
+}
+
+.answer.what_we_do {
+ top: -100px;
+}
+
+.answer.what_have_we_done {
+ left: -36px;
+ bottom: -600px;
+}
+
+.answer_divider_short {
+ --divider-height: 50px;
+}
+
+.answer.answer_divider_short:before {
+ left: calc(var(--divider-height) * -1);
+}
+
+.answer.answer_divider_short:after {
+ right: calc(var(--divider-height) * -1);
+}
+
+/** PROJECTS SECTION **/
+
+.projects .lootmart, .projects .pickgg {
+ margin-bottom: 132px;
+}
+
+.projects .lootmart {
+ position: relative;
+ padding-top: 100px;
+}
+
+.projects .lootmart .projects-title {
+ position: absolute;
+ left: 5vw;
+ top: 64px;
+ z-index: 3;
+}
+
+/** PROJECT SECTION **/
+
+.project {
+ position: relative;
+}
+
+.project .project-description {
+ position: relative;
+}
+
+.project .project-description.project-description_left .card {
+ max-width: 55vw;
+ padding-left: 5vw;
+ padding-right: 25vw;
+ padding-top: 80px;
+ padding-bottom: 80px;
+ background-color: var(--accent-color);
+}
+
+.project .project-description .card .number {
+ font-size: 140px;
+ margin-bottom: 40px;
+ line-height: 1;
+ font-weight: var(--font-weight-bold);
+}
+
+.project .project-description .card .divider {
+ width: 60px;
+ height: 2px;
+ background-color: var(--base-color);
+ margin-bottom: 30px;
+}
+
+.project .project-description .card .title {
+ margin-top: 0px;
+ font-size: 24px;
+ font-weight: var(--font-weight-black);
+}
+
+.project .project-description .card .description {
+ font-size: 16px;
+}
+
+.project .project-description .dots {
+ height: 100%;
+ width: 100%;
+ position: absolute;
+ top: 0;
+ background-repeat: no-repeat;
+}
+
+.project .project-description .dots.dots_align_left {
+ background-image: url('./landing-assets/dots.svg');
+ background-size: contain;
+}
+
+.project .project-pictures {
+ width: 60vw;
+ background-color: var(--background-color);
+}
+
+.project .project-pictures.lootmart-pictures {
+ min-height: 450px;
+ position: absolute;
+ bottom: -40px;
+ right: 0;
+}
+
+.project .project-pictures.lootmart-pictures img {
+ width: 67.5vw;
+ height: auto;
+ position: absolute;
+ top: -24px;
+ left: -5vw;
+}
+
+.project .project-pictures.pickgg {
+ min-height: 450px;
+ position: absolute;
+ bottom: -40px;
+ right: 0;
+}
+
+.project .project-description_right {
+ display: flex;
+}
+
+.project .project-description_right .card {
+ margin-left: auto;
+}
+
+.project .project-description .dots.dots_align_right {
+ background-image: url('./landing-assets/dots-right.png');
+ transform: scale(-1, 1);
+}
+
+.project .project-pictures.pickgg-pictures {
+ min-height: 450px;
+ position: absolute;
+ bottom: -40px;
+ left: 0;
+ z-index: 3;
+}
+
+.project .project-pictures.pickgg-pictures img {
+ width: 72.5vw;
+ height: auto;
+ position: absolute;
+ top: -24px;
+ left: -5vw;
+}
+
+.project .project-description.project-description_right .card {
+ max-width: 55vw;
+ padding-left: 25vw;
+ padding-right: 5vw;
+ padding-top: 80px;
+ padding-bottom: 80px;
+ background-color: var(--accent-color);
+}
+
+/** PARTNERS SECTION **/
+
+.partners {
+ position: relative;
+ padding-top: 300px;
+}
+
+.partners .partners-pictures {
+ padding-top: 100px;
+ padding-bottom: 100px;
+ width: 67.5vw;
+ margin-left: auto;
+ margin-right: 5vw;
+ display: grid;
+ grid-template-columns: repeat(4, 1fr);
+ grid-template-rows: repeat(2, "max-content");
+ grid-row-gap: 24px;
+ align-items: center;
+ justify-items: center;
+}
+
+.answer.who_we_helped {
+ left: 44px;
+ top: 140px;
+}
+
+.answer.contact_us {
+ left: 32px;
+ bottom: -520px;
+}
+
+/** CONTACTS SECTION **/
+
+.contacts {
+ position: relative;
+ padding-top: 110px;
+ padding-bottom: 150px;
+}
+
+.contacts:after {
+ content: '';
+ display: block;
+ height: 100%;
+ width: 67.5vw;
+ right: 0;
+ bottom: 0;
+ background-image: url('./landing-assets/dots-left.png');
+ background-repeat: no-repeat;
+ position: absolute;
+ transform: scale(-1, -1);
+}
+
+.contacts-info {
+ position: relative;
+ max-width: 55vw;
+ padding: 60px 10vw 60px 5vw;
+ background-color: var(--accent-color);
+ z-index: 3;
+}
+
+.contacts-decorator {
+ width: 67.5vw;
+ height: 100%;
+ position: absolute;
+ right: 0;
+ top: 0;
+ background-image: url('./landing-assets/contacts-section-bg.jpg');
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+.contacts-title {
+ margin-bottom: 48px;
+ font-size: 60px;
+ font-weight: var(--font-weight-black);
+}
+
+.contacts-links {
+ display: flex;
+ align-items: center;
+}
+
+.contacts-links>a {
+ position: relative;
+ height: 70px;
+ padding-left: 32px;
+ padding-right: 32px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ color: var(--link-color);
+ text-decoration: none;
+ background-color: var(--base-color);
+ border-radius: 3px;
+}
+
+.contacts-links>a+a {
+ margin-left: 12px;
+}
+
+.contacts-links>a svg {
+ margin-right: 24px;
+}
+
+.contacts-links>a .text {
+ position: relative;
+ font-size: 12px;
+ font-weight: var(--font-weight-black);
+ z-index: 2;
+}
+
+.contacts-links>a .call-to-action {
+ font-size: 32px;
+ font-weight: var(--font-weight-black);
+ opacity: 0.075;
+ position: absolute;
+ top: 2px;
+ right: 14px;
+}
+
+@media(max-width: 768px) {
+ .content-card_width_default {
+ max-width: 100%;
+ }
+ h1, h2, .contacts-title {
+ font-size: 30px;
+ }
+ .token-price__value {
+ font-size: 40px;
+ }
+ .token-price__title, .token-price__diff {
+ font-size: 18px;
+ }
+ .solutions {
+ flex-direction: column;
+ align-items: flex-start;
+ }
+ .solutions h2 {
+ padding-bottom: 24px;
+ }
+ .answer.what_we_do {
+ left: -30px;
+ top: -120px;
+ }
+ .answer.what_we_do:before, .answer.what_we_do:after {
+ display: none;
+ }
+ .solution-items .item {
+ min-width: 50%;
+ font-size: 14px;
+ padding: 30px 30px 20px 30px;
+ }
+ .content-card__content {
+ padding: 27px;
+ }
+ .solution-items .item .features {
+ margin: 30px 0;
+ min-height: 120px;
+ }
+ .project .project-description .card .number {
+ font-size: 100px;
+ margin-bottom: 20px;
+ }
+ .project .project-description .card .divider {
+ margin-bottom: 20px;
+ }
+ .project .project-description.project-description_left .card {
+ max-width: 95vw;
+ padding-top: 30px;
+ padding-bottom: 170px;
+ }
+ .project .project-description.project-description_right .card {
+ max-width: 95vw;
+ padding-top: 30px;
+ padding-bottom: 170px;
+ padding-left: 30px;
+ }
+ .project .project-pictures.lootmart-pictures, .project .project-pictures.pickgg-pictures {
+ min-height: 180px;
+ }
+ .hero .content {
+ background: none;
+ }
+ .hero .content::before {
+ content: '';
+ display: block;
+ position: absolute;
+ width: 80%;
+ height: 40%;
+ background-image: url(./landing-assets/hero-section-bg.jpg);
+ background-position: top right;
+ right: 0;
+ background-repeat: no-repeat;
+ background-size: contain;
+ z-index: 2;
+ }
+ .content-card_header_card {
+ margin-top: 220px;
+ }
+ .content-card__content {
+ z-index: 3;
+ }
+ .hero:before {
+ z-index: 3;
+ height: 100%;
+ }
+ .solutions-section {
+ padding-top: 24px;
+ padding-bottom: 64px;
+ }
+ .token-price {
+ flex-wrap: wrap;
+ justify-content: flex-start;
+ width: 230px;
+ margin-left: auto;
+ }
+ .token-price__title {
+ width: 100%;
+ margin-bottom: 12px;
+ }
+ .answer.what_have_we_done {
+ left: -62px;
+ bottom: -620px;
+ }
+ .answer.what_have_we_done:before, .answer.what_have_we_done:after, .answer.who_we_helped:after, .answer.who_we_helped:before {
+ display: none;
+ }
+ .projects h2 {
+ margin-left: 24px;
+ }
+ .answer.who_we_helped {
+ left: -24px;
+ top: 110px;
+ }
+ .partners .partners-pictures {
+ grid-template-columns: repeat(2, 1fr);
+ width: 100vw;
+ padding-top: 50px;
+ }
+ .partners .partners-pictures img {
+ width: 50%;
+ }
+ .partners {
+ padding-top: 100px;
+ }
+ .partners h2 {
+ margin-left: 48px;
+ }
+}
+
+@media(max-width: 480px) {
+
+ .hero .header .menu {
+ display: none;
+ }
+ .hero .header .lang-controls {
+ margin-right: 0;
+ }
+ .solution-items .item .features {
+ font-size: 12px;
+ }
+ .solution-items .button {
+ font-size: 12px;
+ }
+ .contacts-links>a .text, .contacts-links>a .call-to-action {
+ display: none;
+ }
+ .contacts-links>a svg {
+ margin-right: 0;
+ }
+ .contacts-info {
+ max-width: 90vw;
+ padding: 0px 5vw 60px 5vw;
+ }
+ .contacts-title {
+ margin-left: 48px;
+ margin-top: -24px;
+ }
+ .contacts-decorator {
+ bottom: 0;
+ left: 0;
+ right: 0;
+ top: auto;
+ width: 100%;
+ height: 40%;
+ background-size: contain;
+ }
+ .contacts {
+ padding-top: 0;
+ }
+ .contacts:after {
+ width: 100%;
+ background-size: contain;
+ }
+ .answer.contact_us {
+ left: -24px;
+ bottom: -520px;
+ z-index: 4;
+ }
+ .answer.contact_us:before, .answer.contact_us:after {
+ display: none;
+ }
+}
\ No newline at end of file
diff --git a/public/landing.html b/public/landing.html
new file mode 100644
index 0000000..abd221a
--- /dev/null
+++ b/public/landing.html
@@ -0,0 +1,254 @@
+
+
+
+
+
+
+
+ Landing page
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Token price:
+
+
+
+ $0.247
+
+
+
+ -5.64%
+
+
+
+
+
+ DAG powered solutions for:
+
+
+
+
+
+ IaaS
+
+
+
+ P2P unility network
+ Service monetization
+ Mining
+
+
+
Download
+
Learn more
+
+
+
+
+ SaaS
+
+
+
+ Auction
+ Esports services
+ Fantasy/Tournaments
+
+
+
Download
+
Learn more
+
+
+
+
+
+ What we do?
+
+
+
+ What have we done?
+
+
+
+
+
+
+
+
+
Become triggered
+
+
+
+
+
+
+
01.
+
+
Lootmart
+
AI-driven engagement solution that interprets consumer data and provides guaranteed price discovery in otherwise illiquid digital markets
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
02.
+
+
Pick.gg
+
We turn your everyday stream into an exciting competitive event where you get exposure to new audience
+
+
+
+
+
+
+
+
+
+
+
03.
+
+
SDK
+
We allowing developers to convert their in-game/in-app assets into tradable tokens and enabling in-app trading using blockchain technology
+
+
+
+
+
+
+
+
+
+
+
+
+ Who we helped?
+
+
+
+ How to contact us?
+
+
+
+
Already reached next level with:
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/_banner.html b/src/_banner.html
deleted file mode 100644
index a3bed6d..0000000
--- a/src/_banner.html
+++ /dev/null
@@ -1,5 +0,0 @@
-
\ No newline at end of file
diff --git a/src/_footer.html b/src/_footer.html
deleted file mode 100644
index ffbbb29..0000000
--- a/src/_footer.html
+++ /dev/null
@@ -1,21 +0,0 @@
-
-
-
-
Join our community
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/_sidebar.html b/src/_sidebar.html
deleted file mode 100644
index cf1319c..0000000
--- a/src/_sidebar.html
+++ /dev/null
@@ -1,53 +0,0 @@
-
-
-
diff --git a/src/about.css b/src/about.css
deleted file mode 100644
index d42ad9e..0000000
--- a/src/about.css
+++ /dev/null
@@ -1,603 +0,0 @@
-.page-about section h2 {
- font-size: 3rem;
-}
-
-.page-about .join {
- padding-top: 5rem;
-}
-
-section.promo {
- display: flex;
- min-height: 100vh;
- padding-top: 8rem;
- background-image: url(assets/about/promo_section_bg.svg);
- background-position: top right;
- background-repeat: no-repeat;
-}
-
-section.promo .content {
- margin: 14.95% auto auto 11.25%;
-}
-
-section.promo .content .about {
- display: flex;
- align-items: flex-end;
- margin-bottom: 6rem;
- font-family: 'Gilroy';
- font-size: 1.4rem;
- text-transform: uppercase;
- color: #55606c;
-}
-
-section.promo .content h1 {
- margin: 0 0 5rem 0;
- font-family: 'BebasNeueBold';
- font-size: 6rem;
- text-transform: uppercase;
-}
-
-section.promo .content h1 span {
- color: #f53743;
-}
-
-section.promo .content .links {
- display: flex;
-}
-
-section.promo .content .links a:first-of-type {
- margin-right: 1.6rem;
-}
-
-
-section.features {
- padding: 15rem 0 24rem 0;
- background-image: url(assets/about/about_section_bg.png);
- background-size: cover;
- background-repeat: no-repeat;
-}
-
-section.features h2 {
- padding-bottom: 12rem;
-}
-
-section.features .features-block {
- display: flex;
-}
-
-section.features .features-block .features-item {
- color: #55606c;
- width: 23%;
- font-size: 1.4rem;
- line-height: 1.5;
-}
-
-section.features .features-block .features-item:first-of-type {
- position: relative;
- margin-left: 4.8rem;
-}
-
-section.features .features-block .features-item:first-of-type:before {
- content: '';
- position: absolute;
- top: 6.4rem;
- left: -3.8rem;
- width: 12px;
- height: 12px;
- background-color: red;
- border-radius: 50%;
-}
-
-section.features .features-block .features-item:not(:last-of-type) {
- margin-right: 2.5%;
-}
-
-section.features .features-block .features-item .icon {
- min-height: 4.2rem;
- margin-bottom: 1.6rem;
- background-repeat: no-repeat;
- background-position: left center;
- background-repeat: no-repeat;
-}
-
-.features-block .features-item .icon.blockchain {
- min-height: 4.6rem;
- background-image: url(assets/about/icon_ethereum.svg)
-}
-
-.features-block .features-item .icon.marketplace {
- background-image: url(assets/about/icon_wallet.svg)
-}
-
-.features-block .features-item .icon.protocol {
- background-image: url(assets/about/icon_console.svg)
-}
-
-.features-block .features-item .icon.games {
- background-image: url(assets/about/icon_joystick.svg)
-}
-
-.features-block .features-item h3 {
- text-transform: uppercase;
- margin: 0 0 1.6rem 0;
- font-size: 1.4rem;
-}
-
-section.features .features-block .features-item p {
- width: 91%;
-}
-
-
-.mobile-show {
- display: none;
-}
-
-section.opportunities {
- padding: 13rem 0rem;
-}
-
-.opportunities-block {
- display: flex;
- justify-content: space-between;
- margin-bottom: 11rem;
-}
-
-.opportunities-block .item {
- width: 25%;
- font-size: 1.4rem;
- font-family: 'Gilroy';
- font-weight: 400;
- color: #5c646e;
- line-height: 1.5;
-}
-
-.opportunities-block .item .number {
- font-family: 'BebasNeueBold';
- font-size: 6rem;
- color: #dfe1e5;
- letter-spacing: 0.25rem;
-}
-
-.opportunities-block .item .number span {
- color: #f53743;
-}
-
-.opportunities-block .item h3 {
- margin-top: 0;
- font-family: 'Gilroy';
- font-size: 3rem;
- color: #000;
-}
-
-.opportunities-block .item p {
- margin-top: 0;
-}
-
-.developers-block {
- display: flex;
-}
-
-.developers-block div {
- width: 50%;
- box-sizing: border-box;
- background-repeat: no-repeat;
- background-position: 90% 20%;
-}
-
-.developers-block .gamers {
- position: relative;
- padding: 6rem 10rem 6rem 6rem;
- background-color: #f53743;
- color: #fff;
- border-radius: 1.5rem 0 0 1.5rem;
- border-right: 0.35rem solid #fff;
- background-image: url(assets/about/joystick_bg.svg);
-}
-
-.developers-block .gamers:after {
- content:'';
- display: block;
- position: absolute;
- top: calc(50% - 3.6rem);
- right: -3.6rem;
- height: 7.2rem;
- width: 7.2rem;
- background-color: #fff;
- border-radius: 50%;
- background-image: url(assets/logo.svg);
- background-size: 50%;
- background-position: center;
- background-repeat: no-repeat;
-}
-
-.developers-block .developers {
- padding: 6rem 6rem 10rem 6rem;
- background-color: #edeff2;
- color: #000;
- border-radius: 0 1.5rem 1.5rem 0;
- border-left: 0.35rem solid #fff;
- background-image: url(assets/about/thinking_bg.svg);
-}
-
-.developers-block h4 {
- font-family: 'Gilroy';
- font-size: 2.2rem;
- letter-spacing: 0.050rem;
- margin-top: 0;
-}
-
-.developers-block p {
- font-size: 1.4rem;
- line-height: 1.5;
- margin: 0;
-}
-
-
-section.get-started {
- position: relative;
- padding: 10rem 0 12rem 0;
- background-color: #f5f6f8;
-}
-
-section.get-started:after {
- content:'';
- position: absolute;
- right: 0;
- bottom: -20rem;
- height: 40rem;
- width: 21rem;
- background-image: url(assets/about/roshan_bg.svg);
- background-repeat: no-repeat;
- pointer-events: none;
-}
-
-.page-wrapper section.get-started h2 {
- margin-bottom: 7rem;
-}
-
-.roles-block {
- display: flex;
- justify-content: space-between;
- flex-wrap: wrap;
-}
-
-.roles-block .item {
- width: 44%;
- display: flex;
- align-items: flex-start;
-}
-
-.roles-block .item .icon {
- min-width: 6.5rem;
- min-height: 5.5rem;
- margin-right: 1.2rem;
- flex: 0;
- background-position: left center;
- background-repeat: no-repeat;
-}
-
-.roles-block .item .icon.newbies {
- background-image: url(assets/about/icon_newbie.svg);
-}
-
-.roles-block .item .icon.developers {
- background-image: url(assets/about/icon_developer.svg);
-}
-
-.roles-block .item .icon.miners {
- background-image: url(assets/about/icon_miners.svg);
-}
-
-.roles-block .item .icon.foundation {
- background-image: url(assets/about/icon_foundation.svg);
-}
-
-.roles-block .item h4 {
- font-family: 'Gilroy';
- margin: 0 0 1rem 0;
- font-size: 1.4rem;
- color: #000;
- text-transform: uppercase;
-}
-
-.roles-block .item p {
- width: 85%;
- margin: 0;
- font-size: 1.4rem;
- line-height: 1.5;
- color: #5c646e;
-}
-
-.roles-block .item:first-of-type {
- margin-bottom: 6rem;
-}
-
-.roles-block .item:nth-of-type(2) {
- margin-bottom: 6rem;
-}
-
-
-@media (max-width: 1440px) {
-
- section.promo {
- background-size: 50%;
- }
-
- section.promo .content {
- margin-top: 10.95%;
- }
-
- section.features {
- padding: 7rem 0 16rem 0;
- }
-
- section.features h2 {
- padding-bottom: 10rem;
- }
-
- .features-block .features-item {
- width: 22%;
- }
-
- .features-block .features-item:first-of-type {
- margin-left: 4%;
- margin-right: 1%;
- }
-
- .features-block .features-item:nth-of-type(3) {
- margin-right: 4%;
- }
-
-}
-
-
-@media (max-width: 1024px) {
-
- section.promo {
- background-size: 40%;
- }
-
- section.promo .content {
- margin-top: auto;
- }
-
- section.features {
- background-image: none;
- background-color: #f5f5f6;
- padding-bottom: 7rem;
- }
-
- section.features h2 {
- padding-bottom: 6rem;
- }
-
- .features-block {
- flex-wrap: wrap;
- }
-
- .features-block .features-item {
- width: 47.5%;
- margin-left: 0;
- margin-right: 0;
- }
-
- .features-block .features-item:first-of-type {
- margin-left: 0;
- margin-right: 0;
- margin-bottom: 3.8rem;
- }
-
- .features-block .features-item:not(:last-of-type) {
- margin-right: 0;
- }
-
- .features-block .features-item:first-of-type:before {
- display: none;
- }
-
- .features-block .features-item:nth-of-type(3) {
- margin-right: 0;
- }
-
- section.opportunities {
- padding: 7rem 0;
- }
-
- .opportunities-block {
- margin-bottom: 4rem;
- }
-
- section.get-started:after {
- height: 30rem;
- width: 14rem;
- bottom: -15rem;
- background-size: contain;
- }
-
-}
-
-@media (max-width: 768px) {
-
- .opportunities-block {
- flex-wrap: wrap;
- }
-
- .opportunities-block .item {
- width: 100%;
- margin-bottom: 3.2rem;
- }
-
- .developers-block {
- flex-direction: column;
- }
-
- .developers-block div {
- width: 100%;
- }
-
- .developers-block .gamers {
- border-radius: 1.5rem 1.5rem 0 0;
- border-right: none;
- border-bottom: 0.2rem solid #fff;
- }
-
- .developers-block .gamers:after {
- right: calc(50% - 3.6rem);
- top: calc(100% - 3.6rem);
- }
-
- .developers-block .developers {
- border-radius: 0 0 1.5rem 1.5rem;
- border-left: none;
- border-top: 0.2rem solid #fff;
- }
-
-}
-
-@media (max-width: 740px) {
-
- section.promo {
- margin: auto 0;
- padding: 0 7.5%;
- background-size: 50%;
- background-image: url(assets/about/promo_section_mobile_bg.svg);
- }
-
- section.promo .content {
- margin: auto;
- }
-
- section.promo .content .about {
- margin-bottom: 5rem;
- }
-
- section.promo .content h1 {
- font-size: 3.6rem;
- }
-
- section.promo .content .links {
- flex-wrap: wrap;
- width: 100%;
- }
-
- section.promo .content .links a {
- width: 45%;
- }
-
- section.promo .content .links a:first-of-type {
- margin-right: 1.2rem;
- }
-
- section.promo .content .links .button-link {
- padding: 1.6rem 0rem;
- }
-
- section.features {
- background-color: #f5f6f8;
- background-position: bottom;
- }
-
- section.features h2 {
- padding-bottom: 3.2rem;
- }
-
- section.features .features-block .features-item {
- width: 100%;
- margin-bottom: 3.2rem;
- }
-
- section.features .features-block .features-item:first-of-type {
- padding-bottom: 0;
- margin-bottom: 3.2rem;
- margin-left: 0;
- margin-right: 0;
- }
-
- .features-block .features-item p {
- width: 100%;
- }
-
- .opportunities-block {
- margin-bottom: 5rem;
- }
-
- .opportunities-block .item .number {
- line-height: 1;
- }
-
- .opportunities-block .item h3 {
- line-height: 1;
- margin-bottom: 2rem;
- margin-top: 1rem;
- }
-
- .opportunities-block .item:not(:last-of-type) {
- margin-bottom: 7rem;
- }
-
- .opportunities-block .item p {
- margin-bottom: 0;
- }
-
- .developers-block .gamers {
- padding: 4rem 3rem 5rem 3rem;
- }
-
- .developers-block .developers {
- padding: 4rem 3rem 3rem 3rem;
- }
-
- section.get-started {
- padding: 5rem 0rem 6rem 0;
- }
-
- section.get-started:after {
- display: none;
- }
-
- section.get-started h2 {
- margin-bottom: 5rem;
- }
-
- .roles-block .item {
- margin-bottom: 4rem;
- }
-
- .roles-block .item:first-of-type {
- margin-bottom: 4rem;
- }
-
- .roles-block .item:nth-of-type(2) {
- margin-bottom: 4rem;
- }
-
- .roles-block .item .icon {
- margin-right: 1.2rem;
- }
-
- .roles-block {
- flex-wrap: wrap;
- }
-
- .roles-block .item {
- width: 100%;
- }
-
-}
-
-@media (max-width: 740px) and ( orientation: landscape ) {
-
- section.promo .content {
- min-width: 70%;
- }
-
- section.promo .content .promo-links {
- align-items: center;
- width: 100%;
- }
-
- section.promo .content .promo-links a:first-of-type {
- margin-right: 5%;
- margin-bottom: 0;
- }
-
-}
diff --git a/src/about.html b/src/about.html
deleted file mode 100644
index eed233e..0000000
--- a/src/about.html
+++ /dev/null
@@ -1,94 +0,0 @@
-
-
-
-
-
-
-
-
- Esportbits-based products
-
-
-
-
01.
-
-
Wallet
-
A portfolio company preferred digital asset storage solution. Featuring graphic asset representation and simplified UI aimed at gaming audience.
-
Coming soon...
-
-
-
02.
-
-
SDK
-
Tokenization protocol and standard. Emits items with a certain metadata and properties compatible across Esportbits partner network.
-
GitHub Source
-
-
-
03.
-
-
Marketplace
-
Portfolio solution for digital asset and in-game item exchange. Acts as a part of engagement and acquisition solutions sold by Lootmart and operating on Esportbits.
-
Lootmart
-
-
-
04.
-
-
Fantasy esports
-
A partner network of betting and fantasy esports products where rewards and stakes are based on Esportbits technology.
-
Hypervote
-
-
-
-
-
-
-
-
-
Features
-
-
-
-
Item exchange
-
Trade any type of digital assets with zero fees within the esportbits network.
-
-
-
-
Staking
-
Token-secured open emission protocols backed by freezing collateral.
-
-
-
-
Clearing
-
Esportbits reserves are used for riskless clearing.
-
-
-
-
Liquidity
-
All of the items within the network are always liquid through reserves and upheld market value.
-
-
-
-
-
-
diff --git a/src/base.css b/src/base.css
index a38d692..7695799 100644
--- a/src/base.css
+++ b/src/base.css
@@ -1,69 +1,6 @@
-@import '../~normalize.css';
-@import './fonts.css';
-:root {
- --font-family-title: 'BebasNeueBold';
- --font-family-regular-bold: 'Gilroy';
- --font-family-regular-medium: 'Gilroy-Medium';
- --font-family-regular-light: 'Gilroy-Light';
-
- --accent-color: #f53743;
- --white-color: #fff;
- --black-color: #0e1213;
- --dark-grey-color: #5c646e;
- --grey-color: #55606c;
- --light-grey-color: #e5e5e5;
-}
-
-*,
-*::before,
-*::after {
- box-sizing: border-box;
- transition-property: none;
- transition-duration: 0.3s;
-}
-
-html {
- font-size: 10px;
- font-family: var(--font-family-regular-medium);
- min-height: 100vh;
- min-width: 100vw;
- overflow-x: hidden;
- overflow-y: auto;
-}
-
-body {
- scroll-behavior: smooth;
-}
-
-::selection {
- color: var(--white-color);
- background: var(--accent-color);
-}
-
-b, strong, h1, h2 {
- font-weight: bold;
-}
-
-a {
- color: #f53743;
- text-decoration: none;
-}
/***** Common styles *****/
-@import './common.css';
@import './content.css';
-
-/***** Components *****/
-@import './buttons.css';
-@import './footer.css';
-@import './sidebar.css';
-@import './banner.css';
-
-/***** Pages *****/
-@import './about.css';
-@import './token.css';
-@import './solutions.css';
-
-@import './posts.css';
-@import './post.css';
+@import './landing-layout.css';
+@import './landing-theme.css';
diff --git a/src/buttons.css b/src/buttons.css
deleted file mode 100644
index 6189981..0000000
--- a/src/buttons.css
+++ /dev/null
@@ -1,28 +0,0 @@
-.button-link {
- padding: 1.6rem 4.8rem;
- border: 1px solid #f53743;
- border-radius: 2.3rem;
- background-color: #fff;
- font-family: var(--font-family-regular-medium);
- font-size: 1.4rem;
- text-align: center;
-}
-
-.button-link.button-attention {
- background-color: #f53743;
- box-shadow: 0px 6px 14.22px 3.78px rgba(245, 55, 67, 0.22);
- color: #fff;
-}
-
-.button-link.section-link {
- text-transform: uppercase;
- background-color: transparent;
- border-color: #a2a7ae;
- color: #a2a7ae;
-}
-
-.button-link.section-link:hover {
- border-color: var(--accent-color);
- background-color: var(--accent-color);
- color: var(--white-color);
-}
diff --git a/src/common.css b/src/common.css
deleted file mode 100644
index beeead6..0000000
--- a/src/common.css
+++ /dev/null
@@ -1,76 +0,0 @@
-.wrapper {
- width: calc(100vw - 10rem);
- margin-left: 10rem;
-}
-
-.container {
- max-width: 77.5%;
- margin: 0 auto;
-}
-
-.hidden {
- display: none;
-}
-
-.section-heading {
- color: var(--black-color);
- font-family: var(--font-family-title);
- font-size: 6rem;
- text-transform: uppercase;
-}
-
-.section-heading span {
- color: var(--accent-color);
-}
-
-/* .page-wrapper section h2,
-.page-wrapper section h3 {
- font-family: 'Gilroy';
-} */
-
-.page-wrapper section p {
- font-family: 'Gilroy-Medium';
- font-size: 1.4rem;
-}
-
-.button-link.button-link-red {
- color: #fff;
- background-color: #f53743;
- box-shadow: 0px 6px 14.22px 3.78px rgba(245, 55, 67, 0.22);
-}
-
-@media (max-width: 768px) {
-
- .wrapper {
- padding-top: 5.6rem;
- /* padding-bottom: 9rem; */
- width: 100%;
- margin: 0 auto;
- }
-
-}
-
-@media (max-width: 740px) {
-
- .wrapper {
- padding-bottom: 0;
- }
-
- section .container {
- max-width: 85%;
- }
-
- .page-wrapper section h2 {
- font-size: 2.4rem;
- }
-
- .page-wrapper .mobile-show {
- display: inline-block;
- }
-
- .join {
- padding-top: 8rem;
- padding-bottom: 8rem;
- }
-
-}
diff --git a/src/content.css b/src/content.css
index 79d90dc..04d7a27 100644
--- a/src/content.css
+++ b/src/content.css
@@ -1,22 +1,879 @@
-.section {
- margin-left: auto;
- margin-right: auto;
- max-width: 94rem;
- padding: 2rem;
+.wrapper {
+ width: calc(100vw - 10rem);
+ margin-left: 10rem;
+}
+
+*, *::before, *::after {
box-sizing: border-box;
+ transition-property: none;
+ transition-duration: 0.3s;
+}
+
+html {
+ font-family: var(--default-font);
+ min-height: 100vh;
+ min-width: 100vw;
+ overflow-x: hidden;
+ overflow-y: auto;
+ background-color: var(--secondary-dark);
+ color: var(--base-color);
+}
+
+body {
+ margin: 0;
+}
+
+h1, h2 {
+ font-size: 60px;
+ font-weight: var(--font-weight-black);
+ margin: 0;
+}
+
+p {
+ line-height: 1.5;
+}
- /*min-height: 100vh;*/
+a, path {
+ transition: 0.3s ease;
+}
+
+.text_color_accent {
+ color: var(--accent-color);
+}
+
+/** BUTTON **/
+
+.button {
+ --height: 55px;
+ height: 55px;
display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 18px;
+ font-weight: var(--font-weight-black);
+ background-color: transparent;
+ text-decoration: none;
+ color: var(--base-color);
+}
+
+.button_hover_default:hover {
+ background-color: var(--base-color);
+ color: var(--accent-color);
+}
+
+.button_bordered {
+ border: 2px solid var(--base-color);
+}
+
+/** HERO SECTION **/
+
+.hero {
+ position: relative;
+ min-height: 110vh;
+}
+
+.hero:before {
+ content: '';
+ display: block;
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ background-image: url('./landing-assets/dots.svg');
+ background-position: top left;
+ background-repeat: no-repeat;
+ z-index: 2;
+ background-size: contain;
+}
+
+.hero .header {
+ padding: 40px 0 60px 0;
+}
+
+.logo {
+ font-size: 24px;
+ font-weight: var(--font-weight-black);
+ text-decoration: none;
+ color: var(--base-color);
+}
+
+.hero .header .lang-controls {
+ display: inline-flex;
+ margin: 0 30px 0 0;
+ padding-left: 0;
+ list-style: none;
+}
+
+.hero .header .controls {
+ display: flex;
+ align-items: center;
+}
+
+.hero .header .lang-controls>li+li {
+ margin-left: 16px;
+}
+
+.hero .header .lang-controls>li a {
+ font-weight: var(--font-weight-bold);
+ text-decoration: none;
+ color: var(--base-color);
+}
+
+.hero .header .menu {
+ display: flex;
+ width: 20px;
+ height: 10px;
+}
+
+.hero .header .menu .menu__icon {
+ width: 20px;
+ height: 10px;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-image: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H20V2H0V0Z' fill='white'/%3E%3Cpath d='M0 4H20V6H0V4Z' fill='white'/%3E%3Cpath d='M0 8H20V10H0V8Z' fill='white'/%3E%3C/svg%3E%0A");
+}
+
+.hero .content {
+ min-height: 70vh;
+ background-image: url('./landing-assets/hero-section-bg.jpg');
+ background-repeat: no-repeat;
+ background-position: right bottom;
+}
+
+/** CONTENT-CARD **/
+
+.content-card {
+ position: relative;
+}
+
+.content-card:before {
+ content: '';
+ display: block;
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ background-color: var(--accent-color);
+}
+
+.content-card_width_default {
+ max-width: 50%;
+}
+
+.content-card_header_card {
+ position: relative;
+ top: -30px;
+ margin-top: 200px;
+}
+
+.content-card__content {
+ position: relative;
+ padding: 60px 90px;
+ color: var(--base-color);
+}
+
+/** APPLE-STORE-DOWNLOAD **/
+
+.app-store-download {
+ position: relative;
+ display: inline-flex;
+ align-items: center;
+ padding: 6px 18px;
+ border: 1px solid var(--base-color);
+ border-radius: 10px;
+ text-decoration: none;
+ color: var(--base-color);
+ z-index: 3;
+}
+
+.app-store-download:hover {
+ background-color: var(--base-color);
+ color: var(--accent-color);
+}
+
+.app-store-download:hover svg path {
+ fill: var(--accent-color);
+}
+
+.app-store-download svg path {
+ fill: var(--base-color);
+}
+
+.app-store-download__text {
+ display: inline-flex;
flex-direction: column;
+ margin-left: 8px;
+ font-size: 18px;
+ font-weight: var(--font-weight-bold);
+}
+
+.app-store-download__text-download {
+ font-size: 12px;
+ font-weight: var(--font-weight-regular);
+}
+
+/** SOLUTIONS SECTION **/
+
+.solutions-section {
+ padding-top: 100px;
+ padding-bottom: 250px;
+}
+
+.solutions {
+ position: relative;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+
+/** TOKEN PRICE **/
+
+.token-price {
+ width: 100%;
+ margin-bottom: 80px;
+ display: flex;
+ align-items: flex-start;
+ justify-content: flex-end;
+ font-weight: var(--font-weight-black);
+}
+
+.token-price__title, .token-price__diff {
+ font-size: 24px;
+}
+
+.token-price__title {
+ margin-right: 20px;
+}
+
+.token-price__value {
+ margin-right: 20px;
+ font-size: 80px;
+ line-height: 1;
+}
+
+.token-price__diff_negative {
+ color: var(--accent-color);
+}
+
+/** SOLUTION ITEMS **/
+
+.solution-items {
+ display: flex;
+ align-items: center;
+}
+
+.solution-items .item {
+ padding: 50px 30px 30px 30px;
+ background-color: var(--accent-color);
+ font-weight: var(--font-weight-black);
+ font-size: 18px;
+}
+
+.solution-items .item+.item {
+ margin-left: 10px;
+}
+
+.solution-items .item .features {
+ margin: 60px 0;
+ padding-left: 0px;
+ list-style: none;
+}
+
+.solution-items .item .features li {
+ display: flex;
+ align-items: center;
+}
+
+.solution-items .item .features li:before {
+ content: '';
+ width: 32px;
+ height: 2px;
+ margin-right: 24px;
+ background-color: var(--base-color);
+}
+
+.solution-items .item .features li+li {
+ margin-top: 18px;
+}
+
+.solution-items .item .button+.button {
+ margin-top: 10px;
+}
+
+.answer {
+ --divider-height: 100px;
+ position: absolute;
+ display: flex;
+ align-items: center;
+ transform: rotate(-90deg);
+ top: 0;
+ font-size: 10px;
+ text-transform: uppercase;
+ font-weight: var(--font-weight-black);
+}
+
+.answer:before, .answer:after {
+ content: "";
+ position: absolute;
+ width: 2px;
+ height: var(--divider-height);
+ transform: rotate(90deg);
+ background-color: var(--divider-color);
+}
+
+.answer:before {
+ left: calc(var(--divider-height) * -0.75);
+}
+
+.answer:after {
+ right: calc(var(--divider-height) * -0.75);
+}
+
+.answer.what_we_do {
+ top: -100px;
+}
+
+.answer.what_have_we_done {
+ left: -36px;
+ bottom: -600px;
+}
+
+.answer_divider_short {
+ --divider-height: 50px;
+}
+
+.answer.answer_divider_short:before {
+ left: calc(var(--divider-height) * -1);
+}
+
+.answer.answer_divider_short:after {
+ right: calc(var(--divider-height) * -1);
+}
+
+/** PROJECTS SECTION **/
+
+.projects .lootmart, .projects .pickgg {
+ margin-bottom: 132px;
+}
+
+.projects .lootmart {
+ position: relative;
+ padding-top: 100px;
+}
+
+.projects .lootmart .projects-title {
+ position: absolute;
+ left: 5vw;
+ top: 64px;
+ z-index: 3;
+}
+
+/** PROJECT SECTION **/
+
+.project {
+ position: relative;
+}
+
+.project .project-description {
+ position: relative;
+}
+
+.project .project-description.project-description_left .card {
+ max-width: 55vw;
+ padding-left: 5vw;
+ padding-right: 25vw;
+ padding-top: 80px;
+ padding-bottom: 80px;
+ background-color: var(--accent-color);
+}
+
+.project .project-description .card .number {
+ font-size: 140px;
+ margin-bottom: 40px;
+ line-height: 1;
+ font-weight: var(--font-weight-bold);
+}
+
+.project .project-description .card .divider {
+ width: 60px;
+ height: 2px;
+ background-color: var(--base-color);
+ margin-bottom: 30px;
+}
+
+.project .project-description .card .title {
+ margin-top: 0px;
+ font-size: 24px;
+ font-weight: var(--font-weight-black);
+}
+
+.project .project-description .card .description {
+ font-size: 16px;
+}
+
+.project .project-description .dots {
+ height: 100%;
+ width: 100%;
+ position: absolute;
+ top: 0;
+ background-repeat: no-repeat;
+}
+
+.project .project-description .dots.dots_align_left {
+ background-image: url('./landing-assets/dots.svg');
+}
+
+.project .project-pictures {
+ width: 60vw;
+ background-color: var(--background-color);
+}
+
+.project .project-pictures.lootmart-pictures {
+ min-height: 450px;
+ position: absolute;
+ bottom: -40px;
+ right: 0;
+}
+
+.project .project-pictures.lootmart-pictures img {
+ width: 67.5vw;
+ height: auto;
+ position: absolute;
+ top: -24px;
+ left: -5vw;
+}
+
+.project .project-pictures.pickgg {
+ min-height: 450px;
+ position: absolute;
+ bottom: -40px;
+ right: 0;
+}
+
+.project .project-description_right {
+ display: flex;
+}
+
+.project .project-description_right .card {
+ margin-left: auto;
+}
+
+.project .project-description .dots.dots_align_right {
+ background-image: url('./landing-assets/dots-left.png');
+ transform: scale(-1, 1);
+}
+
+.project .project-pictures.pickgg-pictures {
+ min-height: 450px;
+ position: absolute;
+ bottom: -40px;
+ left: 0;
+ z-index: 3;
+}
+
+.project .project-pictures.pickgg-pictures img {
+ width: 72.5vw;
+ height: auto;
+ position: absolute;
+ top: -24px;
+ left: -5vw;
+}
+
+.project .project-description.project-description_right .card {
+ max-width: 55vw;
+ padding-left: 25vw;
+ padding-right: 5vw;
+ padding-top: 80px;
+ padding-bottom: 80px;
+ background-color: var(--accent-color);
+}
+
+/** PARTNERS SECTION **/
+
+.partners {
+ position: relative;
+ padding-top: 300px;
+}
+
+.partners .partners-pictures {
+ padding-top: 100px;
+ padding-bottom: 100px;
+ width: 67.5vw;
+ margin-left: auto;
+ margin-right: 5vw;
+ display: grid;
+ grid-template-columns: repeat(4, 1fr);
+ grid-template-rows: repeat(2, "max-content");
+ grid-row-gap: 24px;
+ align-items: center;
+ justify-items: center;
+}
+
+.answer.who_we_helped {
+ left: 44px;
+ top: 140px;
+}
+
+.answer.contact_us {
+ left: 32px;
+ bottom: -520px;
+}
+
+/** CONTACTS SECTION **/
+
+.contacts {
+ position: relative;
+ padding-top: 110px;
+ padding-bottom: 150px;
+}
+
+.contacts:after {
+ content: '';
+ display: block;
+ height: 100%;
+ width: 67.5vw;
+ right: 0;
+ bottom: 0;
+ background-image: url('./landing-assets/dots-left.png');
+ background-repeat: no-repeat;
+ position: absolute;
+ transform: scale(-1, -1);
+}
+
+.contacts-info {
+ position: relative;
+ max-width: 55vw;
+ padding: 60px 10vw 60px 5vw;
+ background-color: var(--accent-color);
+ z-index: 3;
+}
+
+.contacts-decorator {
+ width: 67.5vw;
+ height: 100%;
+ position: absolute;
+ right: 0;
+ top: 0;
+ /* background-image: url('./landing-assets/contacts-section-bg.jpg'); */
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+.contacts-title {
+ margin-bottom: 48px;
+ font-size: 60px;
+ font-weight: var(--font-weight-black);
+}
+
+.contacts-links {
+ display: flex;
+ align-items: center;
+}
+
+.contacts-links>a {
+ position: relative;
+ height: 70px;
+ padding-left: 32px;
+ padding-right: 32px;
+ display: flex;
+ align-items: center;
justify-content: center;
- padding-top: 15rem;
- padding-bottom: 15rem;
+ color: var(--link-color);
+ text-decoration: none;
+ background-color: var(--base-color);
+ border-radius: 3px;
}
-section p,
-section h1,
-section h2,
-section h3 {
- margin: 0;
+.contacts-links>a+a {
+ margin-left: 12px;
+}
+
+.contacts-links>a svg {
+ margin-right: 24px;
+}
+
+.contacts-links>a .text {
+ position: relative;
+ font-size: 12px;
+ font-weight: var(--font-weight-black);
+ z-index: 2;
+}
+
+.contacts-links>a .call-to-action {
+ font-size: 32px;
+ font-weight: var(--font-weight-black);
+ opacity: 0.075;
+ position: absolute;
+ top: 2px;
+ right: 14px;
+}
+
+.contact_us_mobile {
+ display: none;
+}
+
+@media(max-width: 1400px) {
+ h1, h2, .contacts-title {
+ font-size: 36px;
+ }
+ .content-card_header_card {
+ margin-top: 70px;
+ }
+}
+
+@media(max-width: 768px) {
+ .content-card_width_default {
+ max-width: 100%;
+ }
+ h1, h2, .contacts-title {
+ font-size: 30px;
+ }
+ .token-price__value {
+ font-size: 40px;
+ }
+ .token-price__title, .token-price__diff {
+ font-size: 18px;
+ }
+ .solutions {
+ flex-direction: column;
+ align-items: flex-start;
+ }
+ .solutions h2 {
+ padding-bottom: 24px;
+ }
+ .answer.what_we_do {
+ left: -30px;
+ top: -120px;
+ }
+ .answer.what_we_do:before, .answer.what_we_do:after {
+ display: none;
+ }
+ .solution-items .item {
+ min-width: 50%;
+ font-size: 14px;
+ padding: 30px 30px 20px 30px;
+ }
+ .content-card__content {
+ padding: 27px;
+ }
+ .solution-items .item .features {
+ margin: 30px 0;
+ min-height: 120px;
+ }
+ .project .project-description .card .number {
+ font-size: 100px;
+ margin-bottom: 20px;
+ }
+ .project .project-description .card .divider {
+ margin-bottom: 20px;
+ }
+ .project .project-description.project-description_left .card {
+ max-width: 95vw;
+ padding-top: 30px;
+ padding-bottom: 170px;
+ }
+ .project .project-description.project-description_right .card {
+ max-width: 95vw;
+ padding-top: 30px;
+ padding-bottom: 170px;
+ padding-left: 30px;
+ }
+ .project .project-pictures.lootmart-pictures, .project .project-pictures.pickgg-pictures {
+ min-height: 180px;
+ }
+ .hero .content {
+ background: none;
+ }
+ .hero .content::before {
+ content: '';
+ display: block;
+ position: absolute;
+ width: 80%;
+ height: 40%;
+ background-image: url(./landing-assets/hero-section-bg.jpg);
+ background-position: top right;
+ right: 0;
+ background-repeat: no-repeat;
+ background-size: contain;
+ z-index: 2;
+ }
+ .content-card_header_card {
+ margin-top: 220px;
+ }
+ .content-card__content {
+ z-index: 3;
+ }
+ .hero:before {
+ z-index: 3;
+ height: 100%;
+ }
+ .solutions-section {
+ padding-top: 24px;
+ padding-bottom: 64px;
+ }
+ .token-price {
+ flex-wrap: wrap;
+ justify-content: flex-start;
+ width: 230px;
+ margin-left: auto;
+ }
+ .token-price__title {
+ width: 100%;
+ margin-bottom: 12px;
+ }
+ .answer.what_have_we_done {
+ left: -62px;
+ bottom: -620px;
+ }
+ .answer.what_have_we_done:before, .answer.what_have_we_done:after, .answer.who_we_helped:after, .answer.who_we_helped:before {
+ display: none;
+ }
+ .projects h2 {
+ margin-left: 24px;
+ }
+ .answer.who_we_helped {
+ left: -24px;
+ top: 110px;
+ }
+ .partners .partners-pictures {
+ grid-template-columns: repeat(2, 1fr);
+ width: 100vw;
+ padding-top: 50px;
+ }
+ .partners .partners-pictures img {
+ width: 50%;
+ }
+ .partners {
+ padding-top: 100px;
+ }
+ .partners h2 {
+ margin-left: 48px;
+ }
}
+@media(max-width: 480px) {
+ .project .project-description .card .number {
+ font-size: 100px;
+ }
+ .hero .header .lang-controls {
+ font-size: 14px;
+ }
+ .hero .content::before{
+ width: 90%;
+ height: 40%;
+ }
+ .content-card_header_card {
+ margin-top: 190px;
+ }
+ .hero .header {
+ padding: 40px 0;
+ }
+ .hero {
+ min-height: 70vh;
+ }
+ .hero .header .menu {
+ display: none;
+ }
+ .hero .header .lang-controls {
+ margin-right: 0;
+ }
+ .solution-items .item .features {
+ font-size: 12px;
+ }
+ .solution-items .button {
+ font-size: 12px;
+ }
+ .contacts-links>a .text, .contacts-links>a .call-to-action {
+ display: none;
+ }
+ .contacts-links>a {
+ height: 50px;
+ }
+ .contacts-links>a svg {
+ margin-right: 0;
+ width: 24px;
+ }
+ .contacts-info {
+ max-width: 90vw;
+ padding: 0px 5vw 60px 5vw;
+ }
+ .contacts-title {
+ margin-left: 48px;
+ margin-top: -24px;
+ }
+ .contacts-decorator {
+ bottom: 0;
+ left: 0;
+ right: 0;
+ top: auto;
+ width: 100%;
+ height: 40%;
+ background-size: contain;
+ }
+ .contacts {
+ padding-top: 0;
+ }
+ .contacts:after {
+ width: 100%;
+ background-size: contain;
+ }
+ .answer.contact_us {
+ display: none;
+ }
+ .contact_us_mobile {
+ display: block;
+ left: -35px;
+ display: block;
+ left: -35px;
+ top: auto;
+ bottom: 0;
+ z-index: 4;
+ }
+ .answer.contact_us_mobile:before, .answer.contact_us_mobile:after {
+ display: none;
+ }
+ .solution-items .item {
+ padding: 12px;
+ }
+ .project .project-pictures.lootmart-pictures img {
+ left: -6vw;
+ width: 100vw;
+ }
+ .project .project-pictures.pickgg-pictures img {
+ width: 100vw;
+ }
+ .project .project-pictures {
+ width: 90vw;
+ }
+ .solution-items {
+ width: 100%;
+ }
+ html {
+
+ overflow-x: scroll;
+ }
+ body {
+ overflow: hidden;
+ }
+ .solution-items .item .features li {
+ position: relative;
+ padding-left: 24px;
+ }
+
+ .solution-items .item .features li:before {
+ content: '';
+ position: absolute;
+ left: 0;
+ width: 12px;
+ height: 2px;
+ margin-right: 24px;
+ background-color: var(--base-color);
+ }
+ .projects h2 {
+ width: 150px;
+ margin-left: 36px;
+ }
+ .projects .lootmart .projects-title {
+ top: 50px;
+ }
+}
\ No newline at end of file
diff --git a/src/footer.css b/src/footer.css
deleted file mode 100644
index 855111a..0000000
--- a/src/footer.css
+++ /dev/null
@@ -1,104 +0,0 @@
-.join {
- padding-top: 9rem;
- padding-bottom: 15rem;
-}
-
-.join h2 {
- font-size: 3rem;
- margin-bottom: 2rem;
-}
-
-.join .social {
- display: flex;
- flex-wrap: wrap;
-}
-
-.join .social a {
- --size: 6.5rem;
- width: var(--size);
- height: var(--size);
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- margin-right: 2rem;
- margin-bottom: 2rem;
- border: 2px solid #dfe1e3;
-}
-
-.join .social a svg {
- width: 3rem;
- fill: #bbbfc4;
-}
-
-.join .social a:hover {
- color: var(--accent-color);
- border-color: var(--accent-color);
-}
-
-.join .social a:hover svg {
- fill: var(--accent-color);
-}
-
-.footer {
- position: relative;
- z-index: 5;
- background-color: #333333;
- color: #fff;
- font-size: 1.4rem;
- padding-top: 3rem;
- padding-bottom: 3rem;
-}
-
-.footer a {
- display: flex;
- align-items: center;
- font-weight: 700;
- text-transform: uppercase;
-}
-
-.footer a:before {
- content: '';
- width: 2.5rem;
- height: 3rem;
- margin-right: 3.2rem;
- background-image: url(assets/icon_terms.png);
- background-size: contain;
- background-position: center;
- background-repeat: no-repeat;
-}
-
-.footer a span {
- margin: 0 0.6rem;
- color: #fff;
-}
-
-@media (max-width: 740px) {
-
- .join {
- padding-top: 8rem;
- padding-bottom: 8rem;
- }
-
- .join h2 {
- font-size: 2.4rem;
- }
-
- .join .social a {
- --size: 5rem;
- }
-
- .join .social a svg {
- width: 3rem;
- }
-
- .footer {
- font-size: 1.2rem;
- }
-
- .footer a:before {
- margin-right: 1.6rem;
- }
-
-}
-
diff --git a/src/index.ejs b/src/index.ejs
index 80c86ce..aae2891 100644
--- a/src/index.ejs
+++ b/src/index.ejs
@@ -1,136 +1,277 @@
-
-
+
+
-
+
-
-
-
-
-
+
+
+
+
+
Esportbits
+
-
- <%= require('./_sidebar.html') %>
-
-
-
- <%= require('./_banner.html') %>
-
- <%
- var templates = {
- about: require('./about.html'),
- token: require('./token.html'),
- solutions: require('./solutions.html')
- };
-
- // 'template' we define in webpack
-
- print(templates[template]);
- %>
-
- <% if(template === 'about'){ %>
-
-