diff --git a/README.md b/README.md index 077651f..6764343 100644 --- a/README.md +++ b/README.md @@ -1219,6 +1219,6 @@ └── rust └── factorial.rs -238 directories, 958 files +237 directories, 958 files ``` diff --git a/Web development/gravityteam clone/css/about.css b/Web development/gravityteam clone/css/about.css new file mode 100644 index 0000000..23c2392 --- /dev/null +++ b/Web development/gravityteam clone/css/about.css @@ -0,0 +1,121 @@ +.about { + justify-content: center; + gap: 3rem; + flex-direction: column; + margin-bottom: 10rem; +} +.about .sub-heading { + width: 30rem; + text-align: center; +} + +.about .grid-parts { + display: grid; + grid-template-columns: 230px 230px 230px 230px; + grid-template-rows: 150px 150px; + position: relative; +} +.about .grid-parts .part { + flex-direction: column; + justify-content: center; + gap: 1rem; + padding: 1rem; +} +.about .grid-parts .part .heading { + font-weight: var(--font-mid); + font-size: 1.5rem; +} +.about .grid-parts .part .sub-heading { + width: auto; +} +.about .grid-parts .part:nth-child(2) { + background-image: var(--btn-grad); +} +.about .grid-parts .part:nth-child(1)::before, +.about .grid-parts .part:nth-child(3)::before, +.about .grid-parts .part:nth-child(4)::before, +.about .grid-parts .part:nth-child(5)::before { + background-image: var(--btn-grad); + content: ""; + position: absolute; + border-radius: 100vw; +} + +.about .grid-parts .part:nth-child(1)::before { + bottom: 50%; + left: 0; + height: 2px; + width: 100%; +} +.about .grid-parts .part:nth-child(3)::before { + bottom: 0; + left: 230px; + height: 100%; + width: 2px; +} +.about .grid-parts .part:nth-child(4)::before { + bottom: 0; + left: 460px; + height: 100%; + width: 2px; +} +.about .grid-parts .part:nth-child(5)::before { + bottom: 0; + right: 230px; + height: 100%; + width: 2px; +} +@media screen and (max-width: 960px) { + .about .grid-parts { + display: grid; + grid-template-columns: 230px 230px; + grid-template-rows: 150px 150px 150px 150px; + position: relative; + } + + .about .grid-parts .part:nth-child(1)::before { + bottom: 50%; + left: 0; + height: 2px; + width: 100%; + } + .about .grid-parts .part:nth-child(3)::before { + bottom: 25%; + left: 0; + height: 2px; + width: 100%; + } + .about .grid-parts .part:nth-child(4)::before { + top: 25%; + left: 0; + height: 2px; + width: 100%; + } + .about .grid-parts .part:nth-child(5)::before { + bottom: 0; + right: 50%; + height: 100%; + width: 2px; + } +} +@media screen and (max-width: 550px) { + .about .heading { + text-align: center; + } + .about .sub-heading { + width: auto; + padding: 0 3rem; + } + .about .grid-parts { + grid-template-columns: 40vw 40vw; + } + .about .grid-parts .part .heading { + font-size: 1.3rem; + text-align: center; + } + .about .grid-parts .part .sub-heading { + font-size: 0.8rem; + padding: 0; + line-height: 1.3rem; + } +} diff --git a/Web development/gravityteam clone/css/company.css b/Web development/gravityteam clone/css/company.css new file mode 100644 index 0000000..eb3b3b0 --- /dev/null +++ b/Web development/gravityteam clone/css/company.css @@ -0,0 +1,94 @@ +.company { + justify-content: center; + flex-direction: column; + gap: 2.5rem; + margin: 13rem 0 10rem 0; +} +.company .sub-heading { + width: 30rem; + text-align: center; +} +.company .arrows { + justify-content: center; + gap: 1.5rem; +} +.company .desc { + width: 30rem; + text-align: center; + line-height: 2rem; + font-size: 1.1rem; +} +.company .arrows .arrow { + justify-content: center; + width: 3rem; + border-radius: 50%; + aspect-ratio: 1; +} +.company .arrows .arrow:nth-child(2) { + rotate: 180deg; +} +.company .name { + font-weight: var(--font-mid); +} +.company .foot .position { + margin-right: 1rem; +} +.company .foot .company-logo { + border-left: 2px solid rgba(128, 128, 128, 0.443); + padding-left: 1rem; +} +.pagination { + background-color: gray; + height: 10px; + aspect-ratio: 1; + border-radius: 100%; + position: relative; +} + +.pagination::before { + content: ""; + position: absolute; + left: -30px; + top: 0; + height: 10px; + border-radius: 100%; + aspect-ratio: 1; + background-image: var(--btn-grad); +} +.pagination::after { + content: ""; + position: absolute; + left: 30px; + top: 0; + height: 10px; + border-radius: 100%; + aspect-ratio: 1; + background-color: gray; +} + +@media screen and (max-width: 560px) { + .company .heading { + text-align: center; + } + .company .sub-heading { + width: auto; + padding: 0 10vw; + } + .company .desc { + width: auto; + font-size: 1rem; + padding: 0 10vw; + } + .company .foot { + gap: 1rem; + flex-direction: column; + } + + .company .foot .position { + margin-right: 0; + } + .company .foot .company-logo { + border: none; + padding-left: 0; + } +} diff --git a/Web development/gravityteam clone/css/contact.css b/Web development/gravityteam clone/css/contact.css new file mode 100644 index 0000000..2d97e5c --- /dev/null +++ b/Web development/gravityteam clone/css/contact.css @@ -0,0 +1,19 @@ +.contact { + flex-direction: column; + justify-content: center; + gap: 2.5rem; +} +.contact .contact-blob { + position: absolute; + width: 100%; +} +.contact .sub-heading { + width: 38rem; + text-align: center; +} +@media screen and (max-width: 680px) { + .contact .sub-heading { + width: auto; + padding: 0 3rem; + } +} diff --git a/Web development/gravityteam clone/css/footer.css b/Web development/gravityteam clone/css/footer.css new file mode 100644 index 0000000..7bd1cff --- /dev/null +++ b/Web development/gravityteam clone/css/footer.css @@ -0,0 +1,45 @@ +.footer { + margin-top: 20rem; + padding: 5rem 8rem; + border-top: 1px solid rgba(128, 128, 128, 0.494); +} +.footer .logo { + width: 10rem; +} +.footer .top { + justify-content: space-between; +} +.footer .top .links { + flex-direction: column; + gap: 1rem; + align-items: flex-start; + color: var(--sub-text-c); +} +.footer .top .links .title { + text-transform: uppercase; + font-size: 1.1rem; + color: var(--text-c); +} +.footer .bottom { + margin-top: 4rem; + justify-content: space-between; + color: gray; + gap: 2rem; +} +.footer .bottom p { + white-space: nowrap; +} +@media screen and (max-width: 730px) { + .footer .bottom { + flex-direction: column; + } +} +@media screen and (max-width: 730px) { + .footer .top { + gap: 2rem; + flex-direction: column; + } + .footer .top .links { + align-items: center; + } +} diff --git a/Web development/gravityteam clone/css/hero.css b/Web development/gravityteam clone/css/hero.css new file mode 100644 index 0000000..894147e --- /dev/null +++ b/Web development/gravityteam clone/css/hero.css @@ -0,0 +1,29 @@ +.hero { + justify-content: center; + flex-direction: column; + min-height: 110vh; + gap: 2rem; +} +.hero .main-heading { + font-size: 4rem; + text-align: center; + font-weight: var(--font-mid); + line-height: 7rem; +} +.hero .sub-heading { + width: 30rem; + text-align: center; +} +@media screen and (max-width: 525px) { + .hero .main-heading { + font-size: calc(1.5rem + 5vw); + text-align: center; + font-weight: var(--font-mid); + line-height: 5rem; + } + .hero .sub-heading { + width: auto; + padding: 10vw; + text-align: center; + } +} diff --git a/Web development/gravityteam clone/css/joinTeam.css b/Web development/gravityteam clone/css/joinTeam.css new file mode 100644 index 0000000..67534a6 --- /dev/null +++ b/Web development/gravityteam clone/css/joinTeam.css @@ -0,0 +1,32 @@ +.join-team { + justify-content: space-between; + margin-bottom: 15rem; + padding: 3rem; +} +.join-team img { + position: absolute; + left: 2rem; + z-index: -9; +} +.join-team .sub-heading { + width: 30rem; + flex-direction: column; + gap: 1rem; + align-items: flex-start; +} +.join-team .sub-heading .line-link { + margin-top: 1rem; +} +@media screen and (max-width: 630px) { + .join-team { + flex-direction: column; + text-align: center; + gap: 3rem; + } + .join-team .sub-heading { + width: auto; + } + .join-team img { + width: 90vw; + } +} diff --git a/Web development/gravityteam clone/css/main.css b/Web development/gravityteam clone/css/main.css new file mode 100644 index 0000000..0425b9a --- /dev/null +++ b/Web development/gravityteam clone/css/main.css @@ -0,0 +1,85 @@ +*, +*::before, +*::after { + margin: 0; + padding: 0; + box-sizing: border-box; + /* box-shadow: 0 0 0 1px red; */ +} +:root { + --primary-color: #665dcd; + --secondary-color: #d2ab67; + --background: #141619; + --text-c: white; + --sub-text-c: #e5e5e5; + --btn-grad: linear-gradient(150deg, #665dcd, #5fa4e6, #d2ab67); + --ff: "Inter", sans-serif; + --font-reg: 400; + --font-mid: 500; +} +::-webkit-scrollbar { + width: 5px; +} +::-webkit-scrollbar-thumb { + background-image: var(--btn-grad); + border-radius: 100vw; +} + +body { + background-color: var(--background); + font-family: var(--ff); + color: var(--text-c); +} +a { + text-decoration: none; + color: inherit; +} +.flex { + display: flex; + align-items: center; +} +.line-link { + position: relative; +} +.line-link i { + margin-left: 0.2rem; +} +.line-link::before { + content: ""; + position: absolute; + bottom: -20%; + left: 0; + height: 2px; + width: 100%; + border-radius: 100vw; + background-image: var(--btn-grad); + transform: scaleX(0); + transform-origin: right; + transition: transform 200ms; +} +.line-link:hover::before { + transform-origin: left; + transform: scaleX(1); +} + +.sub-heading { + line-height: 1.5rem; + color: var(--sub-text-c); +} +.button { + background-image: var(--btn-grad); + padding: 1rem 1.5rem; + border: none; + color: var(--text-c); + font-size: 1rem; + text-transform: uppercase; +} +.heading { + font-weight: var(--font-mid); + font-size: 2.5rem; +} +@media screen and (max-width: 370px) { + body { + overflow-x: hidden; + } +} diff --git a/Web development/gravityteam clone/css/market.css b/Web development/gravityteam clone/css/market.css new file mode 100644 index 0000000..50002ce --- /dev/null +++ b/Web development/gravityteam clone/css/market.css @@ -0,0 +1,85 @@ +.market { + justify-content: center; + flex-direction: column; + gap: 2rem; + position: relative; +} +.market .sub-heading { + width: 30rem; + text-align: center; +} +.main-market-blob-container { + width: 100%; + position: absolute; + height: 250vw; + overflow: hidden; + left: 0; + top: 0; + z-index: -9; +} +.main-market-blob { + position: absolute; + top: 30%; + left: -50%; + width: 125rem; +} +.market .market-sec { + justify-content: center; + gap: 3rem; + margin-top: 5rem; +} +.market .market-sec .left { + width: 20rem; + flex-direction: column; + gap: 1.6rem; + align-items: flex-start; + margin-left: 10rem; +} +.market .market-sec .left .heading { + font-size: 1.8rem; + font-weight: var(--font-reg); +} + +.market .market-sec .left .market-sub-heading { + font-weight: var(--font-mid); +} +.market .market-sec .left .sub-heading { + width: auto; + text-align: left; +} + +.market .market-sec .right { + width: 30rem; +} +@media screen and (max-width: 1020px) { + .market .market-sec { + flex-direction: column; + } + .market .market-sec .left { + align-items: center; + margin-left: 0; + text-align: center; + } + .market .market-sec .left .sub-heading { + text-align: center; + } + .main-market-blob-container { + height: 250vh; + } +} +@media screen and (max-width: 530px) { + .market { + justify-content: center; + flex-direction: column; + gap: 2rem; + position: relative; + text-align: center; + } + .market .sub-heading { + width: auto; + padding: 10vw; + } + .market .market-sec .right { + width: 80vw; + } +} diff --git a/Web development/gravityteam clone/css/navbar.css b/Web development/gravityteam clone/css/navbar.css new file mode 100644 index 0000000..ef843d6 --- /dev/null +++ b/Web development/gravityteam clone/css/navbar.css @@ -0,0 +1,94 @@ +.navbar { + display: grid; + place-items: center; + grid-template-columns: 10rem auto 10rem; + padding: 1.5rem 2rem; + position: fixed; + width: 100%; + backdrop-filter: blur(3px); + z-index: 999; +} +.toggle-button { + display: none; +} +.navbar .logo { + width: 10rem; +} +.navbar .links { + list-style: none; + gap: 2rem; +} +.navbar .links .link { + text-transform: uppercase; + gap: 0.3rem; + font-size: 0.9rem; +} +.navbar .header-button { + background-color: transparent; + border: none; + color: var(--text-c); + font-size: 1rem; + position: relative; +} +.navbar .header-button::before { + content: ""; + position: absolute; + top: 2px; + border-radius: 50%; + left: -30px; + height: 15px; + width: 15px; + background-image: var(--btn-grad); +} +@media screen and (max-width: 860px) { + .navbar { + display: flex; + justify-content: space-between; + } + .toggle-button { + display: block; + cursor: pointer; + font-size: 2rem; + } + .toggle-button-close { + position: absolute; + top: 15px; + right: 20px; + z-index: 9999; + } + .navbar-wrapper { + position: fixed; + z-index: 999; + height: 100vh; + width: 100vw; + overflow: hidden; + pointer-events: none; + top: 0; + left: 0; + background-color: rgba(0, 0, 0, 0.491); + transition: 200ms; + opacity: 0; + } + .navbar .links { + transform: translate(100%); + position: absolute; + padding: 3rem; + padding-top: 10rem; + align-items: flex-start; + flex-direction: column; + top: 0; + right: 0; + height: 100vh; + width: 80vw; + background-color: var(--background); + transition: 200ms; + } +} +@media screen and (max-width: 860px) { + .navbar { + padding: 0.5rem 2rem; + } + .navbar .logo { + width: 6rem; + } +} diff --git a/Web development/gravityteam clone/css/partners.css b/Web development/gravityteam clone/css/partners.css new file mode 100644 index 0000000..074b411 --- /dev/null +++ b/Web development/gravityteam clone/css/partners.css @@ -0,0 +1,107 @@ +.partners { + justify-content: space-between; + margin-top: 10rem; + padding: 0 5rem; +} +.partners .heading { + margin-top: 18rem; +} +.partners .partner-blob-img { + position: absolute; + left: -30%; +} +.partners .heading { + width: 23rem; + font-size: 2.5rem; +} +.partners .partner-columns { + gap: 2rem; + position: relative; + overflow: hidden; +} +.partners .partner-columns::before { + content: ""; + position: absolute; + top: 0; + left: 0; + height: 30%; + width: 100%; + background-image: linear-gradient(var(--background), transparent); + z-index: 99; +} +.partners .partner-columns::after { + content: ""; + position: absolute; + bottom: 0; + left: 0; + height: 30%; + width: 100%; + background-image: linear-gradient(transparent, var(--background)); + z-index: 99; +} + +.partners .partner-columns .column { + flex-direction: column; + text-align: center; + gap: 2rem; +} +.partners .partner-columns .column1 { + transform: translateY(-100px); +} +.partners .partner-columns .column2 { + transform: translateY(100px); +} + +.partners .partner-columns .column .partner { + border: 1px solid #4155726e; + flex-direction: column; + justify-content: center; + border-radius: 5px; + aspect-ratio: 1; + width: 10rem; + background-image: linear-gradient(#4155724a -100%, transparent 60%); +} +.partners .partner-columns .column .partner img { + margin-bottom: 1rem; + width: 4rem; +} +.partners .partner-columns .column .partner .name { + color: #999999; + text-transform: uppercase; +} +@media screen and (max-width: 920px) { + .partners { + flex-direction: column; + gap: 10rem; + margin-top: 5rem; + text-align: center; + position: relative; + } + .partners .partner-blob-img { + width: calc(10rem + 30vw); + left: 0; + top: 5rem; + } +} + +@media screen and (max-width: 400px) { + .partners .heading { + width: auto; + padding: 0; + } + .partners { + gap: 1rem; + } + .partners .partner-columns { + gap: 1rem; + } + .partners .partner-columns .column .partner { + width: 7rem; + } + .partners .partner-columns .column .partner img { + width: 2.5rem; + } + .partners .partner-columns .column .partner .name { + font-size: 0.7rem; + } +} diff --git a/Web development/gravityteam clone/imgs/arrow.svg b/Web development/gravityteam clone/imgs/arrow.svg new file mode 100644 index 0000000..e2eef35 --- /dev/null +++ b/Web development/gravityteam clone/imgs/arrow.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/Web development/gravityteam clone/imgs/blob.svg b/Web development/gravityteam clone/imgs/blob.svg new file mode 100644 index 0000000..40bff6d --- /dev/null +++ b/Web development/gravityteam clone/imgs/blob.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Web development/gravityteam clone/imgs/contact_blob.svg b/Web development/gravityteam clone/imgs/contact_blob.svg new file mode 100644 index 0000000..316cc3f --- /dev/null +++ b/Web development/gravityteam clone/imgs/contact_blob.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Web development/gravityteam clone/imgs/join_blob.svg b/Web development/gravityteam clone/imgs/join_blob.svg new file mode 100644 index 0000000..a6043fc --- /dev/null +++ b/Web development/gravityteam clone/imgs/join_blob.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/Web development/gravityteam clone/imgs/logo.png b/Web development/gravityteam clone/imgs/logo.png new file mode 100644 index 0000000..6f39e52 Binary files /dev/null and b/Web development/gravityteam clone/imgs/logo.png differ diff --git a/Web development/gravityteam clone/imgs/market.svg b/Web development/gravityteam clone/imgs/market.svg new file mode 100644 index 0000000..7062908 --- /dev/null +++ b/Web development/gravityteam clone/imgs/market.svg @@ -0,0 +1,82 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Web development/gravityteam clone/imgs/market2.svg b/Web development/gravityteam clone/imgs/market2.svg new file mode 100644 index 0000000..edda95f --- /dev/null +++ b/Web development/gravityteam clone/imgs/market2.svg @@ -0,0 +1,59 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Web development/gravityteam clone/imgs/msg/company1.svg b/Web development/gravityteam clone/imgs/msg/company1.svg new file mode 100644 index 0000000..34cfe23 --- /dev/null +++ b/Web development/gravityteam clone/imgs/msg/company1.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Web development/gravityteam clone/imgs/partner_blob.svg b/Web development/gravityteam clone/imgs/partner_blob.svg new file mode 100644 index 0000000..1c36900 --- /dev/null +++ b/Web development/gravityteam clone/imgs/partner_blob.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Web development/gravityteam clone/imgs/partners/binance.svg b/Web development/gravityteam clone/imgs/partners/binance.svg new file mode 100644 index 0000000..27b7619 --- /dev/null +++ b/Web development/gravityteam clone/imgs/partners/binance.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Web development/gravityteam clone/imgs/partners/bitbank.svg b/Web development/gravityteam clone/imgs/partners/bitbank.svg new file mode 100644 index 0000000..44d57c8 --- /dev/null +++ b/Web development/gravityteam clone/imgs/partners/bitbank.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Web development/gravityteam clone/imgs/partners/bithumb.svg b/Web development/gravityteam clone/imgs/partners/bithumb.svg new file mode 100644 index 0000000..b329947 --- /dev/null +++ b/Web development/gravityteam clone/imgs/partners/bithumb.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Web development/gravityteam clone/imgs/partners/bitstamp.svg b/Web development/gravityteam clone/imgs/partners/bitstamp.svg new file mode 100644 index 0000000..6bafb0b --- /dev/null +++ b/Web development/gravityteam clone/imgs/partners/bitstamp.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Web development/gravityteam clone/imgs/partners/conbase.svg b/Web development/gravityteam clone/imgs/partners/conbase.svg new file mode 100644 index 0000000..1986446 --- /dev/null +++ b/Web development/gravityteam clone/imgs/partners/conbase.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Web development/gravityteam clone/imgs/partners/leaf.svg b/Web development/gravityteam clone/imgs/partners/leaf.svg new file mode 100644 index 0000000..9252942 --- /dev/null +++ b/Web development/gravityteam clone/imgs/partners/leaf.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Web development/gravityteam clone/index.html b/Web development/gravityteam clone/index.html new file mode 100644 index 0000000..e711660 --- /dev/null +++ b/Web development/gravityteam clone/index.html @@ -0,0 +1,284 @@ + + + + + + Gravity Team + + + + + + + + + + + + + + + + + + +
+ + + + + +
+ +
+
+
+
+ Balancing
+ Crypto Markets +
+
+ Our fully automated proprietary quantitative trading software provides + 24/7 liquidity to 170+ crypto assets across 25+ centralized spot and + derivative crypto exchanges. +
+ +
+
+
About Gravity Team
+
+ At Gravity Team, we are on the mission to balance the supply and demand + across crypto markets worldwide. We are a crypto native market maker + founded by traders, developers, and innovators who are strong believers + and supporters of the future of decentralization and digital assets. +
+
+
+
~$100 billion
+
cumulative trading volume to date
+
+
+
0.8%
+
+ of the global crypto spot trading volume +
+
+
+
~30
+
Gravity Teammates (& growing)
+
+
+
25+
+
+ leading global and local crypto exchanges +
+
+
+
2017
+
start, crypto-natives
+
+
+
1,200+
+
crypto-asset pairs
+
+
+
24/7
+
liquidity
+
+
+
5 billion+
+
trades done to date
+
+
+
+
+ +
+
+
Crypto Market Making
+
+ We are a global crypto liquidity provider and algorithmic market maker. + We trade digital assets listed on Centralized Exchanges in over 15 + countries worldwide. +
+ +
+
+
Market Making for Crypto Projects
+
+ Accelerate your token's journey by boosting its liquidity +
+
+ We invest in building long-term, sustainable relationships and + support our projects in their growth journey with our services, + industry expertise and network. +
+ Learn more +
+ +
+ +
+ +
+
Market Making for Crypto Exchanges
+
+ Attract more traders and projects with deep order books & liquidity +
+
+ Our world-class market making services are proven to help local and + emerging exchanges win traders and gain market-leading positions of + up to 90% market dominance. +
+ Learn more +
+
+
+
+ +
Our Partners & Friends
+
+
+
+ +
BitHumb
+
+
+ +
Bitbank
+
+
+ +
Binance
+
+
+
+
+ +
Bitstamp
+
+
+ +
Coinbase
+
+
+ +
Leaf
+
+
+
+
+
+
We are in a good company
+
+ Our partnerships have delivered great value to our projects and we're + happy to share some of their feedback below +
+
+ + +
+
+ Since 2019, Gravity team has been an astounding market maker for Bitkub. + They have proven themselves to be one of the most consistent, committed + and driven market makers on our exchange. Gravity Team has contributed + high-quality volume and has proven to be very reliable and trustworthy + partner. We strongly advocate Gravity Team as they have been an + indispensable part of our market-making team. +
+
Atthakrit Chimplapibul
+
+
Co-founder & CEO of Bitkub
+ +
+ +
+
+ +
+ Join
+ Gravity Team +
+
+

+ Join our community of innovators, problem solvers and owners who apply + scientific discovery techniques to make crypto markets a better place + for everyone. +

+

+ As we emphasize it in our name - Gravity Team, we are a team. A team + of bright, talented people, each masters of their specialty, curious + about the world and eager to solve the new exciting cryptocurrency + market problems, build cool stuff and have fun whilst doing so! +

+
+ Learn more about working with us + +
+
+
+
+ +
Contact Us
+
+ We are always open to discuss new value-adding partnerships. Do reach + out if you are an exchange or a project looking for liquidity; an + algorithmic trader or a software developer looking to improve the + markets with us or just have a great idea you can't wait to share with + us! +
+ +
+ + + + diff --git a/Web development/gravityteam clone/js/main.js b/Web development/gravityteam clone/js/main.js new file mode 100644 index 0000000..abd3cc2 --- /dev/null +++ b/Web development/gravityteam clone/js/main.js @@ -0,0 +1,23 @@ +const toggle_button_open = document.getElementById("toggle-button-open"); +const toggle_button_close = document.getElementById("toggle-button-close"); +const navbar_wrapper = document.getElementById("navbar-wrapper"); +const navbar_links = document.getElementById("navbar-links"); + + +toggle_button_open.addEventListener('click', () => { + navbar_wrapper.style.pointerEvents = "all"; + navbar_links.style.transform = "translateX(0%)"; + navbar_wrapper.style.opacity = "1"; +}); + +toggle_button_close.addEventListener('click', () => { + navbar_wrapper.style.pointerEvents = "none"; + navbar_links.style.transform = "translateX(100%)"; + navbar_wrapper.style.opacity = "0"; +}); + +navbar_wrapper.addEventListener('click', () => { + navbar_wrapper.style.pointerEvents = "none"; + navbar_links.style.transform = "translateX(100%)"; + navbar_wrapper.style.opacity = "0"; +}); \ No newline at end of file diff --git a/project_tree_structure.txt b/project_tree_structure.txt index ddf0956..0711c50 100644 --- a/project_tree_structure.txt +++ b/project_tree_structure.txt @@ -1195,4 +1195,4 @@ └── rust └── factorial.rs -238 directories, 958 files +237 directories, 958 files