diff --git a/package-lock.json b/package-lock.json index 482aa2c..de02ceb 100644 --- a/package-lock.json +++ b/package-lock.json @@ -15,7 +15,7 @@ "@testing-library/jest-dom": "^5.17.0", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", - "firebase": "^10.13.2", + "firebase": "^10.14.0", "lucide-react": "^0.417.0", "react": "^18.2.0", "react-dom": "^18.2.0", @@ -2425,10 +2425,9 @@ "license": "Apache-2.0" }, "node_modules/@firebase/app": { - "version": "0.10.11", - "resolved": "https://registry.npmjs.org/@firebase/app/-/app-0.10.11.tgz", - "integrity": "sha512-DuI8c+p/ndPmV6V0i+mcSuaU9mK9Pi9h76WOYFkPNsbmkblEy8bpTOazjG7tnfar6Of1Wn5ohvyOHSRqnN6flQ==", - "license": "Apache-2.0", + "version": "0.10.12", + "resolved": "https://registry.npmjs.org/@firebase/app/-/app-0.10.12.tgz", + "integrity": "sha512-fgBqe5j7GKv7/eMfyU4N1FdiW6O1EyrrVbMa8rJOT5MYNpCXqdL/5NNcLDStS1l6CN7h65a7jUNXmMnMSWo0sw==", "dependencies": { "@firebase/component": "0.6.9", "@firebase/logger": "0.4.2", @@ -2482,12 +2481,11 @@ "license": "Apache-2.0" }, "node_modules/@firebase/app-compat": { - "version": "0.2.41", - "resolved": "https://registry.npmjs.org/@firebase/app-compat/-/app-compat-0.2.41.tgz", - "integrity": "sha512-ktJcObWKjlIWq31kXu6sHoqWlhQD5rx0a2F2ZC2JVuEE5A5f7F43VO1Z6lfeRZXMFZbGG/aqIfXqgsP3zD2JYg==", - "license": "Apache-2.0", + "version": "0.2.42", + "resolved": "https://registry.npmjs.org/@firebase/app-compat/-/app-compat-0.2.42.tgz", + "integrity": "sha512-vPI0Aksk8ZuHywigyTxrx/oWbuD41kHxajfxRly7urHOFRiXKxf/q2ftgmcMVPfIeg0K02LzYNBmoh2PWzERpg==", "dependencies": { - "@firebase/app": "0.10.11", + "@firebase/app": "0.10.12", "@firebase/component": "0.6.9", "@firebase/logger": "0.4.2", "@firebase/util": "1.10.0", @@ -2565,6 +2563,21 @@ "tslib": "^2.1.0" } }, + "node_modules/@firebase/data-connect": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/@firebase/data-connect/-/data-connect-0.1.0.tgz", + "integrity": "sha512-vSe5s8dY13ilhLnfY0eYRmQsdTbH7PUFZtBbqU6JVX/j8Qp9A6G5gG6//ulbX9/1JFOF1IWNOne9c8S/DOCJaQ==", + "dependencies": { + "@firebase/auth-interop-types": "0.2.3", + "@firebase/component": "0.6.9", + "@firebase/logger": "0.4.2", + "@firebase/util": "1.10.0", + "tslib": "^2.1.0" + }, + "peerDependencies": { + "@firebase/app": "0.x" + } + }, "node_modules/@firebase/database": { "version": "1.0.8", "resolved": "https://registry.npmjs.org/@firebase/database/-/database-1.0.8.tgz", @@ -2605,10 +2618,9 @@ } }, "node_modules/@firebase/firestore": { - "version": "4.7.2", - "resolved": "https://registry.npmjs.org/@firebase/firestore/-/firestore-4.7.2.tgz", - "integrity": "sha512-WPkL/DEHuJg1PZPyHn81pNUhitG+7WkpLVdXmoYB23Za3eoM8VzuIn7zcD4Cji6wDCGA6eI1rvGYLtsXmE1OaQ==", - "license": "Apache-2.0", + "version": "4.7.3", + "resolved": "https://registry.npmjs.org/@firebase/firestore/-/firestore-4.7.3.tgz", + "integrity": "sha512-NwVU+JPZ/3bhvNSJMCSzfcBZZg8SUGyzZ2T0EW3/bkUeefCyzMISSt/TTIfEHc8cdyXGlMqfGe3/62u9s74UEg==", "dependencies": { "@firebase/component": "0.6.9", "@firebase/logger": "0.4.2", @@ -2627,13 +2639,12 @@ } }, "node_modules/@firebase/firestore-compat": { - "version": "0.3.37", - "resolved": "https://registry.npmjs.org/@firebase/firestore-compat/-/firestore-compat-0.3.37.tgz", - "integrity": "sha512-YwjJePx+m2OGnpKTGFTkcRXQZ+z0+8t7/zuwyOsTmKERobn0kekOv8VAQQmITcC+3du8Ul98O2a0vMH3xwt7jQ==", - "license": "Apache-2.0", + "version": "0.3.38", + "resolved": "https://registry.npmjs.org/@firebase/firestore-compat/-/firestore-compat-0.3.38.tgz", + "integrity": "sha512-GoS0bIMMkjpLni6StSwRJarpu2+S5m346Na7gr9YZ/BZ/W3/8iHGNr9PxC+f0rNZXqS4fGRn88pICjrZEgbkqQ==", "dependencies": { "@firebase/component": "0.6.9", - "@firebase/firestore": "4.7.2", + "@firebase/firestore": "4.7.3", "@firebase/firestore-types": "3.0.2", "@firebase/util": "1.10.0", "tslib": "^2.1.0" @@ -2646,7 +2657,6 @@ "version": "3.0.2", "resolved": "https://registry.npmjs.org/@firebase/firestore-types/-/firestore-types-3.0.2.tgz", "integrity": "sha512-wp1A+t5rI2Qc/2q7r2ZpjUXkRVPtGMd6zCLsiWurjsQpqPgFin3AhNibKcIzoF2rnToNa/XYtyWXuifjOOwDgg==", - "license": "Apache-2.0", "peerDependencies": { "@firebase/app-types": "0.x", "@firebase/util": "1.x" @@ -2930,8 +2940,7 @@ "node_modules/@firebase/webchannel-wrapper": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/@firebase/webchannel-wrapper/-/webchannel-wrapper-1.0.1.tgz", - "integrity": "sha512-jmEnr/pk0yVkA7mIlHNnxCi+wWzOFUg0WyIotgkKAb2u1J7fAeDBcVNSTjTihbAYNusCLQdW5s9IJ5qwnEufcQ==", - "license": "Apache-2.0" + "integrity": "sha512-jmEnr/pk0yVkA7mIlHNnxCi+wWzOFUg0WyIotgkKAb2u1J7fAeDBcVNSTjTihbAYNusCLQdW5s9IJ5qwnEufcQ==" }, "node_modules/@fortawesome/fontawesome-common-types": { "version": "6.6.0", @@ -3002,7 +3011,6 @@ "version": "1.9.15", "resolved": "https://registry.npmjs.org/@grpc/grpc-js/-/grpc-js-1.9.15.tgz", "integrity": "sha512-nqE7Hc0AzI+euzUwDAy0aY5hCp10r734gMGRdU+qOPX0XSceI2ULrcXB5U2xSc5VkWwalCj4M7GzCAygZl2KoQ==", - "license": "Apache-2.0", "dependencies": { "@grpc/proto-loader": "^0.7.8", "@types/node": ">=12.12.47" @@ -3015,7 +3023,6 @@ "version": "0.7.13", "resolved": "https://registry.npmjs.org/@grpc/proto-loader/-/proto-loader-0.7.13.tgz", "integrity": "sha512-AiXO/bfe9bmxBjxxtYxFAXGZvMaN5s8kO+jBHAJCON8rJoB5YS/D6X7ZNc6XQkuHNmyl4CYaMI1fJ/Gn27RGGw==", - "license": "Apache-2.0", "dependencies": { "lodash.camelcase": "^4.3.0", "long": "^5.0.0", @@ -3033,7 +3040,6 @@ "version": "8.0.1", "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz", "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==", - "license": "ISC", "dependencies": { "string-width": "^4.2.0", "strip-ansi": "^6.0.1", @@ -3047,7 +3053,6 @@ "version": "17.7.2", "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz", "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==", - "license": "MIT", "dependencies": { "cliui": "^8.0.1", "escalade": "^3.1.1", @@ -3065,7 +3070,6 @@ "version": "21.1.1", "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz", "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==", - "license": "ISC", "engines": { "node": ">=12" } @@ -4049,32 +4053,27 @@ "node_modules/@protobufjs/aspromise": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/@protobufjs/aspromise/-/aspromise-1.1.2.tgz", - "integrity": "sha512-j+gKExEuLmKwvz3OgROXtrJ2UG2x8Ch2YZUxahh+s1F2HZ+wAceUNLkvy6zKCPVRkU++ZWQrdxsUeQXmcg4uoQ==", - "license": "BSD-3-Clause" + "integrity": "sha512-j+gKExEuLmKwvz3OgROXtrJ2UG2x8Ch2YZUxahh+s1F2HZ+wAceUNLkvy6zKCPVRkU++ZWQrdxsUeQXmcg4uoQ==" }, "node_modules/@protobufjs/base64": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/@protobufjs/base64/-/base64-1.1.2.tgz", - "integrity": "sha512-AZkcAA5vnN/v4PDqKyMR5lx7hZttPDgClv83E//FMNhR2TMcLUhfRUBHCmSl0oi9zMgDDqRUJkSxO3wm85+XLg==", - "license": "BSD-3-Clause" + "integrity": "sha512-AZkcAA5vnN/v4PDqKyMR5lx7hZttPDgClv83E//FMNhR2TMcLUhfRUBHCmSl0oi9zMgDDqRUJkSxO3wm85+XLg==" }, "node_modules/@protobufjs/codegen": { "version": "2.0.4", "resolved": "https://registry.npmjs.org/@protobufjs/codegen/-/codegen-2.0.4.tgz", - "integrity": "sha512-YyFaikqM5sH0ziFZCN3xDC7zeGaB/d0IUb9CATugHWbd1FRFwWwt4ld4OYMPWu5a3Xe01mGAULCdqhMlPl29Jg==", - "license": "BSD-3-Clause" + "integrity": "sha512-YyFaikqM5sH0ziFZCN3xDC7zeGaB/d0IUb9CATugHWbd1FRFwWwt4ld4OYMPWu5a3Xe01mGAULCdqhMlPl29Jg==" }, "node_modules/@protobufjs/eventemitter": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/@protobufjs/eventemitter/-/eventemitter-1.1.0.tgz", - "integrity": "sha512-j9ednRT81vYJ9OfVuXG6ERSTdEL1xVsNgqpkxMsbIabzSo3goCjDIveeGv5d03om39ML71RdmrGNjG5SReBP/Q==", - "license": "BSD-3-Clause" + "integrity": "sha512-j9ednRT81vYJ9OfVuXG6ERSTdEL1xVsNgqpkxMsbIabzSo3goCjDIveeGv5d03om39ML71RdmrGNjG5SReBP/Q==" }, "node_modules/@protobufjs/fetch": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/@protobufjs/fetch/-/fetch-1.1.0.tgz", "integrity": "sha512-lljVXpqXebpsijW71PZaCYeIcE5on1w5DlQy5WH6GLbFryLUrBD4932W/E2BSpfRJWseIL4v/KPgBFxDOIdKpQ==", - "license": "BSD-3-Clause", "dependencies": { "@protobufjs/aspromise": "^1.1.1", "@protobufjs/inquire": "^1.1.0" @@ -4083,32 +4082,27 @@ "node_modules/@protobufjs/float": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/@protobufjs/float/-/float-1.0.2.tgz", - "integrity": "sha512-Ddb+kVXlXst9d+R9PfTIxh1EdNkgoRe5tOX6t01f1lYWOvJnSPDBlG241QLzcyPdoNTsblLUdujGSE4RzrTZGQ==", - "license": "BSD-3-Clause" + "integrity": "sha512-Ddb+kVXlXst9d+R9PfTIxh1EdNkgoRe5tOX6t01f1lYWOvJnSPDBlG241QLzcyPdoNTsblLUdujGSE4RzrTZGQ==" }, "node_modules/@protobufjs/inquire": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/@protobufjs/inquire/-/inquire-1.1.0.tgz", - "integrity": "sha512-kdSefcPdruJiFMVSbn801t4vFK7KB/5gd2fYvrxhuJYg8ILrmn9SKSX2tZdV6V+ksulWqS7aXjBcRXl3wHoD9Q==", - "license": "BSD-3-Clause" + "integrity": "sha512-kdSefcPdruJiFMVSbn801t4vFK7KB/5gd2fYvrxhuJYg8ILrmn9SKSX2tZdV6V+ksulWqS7aXjBcRXl3wHoD9Q==" }, "node_modules/@protobufjs/path": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/@protobufjs/path/-/path-1.1.2.tgz", - "integrity": "sha512-6JOcJ5Tm08dOHAbdR3GrvP+yUUfkjG5ePsHYczMFLq3ZmMkAD98cDgcT2iA1lJ9NVwFd4tH/iSSoe44YWkltEA==", - "license": "BSD-3-Clause" + "integrity": "sha512-6JOcJ5Tm08dOHAbdR3GrvP+yUUfkjG5ePsHYczMFLq3ZmMkAD98cDgcT2iA1lJ9NVwFd4tH/iSSoe44YWkltEA==" }, "node_modules/@protobufjs/pool": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/@protobufjs/pool/-/pool-1.1.0.tgz", - "integrity": "sha512-0kELaGSIDBKvcgS4zkjz1PeddatrjYcmMWOlAuAPwAeccUrPHdUqo/J6LiymHHEiJT5NrF1UVwxY14f+fy4WQw==", - "license": "BSD-3-Clause" + "integrity": "sha512-0kELaGSIDBKvcgS4zkjz1PeddatrjYcmMWOlAuAPwAeccUrPHdUqo/J6LiymHHEiJT5NrF1UVwxY14f+fy4WQw==" }, "node_modules/@protobufjs/utf8": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/@protobufjs/utf8/-/utf8-1.1.0.tgz", - "integrity": "sha512-Vvn3zZrhQZkkBE8LSuW3em98c0FwgO4nxzv6OdSxPKJIEKY2bGbHn+mhGIPerzI4twdxaP8/0+06HBpwf345Lw==", - "license": "BSD-3-Clause" + "integrity": "sha512-Vvn3zZrhQZkkBE8LSuW3em98c0FwgO4nxzv6OdSxPKJIEKY2bGbHn+mhGIPerzI4twdxaP8/0+06HBpwf345Lw==" }, "node_modules/@remix-run/router": { "version": "1.15.3", @@ -9306,24 +9300,24 @@ } }, "node_modules/firebase": { - "version": "10.13.2", - "resolved": "https://registry.npmjs.org/firebase/-/firebase-10.13.2.tgz", - "integrity": "sha512-YeI+TO5rJsoyZsVFx9WiN5ibdVCIigYTWwldRTMfCzrSPrJFVGao4acYj3x0EYGKDIgSgEyVBayD5BffD4Eyow==", - "license": "Apache-2.0", + "version": "10.14.0", + "resolved": "https://registry.npmjs.org/firebase/-/firebase-10.14.0.tgz", + "integrity": "sha512-/yB/OE4bfBbmtfku0DCdW6nWMHYVayN6xWKw68ztedxqGevfYDoPoygBXiLmvBHdWdBa+IlhJDkdUUiEEpcAUw==", "dependencies": { "@firebase/analytics": "0.10.8", "@firebase/analytics-compat": "0.2.14", - "@firebase/app": "0.10.11", + "@firebase/app": "0.10.12", "@firebase/app-check": "0.8.8", "@firebase/app-check-compat": "0.3.15", - "@firebase/app-compat": "0.2.41", + "@firebase/app-compat": "0.2.42", "@firebase/app-types": "0.9.2", "@firebase/auth": "1.7.9", "@firebase/auth-compat": "0.5.14", + "@firebase/data-connect": "0.1.0", "@firebase/database": "1.0.8", "@firebase/database-compat": "1.0.8", - "@firebase/firestore": "4.7.2", - "@firebase/firestore-compat": "0.3.37", + "@firebase/firestore": "4.7.3", + "@firebase/firestore-compat": "0.3.38", "@firebase/functions": "0.11.8", "@firebase/functions-compat": "0.3.14", "@firebase/installations": "0.6.9", @@ -13256,8 +13250,7 @@ "node_modules/lodash.camelcase": { "version": "4.3.0", "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz", - "integrity": "sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==", - "license": "MIT" + "integrity": "sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==" }, "node_modules/lodash.debounce": { "version": "4.0.8", @@ -13287,8 +13280,7 @@ "node_modules/long": { "version": "5.2.3", "resolved": "https://registry.npmjs.org/long/-/long-5.2.3.tgz", - "integrity": "sha512-lcHwpNoggQTObv5apGNCTdJrO69eHOZMi4BNC+rTLER8iHAqGrUVeLh/irVIM7zTw2bOXA8T6uNPeujwOLg/2Q==", - "license": "Apache-2.0" + "integrity": "sha512-lcHwpNoggQTObv5apGNCTdJrO69eHOZMi4BNC+rTLER8iHAqGrUVeLh/irVIM7zTw2bOXA8T6uNPeujwOLg/2Q==" }, "node_modules/loose-envify": { "version": "1.4.0", @@ -15614,7 +15606,6 @@ "resolved": "https://registry.npmjs.org/protobufjs/-/protobufjs-7.4.0.tgz", "integrity": "sha512-mRUWCc3KUU4w1jU8sGxICXH/gNS94DvI1gxqDvBzhj1JpcsimQkYiOJfwsPUykUI5ZaspFbSgmBLER8IrQ3tqw==", "hasInstallScript": true, - "license": "BSD-3-Clause", "dependencies": { "@protobufjs/aspromise": "^1.1.2", "@protobufjs/base64": "^1.1.2", diff --git a/src/Components/BottomCarousel.js b/src/Components/BottomCarousel.js index e1b4fbf..a52b00c 100644 --- a/src/Components/BottomCarousel.js +++ b/src/Components/BottomCarousel.js @@ -1,43 +1,53 @@ -import React from "react"; -import Slider from "react-slick"; -import "slick-carousel/slick/slick.css"; -import "slick-carousel/slick/slick-theme.css"; -import styles from "../Stylesheets/Bottomc.module.css" -import team_img from "../Assets/team.jpg" +import React, { useRef } from "react"; +import styles from "../Stylesheets/Bottomc.module.css"; +import team_img from "../Assets/team.jpg"; +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; +import { faAngleLeft } from '@fortawesome/free-solid-svg-icons'; +import { faAngleRight } from '@fortawesome/free-solid-svg-icons'; const BottomCarousel = () => { - const settings = { - dots: true, - infinite: true, - speed: 500, - slidesToShow: 1, - slidesToScroll: 1, + const galleryRef = useRef(null); + + const scrollLeft = () => { + if (galleryRef.current) { + galleryRef.current.scrollBy({ left: -galleryRef.current.clientWidth, behavior: "smooth" }); + } + }; + + const scrollRight = () => { + if (galleryRef.current) { + galleryRef.current.scrollBy({ left: galleryRef.current.clientWidth, behavior: "smooth" }); + } }; - + return (
-
+
+
-
- Our Happy Family -
+
+

Our Happy Family

+
- -
- Slide 1 -
+
+ -
- Silde 2 +
+ Img1 + Img2 + Img3
-
- Silde 3 -
- + +
-
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

+
diff --git a/src/Components/Carousel.js b/src/Components/Carousel.js index d2ee90e..ac4007e 100644 --- a/src/Components/Carousel.js +++ b/src/Components/Carousel.js @@ -16,17 +16,7 @@ const Carousel = () => { return (
- -
- Slide 1 -
-
- Silde 2 -
-
- Silde 3 -
- + Carousel Image
); }; diff --git a/src/Components/Domains.js b/src/Components/Domains.js index ab79353..7b56e81 100644 --- a/src/Components/Domains.js +++ b/src/Components/Domains.js @@ -9,69 +9,71 @@ import Styles from "../Stylesheets/Domain.module.css" const Final = () => { return ( -
-
-
- Domains Invited +
+
+
+
+ Domains Invited +
-
- -
-
-
-
- -
-
-

Competetive Programming

-

- Join us on a journey to master the tricks of the trade - popular CP concepts, algorithms and stratagems, boosting your cognitive, logical reasoning and enhancing your coding interview skills along the way. We also hold contests where you can compete with your peers and challenge yourself. We are available 24/7 to clarify your doubts and for any other assistance you may need. -

+ +
+
+
+
+ +
+
+

Competetive Programming

+

+ Join us on a journey to master the tricks of the trade - popular CP concepts, algorithms and stratagems, boosting your cognitive, logical reasoning and enhancing your coding interview skills along the way. We also hold contests where you can compete with your peers and challenge yourself. We are available 24/7 to clarify your doubts and for any other assistance you may need. +

+
-
-
-
-
- -
-

Fullstack Web Development

-

- Rome wasn't built in a day, and neither was our website. Learn state-of-the-art app building and end-to-end full-stack development with zero compromises. Do you have anything in particular you want to learn? No problem! Our team of developers have experience in various fields, and can help out whenever required. -

+
+
+
+ +
+

Fullstack Web Development

+

+ Rome wasn't built in a day, and neither was our website. Learn state-of-the-art app building and end-to-end full-stack development with zero compromises. Do you have anything in particular you want to learn? No problem! Our team of developers have experience in various fields, and can help out whenever required. +

+
-
-
-
-
- -
-

Android Development

-

- More than 78% of people in the world own a smartphone. What are people doing with these gadgets? They make use of apps. App development is similar to other types of software development, such as web apps. The ability of mobile apps to exploit native capabilities on a device is the most significant difference between app development and traditional software development. We have app development enthusiasts, and we aim to grow this community of enthusiastic app developers! -

+
+
+
+ +
+

Android Development

+

+ More than 78% of people in the world own a smartphone. What are people doing with these gadgets? They make use of apps. App development is similar to other types of software development, such as web apps. The ability of mobile apps to exploit native capabilities on a device is the most significant difference between app development and traditional software development. We have app development enthusiasts, and we aim to grow this community of enthusiastic app developers! +

+
-
-
-
-
- -
-

Blockchain

-

- Web3 is a notion for a new version of the World Wide Web that integrates principles like decentralisation, blockchain technology, and token-based economy. Web3 development is a burgeoning new technology, and we have enthusiasts who have already begun working on blockchain, dapps, bitcoin, and so on. Join us in getting ready for the future! -

+
+
+
+ +
+

Blockchain

+

+ Web3 is a notion for a new version of the World Wide Web that integrates principles like decentralisation, blockchain technology, and token-based economy. Web3 development is a burgeoning new technology, and we have enthusiasts who have already begun working on blockchain, dapps, bitcoin, and so on. Join us in getting ready for the future! +

+
-
-
+
-
+ +
); } diff --git a/src/Components/Footer.js b/src/Components/Footer.js index 61c1fe5..a525cc3 100644 --- a/src/Components/Footer.js +++ b/src/Components/Footer.js @@ -27,14 +27,14 @@ const Footer = () => {
@@ -44,7 +44,7 @@ const Footer = () => {
- +
diff --git a/src/Stylesheets/Bottomc.module.css b/src/Stylesheets/Bottomc.module.css index 1667e7f..4375a97 100644 --- a/src/Stylesheets/Bottomc.module.css +++ b/src/Stylesheets/Bottomc.module.css @@ -1,27 +1,41 @@ * { padding: 0; + margin: 0; } .container { width: 95vw; height: auto; - background-color: rgb(40, 37, 37); - border-radius: 2rem; + border-radius: 1vw; margin: auto; + /* box-shadow: 0 0 3vw var(--boxShadow), 0 0 3vw var(--boxShadow) inset; + border: .25vw solid var(--boxShadow); */ + + /* box-shadow: 0 0 3vw var(--boxShadow); */ + + background-image: var(--scrollbar); + padding: .2rem; +} + +.gradientBox{ + border-radius: 1vw; + background-color: black; + margin-top: 0; + padding-top: 2rem; } -.HeadText { - font-size: 3rem; - margin: 2rem; - padding: 1rem; + +.HeadText p{ + font-size: 5vw; font-family: sans-serif; text-align: center; color: white; + margin-bottom: 2rem; } .message { width: 80vw; margin: auto; text-align: center; padding: 3rem; - font-size: 1.5rem; + font-size: 2vw; color: white; } .carouselContainer{ @@ -30,18 +44,86 @@ border-radius: 2rem; } -.carouselImage { - width: 90vw; - display: block; - border: solid rgba(244, 248, 248, 0.06); - border-radius: 2em; +.galleryboxContainer { + position: relative; + display: flex; + align-items: center; + justify-content: center; + margin-top: 4vw; + max-width: 90%; + margin: 0 auto; +} + +.galleryBox { + white-space: nowrap; + overflow-x: auto; + width: 100%; + scroll-behavior: smooth; + display: flex; + padding-bottom: 1rem; +} + +.galleryBox img { + width: 95%; + height: auto; + margin-right: 2.5%; + margin-left: 2.5%; + border-radius: 2vw; + border: 0.1vw solid var(--boxShadow); + display: inline-block; +} + +.galleryboxContainer button{ + position: absolute; + top: 50%; + transform: translateY(-50%); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border: none; + border-radius: 50%; + width: 2.5rem; + height: 2.5rem; + font-size: 1.5rem; + cursor: pointer; + z-index: 1; + transition: background-color 0.3s; + display: flex; + justify-content: center; + align-items: center; +} + +.galleryboxContainer button:hover { + background-color: rgba(0, 0, 0, 0.8); +} + +.scrollButtonLeft { + left: 2.5vw; +} + +.scrollButtonRight { + right: 2.5vw; +} + + +.galleryBox::-webkit-scrollbar { + height: .5rem; + background: black; + border-radius: 2vw; +} + +.galleryBox::-webkit-scrollbar-thumb { + background-image: var(--scrollbar); + border-radius: 2vw; +} + +.galleryBox::-webkit-scrollbar-track { + background: #e1e1e1; + border-radius: 2vw; } @media (max-widht: 1200px) { .HeadText { font-size: 2rem; - margin: 1.5rem; - padding: 0.8rem; } .message { width: 70vw; @@ -54,8 +136,6 @@ @media (max-width: 990px) { .HeadText { font-size: 2rem; - margin: 1.5rem; - padding: 0.8rem; } .message { width: 70vw; @@ -67,8 +147,6 @@ @media (max-width: 600px) { .HeadText { font-size: 1.5rem; - margin: 1rem; - padding: 0.5rem; } .message { width: 75vw; @@ -77,4 +155,8 @@ font-size: 1rem; text-align: start; } -} \ No newline at end of file + .galleryboxContainer button{ + display: none; + } +} + diff --git a/src/Stylesheets/Cards.module.css b/src/Stylesheets/Cards.module.css index 45ff134..c5e416c 100644 --- a/src/Stylesheets/Cards.module.css +++ b/src/Stylesheets/Cards.module.css @@ -22,6 +22,7 @@ font-weight:bolder; font-size: 2rem; margin-top: 2rem; + text-align: center; } .WeDoCards { @@ -53,6 +54,7 @@ align-items: center; flex-direction: column; overflow: hidden; + } .card > .icon{ @@ -63,6 +65,7 @@ align-items: center; margin-top: 1.5em; padding: 1rem; + transition: filter 0.4s ease-out; } .card > .name{ @@ -83,7 +86,6 @@ display: flex; justify-content: center; color: var(--tertiarytext); - } .card > .icon:hover { diff --git a/src/Stylesheets/Carousel.module.css b/src/Stylesheets/Carousel.module.css index 8df490f..1bd0818 100644 --- a/src/Stylesheets/Carousel.module.css +++ b/src/Stylesheets/Carousel.module.css @@ -6,6 +6,7 @@ width: 90vw; margin: auto; border-radius: 2rem; + margin-bottom: 2vw; } .carouselImage { diff --git a/src/Stylesheets/Domain.module.css b/src/Stylesheets/Domain.module.css index d72d8d6..f203a02 100644 --- a/src/Stylesheets/Domain.module.css +++ b/src/Stylesheets/Domain.module.css @@ -98,7 +98,8 @@ font-weight: 500; font-size: 1.5rem; text-align: justify; - overflow: scroll; + overflow: none; + padding: 1rem; } @media (max-width: 1200px) { diff --git a/src/Stylesheets/Footer.module.css b/src/Stylesheets/Footer.module.css index 1ddc05a..872cc32 100644 --- a/src/Stylesheets/Footer.module.css +++ b/src/Stylesheets/Footer.module.css @@ -4,11 +4,12 @@ } #footer{ - height: 25vw; + height: 27vw; width: 100vw; background-color: #1A1E1E; opacity: 97%; position: relative; + margin-top: 7.5vw; } #footerContent{ @@ -37,13 +38,13 @@ #footerTag{ color: white; font-size: 2vw; - margin-top: -6vw; + margin-top: -5vw; } #footerInfo{ color: white; font-size: 2.5vw; - margin-top: 3vw; + margin-top: 2vw; font-weight: 100; } @@ -128,7 +129,8 @@ #footerImage{ position: absolute; - left: 0; + left: 0vh; bottom: 0vh; - width: 40vw; + width: 25vw; + height: auto; } diff --git a/src/Stylesheets/Home.module.css b/src/Stylesheets/Home.module.css index 95109c5..ba914fc 100644 --- a/src/Stylesheets/Home.module.css +++ b/src/Stylesheets/Home.module.css @@ -29,10 +29,12 @@ background-clip: text; -webkit-text-fill-color: transparent; font-family: 'Viga'; + text-align: center; } .p{ color: white; + text-align: center; font-size: 2rem; font-weight: 800; font-family: 'IBM Plex Mono'; diff --git a/src/Stylesheets/Root.css b/src/Stylesheets/Root.css index 2119d00..2b79252 100644 --- a/src/Stylesheets/Root.css +++ b/src/Stylesheets/Root.css @@ -17,6 +17,10 @@ --svggradient: rgba(0, 138, 198, 1), rgba(0, 224, 255, 1), rgba(5, 85, 240, 1); --dropshadows: 4px 7px 100px 0px rgba(3, 225, 255, 0.25); --bordercolor: #00FFFF; + --boxShadow: rgba(0, 255, 255, 0.4); + --scrollBar1: rgb(0, 239, 239); + --scrollBar2: rgb(0, 49, 49); + --scrollbar: linear-gradient(to top right, var(--scrollBar1), var(--scrollBar2));; --font:"Sora", sans-serif; } @@ -34,13 +38,13 @@ body { overflow-x: hidden; } -::-webkit-scrollbar{ +body::-webkit-scrollbar{ display: none; -webkit-appearance: none; } @media screen and (max-width: 432px){ - ::-webkit-scrollbar{ + body::-webkit-scrollbar{ display: none; -webkit-appearance: none; }