diff --git a/src/components/pages/openSource.js b/src/components/pages/openSource.js
index 3f45b15..35e73d0 100644
--- a/src/components/pages/openSource.js
+++ b/src/components/pages/openSource.js
@@ -1,109 +1,11 @@
-import "../styles/contact.css";
-import Customnav from "../layout/customnavbar";
-import {
- FaLinkedin,
- FaGithubSquare,
- FaTwitterSquare,
- FaYoutube,
- FaTelegram,
-} from "react-icons/fa";
-import useForm from "../hooks/useForm";
-import validator from "../utilities/validator";
-// import { Card } from "react-bootstrap";
-
-function Collaboration() {
+import '../styles/opensource.css'
+function Opensource() {
return (
-
- {/*
*/}
-
-
Contact Us
{" "}
-
-
-
-
Contact Information
{" "}
-
- {" "}
- Lorem ipsum dolor sit amet consectetur adipisicing
- elit.Aspernatur magnam quis autem inventore laboriosam dicta
- dolorem error ea, suscipit nobis ut, similique velit vitae
- explicabo.{" "}
-
{" "}
-
{" "}
-
{" "}
-
{" "}
-
{" "}
-
{" "}
-
{" "}
+
);
}
-export default Collaboration;
+export default Opensource;
diff --git a/src/components/styles/App.css b/src/components/styles/App.css
index fab2f2c..075b6c4 100644
--- a/src/components/styles/App.css
+++ b/src/components/styles/App.css
@@ -1,4 +1,4 @@
-.nav,
+ .nav,
.nav:hover {
color: inherit;
text-decoration: none;
@@ -15,6 +15,7 @@ a:hover {
.navs {
display: inline-flex;
z-index: 1;
+ background-color: #4a403a;
}
.fixed {
width: 100%;
@@ -23,7 +24,7 @@ a:hover {
left: 0;
z-index: 1;
transition: 0.3s ease-in-out;
- background-color: #01bfd9;
+ background-color: #4A403A ;
}
.row-custom {
@@ -69,5 +70,30 @@ a:hover {
font-size: 3rem;
z-index: 999;
cursor: pointer;
- color: #1cbdd6;
+ color: #FFC069;
}
+
+::-webkit-scrollbar {
+ width: 14px;
+}
+
+::-webkit-scrollbar-track {
+ background :rgba(32, 32, 32, 1);
+}
+
+::-webkit-scrollbar-thumb {
+ background: #696969;
+ border-radius: 8px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+ background-color: #7D7D7D;
+}
+
+@media(max-width:868px) {
+ .headings-logos-buttons{
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ }
+}
\ No newline at end of file
diff --git a/src/components/styles/Card.css b/src/components/styles/Card.css
index 1639a2c..637f227 100644
--- a/src/components/styles/Card.css
+++ b/src/components/styles/Card.css
@@ -58,11 +58,11 @@
outline: none;
color: white;
margin-top: 10px;
- background-color: #007cc7;
+ background-color: #FFC069;
padding: 4px 0;
border-radius: 30px;
transition: all 0.3s ease;
}
.card__btn:hover {
- background-color:#2097e0 ;
+ background-color:#FFC069 ;
}
diff --git a/src/components/styles/HackCard.css b/src/components/styles/HackCard.css
index 8a3306b..a154ba8 100644
--- a/src/components/styles/HackCard.css
+++ b/src/components/styles/HackCard.css
@@ -10,7 +10,7 @@
flex-direction: column;
transition: all 0.5s ease;
cursor: pointer;
- color: #fff;
+ color: #663F3F;
backdrop-filter: blur(25px);
}
.hackCard:hover {
@@ -73,6 +73,7 @@
font-size: small;
background-color: #12232e;
padding: 2px 4px;
+ color:white;
}
.hackCard p {
font-size: 0.9rem;
diff --git a/src/components/styles/Home.css b/src/components/styles/Home.css
index 630dafb..d42e4f3 100644
--- a/src/components/styles/Home.css
+++ b/src/components/styles/Home.css
@@ -7,7 +7,7 @@
background-repeat: no-repeat;
}
.Home{
- background-image: url("../../assets/Background\ 1.png");
+ background-image: url("../../assets/Blank\ Backgrounds\ 1.png");
}
.parent {
display: flex;
@@ -20,7 +20,8 @@
width: 735px;
}
.son__Para{
- color: #fff;
+ color: #663F3F;
+ ;
}
.son__Para h3{
font-size: 40px !important;
@@ -28,12 +29,12 @@
font-family: "Arial";
}
.son__Para h3 span{
- color: #1cbdd6;
+ color: #A45D5D;
font-family: "Raleway";
- font-size: 60px;
+ font-size: 80px;
}
.home__about{
- background-color: #12232E;
+ background-color: #FFC069;
width: 100%;
color: #fff;
padding: 2.3rem 4rem;
@@ -49,7 +50,7 @@
font-size: 40px;
}
.home__aboutInfo h3 span{
-color: #1cbdd6;
+color: #4A403A;
}
.home__aboutInfo p{
font-size: 20px;
@@ -91,7 +92,9 @@ text-transform: capitalize;
font-weight: 600;
}
.home__team{
- background-image: url('../../assets/Blank\ Backround\ 2.png');
+ background-image: url('../../assets/Blank\ Backround\ 5.png');
+
+ background-color: #663F3F;
padding: 3rem 4rem;
}
.home__team h3{
@@ -101,7 +104,7 @@ font-weight: 600;
font-size: 40px;
}
.home__team h3 span{
-color: #1cbdd6;
+color: #FFC069;
}
.home__teamCards{
display: flex;
diff --git a/src/components/styles/TeamCard.css b/src/components/styles/TeamCard.css
index cf2038d..6b0790f 100644
--- a/src/components/styles/TeamCard.css
+++ b/src/components/styles/TeamCard.css
@@ -1,37 +1,38 @@
-.teamCard{
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- border-radius: 15px;
- background-color: rgb(255, 255, 255);
- width: fit-content;
- margin: 0.6rem 0.6rem;
- padding: 15px 10px ;
- width: 150px;
- cursor: pointer;
- height: 200px;
+.teamCard {
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ border-radius: 15px;
+ background-color: rgb(255, 255, 255);
+ width: fit-content;
+ margin: 0.6rem 0.6rem;
+ padding: 15px 10px;
+ width: 150px;
+ cursor: pointer;
+ height: 200px;
+ word-break: break-word;
}
-.teamCard:hover img{
-transform: scale(1.05);
+.teamCard:hover img {
+ transform: scale(1.05);
}
-.teamCard img{
-width: 100px;
-height: 100px;
-border-radius: 50%;
-transition: all 0.3s ease;
+.teamCard img {
+ width: 100px;
+ height: 100px;
+ margin-left: 11%;
+ border-radius: 50%;
+ transition: all 0.3s ease;
}
-.teamCard h5{
-font-size: 1rem;
-text-align: center;
-margin-top:0.5rem ;
-margin-bottom: 0rem;
-font-weight: 700;
+.teamCard h5 {
+ font-size: 1rem;
+ text-align: center;
+ margin-top: 0.5rem;
+ margin-bottom: 0rem;
+ font-weight: 700;
+}
+.teamCard p {
+ font-size: 0.9rem;
+ text-align: center;
+ margin-top: 0.5rem;
+ margin-bottom: 0rem;
+ font-weight: 700;
}
-.teamCard p{
-font-size: 0.9rem;
-text-align: center;
-margin-top:0.5rem ;
-margin-bottom: 0rem;
-font-weight: 700;
-}
\ No newline at end of file
diff --git a/src/components/styles/contact.css b/src/components/styles/contact.css
index 20e2da1..b396453 100644
--- a/src/components/styles/contact.css
+++ b/src/components/styles/contact.css
@@ -1,157 +1,199 @@
.contact {
- height: auto;
-}
-.contact__Packet{
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- padding: 5rem 5rem;
- position: relative;
- width: 100%;
- position: relative;
-}
-.contact__Packet::after{
- position: absolute;
- content: '';
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- width: 100%;
- background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0));
- background-size: cover;
- z-index: -1;
-}
-.contact__Packet h1{
- margin: 0.8rem 0;
- font-weight: bold;
- color: rgb(0, 0, 0);
-}
-.contact__container{
- display: flex;
- padding: 10px;
- border-radius: 15px;
- height: auto;
- backdrop-filter: blur(7px);
- border: 1px solid rgba(226, 225, 225, 0.568);
- box-shadow: -10px 9px 12px 0px rgba(0,0,0,0.75);
--webkit-box-shadow: -10px 9px 12px 0px rgba(0,0,0,0.75);
--moz-box-shadow: -10px 9px 12px 0px rgba(0,0,0,0.75);
-}
-.contactContainer__left{
- color: #fafafa;
- background-color: #01BFD9;
- flex: 0 1 40%;
- padding: 30px;
- border-radius: 10px;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
-}
-.contactContainer__left h4{
- font-size: 2rem;
- font-weight: 700;
-}
-.contactContainer__left p{
- font-size: 0.9rem;
- font-weight: 400;
-}
-.contactContainer__leftIcon{
- padding: 0 0.4rem !important;
-}
-.contact__icon{
- color: #fafafa;
-}
-form{
- padding: 25px;
- width: 80%;
-}
-.form__first{
- display: flex;
- flex: 0 0 100%;
- width: 100%;
-}
-.form__first-group{
- display: flex;
- flex-direction: column;
- padding-right:40px ;
- flex: 0 1 100%;
- margin-bottom: 20px;
-}
-.form__first-group label{
-font-size: 1rem;
-font-weight: 500;
-color:black;
-}
-.form__first-group input , .form__first-group textarea{
- background: transparent;
- border: none;
- padding: 8px;
- border-bottom: 2px solid rgba(124, 122, 122, 0.493);
- outline: none;
- font-size: 1rem;
- font-weight: 400;
- cursor: pointer;
- color: rgb(0, 0, 0);
- transition: all 0.4s ease;
-}
-.form__first-group input:hover{
- border-bottom: 2px solid #01BFD9;
-}
-.form__first-group textarea:hover{
- border-bottom: 2px solid #01BFD9;
-}
-.form__first-group input:focus{
- border-bottom: 2px solid #01BFD9;
-}
-.form__first-group textarea:focus{
- border-bottom: 2px solid #01BFD9;
-}
-.form__first-group p{
- color: red;
- margin-bottom: 0;
-}
-.form__btn{
- background-color: #01BFD9;
- color: white;
- padding: 6px 30px;
- font-size: 1rem;
- font-weight: 600;
- border: none;
- outline: none;
- margin-left: auto;
- transition: all 0.3s ease;
-}
-.form__btn:hover{
- transform: scale(1.05);
-}
-
-@media(max-width:900px){
- .contactContainer__leftIcon{
- padding: 0 0.3rem !important;
- }
-}
-@media(max-width:760px){
- .contact__container{
- flex-direction: column;
- }
-}
-@media(max-width:550px){
- .form__first{
- flex-direction: column;
- }
- .contact__container{
- width: 350px;
- }
-form{
- width: 100%;
- padding: 20px 5px;
-}
-.contact__Packet h1{
-font-size: 2rem;
-}
-.contact__Packet::after{
- background-position: center;
+ height: auto;
}
+
+.contact__Packet {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ padding: 5rem 5rem;
+ position: relative;
+ width: 100%;
+ position: relative;
+}
+
+.contact__Packet::after {
+ position: absolute;
+ content: '';
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ width: 100%;
+ background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
+ background-size: cover;
+ z-index: -1;
+}
+
+.contact__Packet h1 {
+ margin: 0.8rem 0;
+ font-weight: bold;
+ color: #663F3F;
+}
+
+.contact__container {
+ display: flex;
+ padding: 10px;
+ border-radius: 15px;
+ height: auto;
+ backdrop-filter: blur(7px);
+ background-color: #4A403A;
+ border: 1px solid rgba(226, 225, 225, 0.568);
+ box-shadow: -10px 9px 12px 0px rgba(0, 0, 0, 0.75);
+ -webkit-box-shadow: -10px 9px 12px 0px rgba(0, 0, 0, 0.75);
+ -moz-box-shadow: -10px 9px 12px 0px rgba(0, 0, 0, 0.75);
+}
+
+.contactContainer__left {
+ color: #4A403A;
+ background-color: #EFEFEF;
+ flex: 0 1 40%;
+ padding: 30px;
+ border-radius: 10px;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+}
+
+.contactContainer__left h4 {
+ font-size: 2rem;
+ font-weight: 700;
+}
+
+.contactContainer__left p {
+ font-size: 0.9rem;
+ font-weight: 400;
+}
+
+.contactContainer__leftIcon {
+ padding: 0 0.4rem !important;
+}
+
+.contact__icon {
+ color: #fafafa;
+}
+
+.id {
+ margin: 10px 80px 10px 12px;
+}
+
+.id1 {
+ margin: 10px -30px 10px -69px;
+}
+
+.id3 {
+ margin: -90px 10px -91px 42px;
+}
+
+.id2 {
+ margin: 5px -100px 5px 5px;
+}
+
+form {
+ padding: 25px;
+ width: 80%;
+}
+
+.form__first {
+ display: flex;
+ flex: 0 0 100%;
+ width: 100%;
+ background-color: #4A403A;
+}
+
+.form__first-group {
+ display: flex;
+ flex-direction: column;
+ padding-right: 40px;
+ flex: 0 1 100%;
+ margin-bottom: 20px;
+}
+
+.form__first-group label {
+ font-size: 1rem;
+ font-weight: 500;
+ color: #FFFFFF;
+}
+
+.form__first-group input,
+.form__first-group textarea {
+ background: transparent;
+ border: none;
+ padding: 8px;
+ border-bottom: 2px solid rgba(124, 122, 122, 0.493);
+ outline: none;
+ font-size: 1rem;
+ font-weight: 400;
+ cursor: pointer;
+ color: #FFFFFF;
+ transition: all 0.4s ease;
+}
+
+.form__first-group input:hover {
+ border-bottom: 2px solid #FFC069;
+}
+
+.form__first-group textarea:hover {
+ border-bottom: 2px solid #FFC069;
+}
+
+.form__first-group input:focus {
+ border-bottom: 2px solid #FFC069;
+}
+
+.form__first-group textarea:focus {
+ border-bottom: 2px solid #FFC069;
+}
+
+.form__first-group p {
+ color: red;
+ margin-bottom: 0;
+}
+
+.form__btn {
+ background-color: #FFC069;
+ color: white;
+ padding: 6px 30px;
+ font-size: 1rem;
+ font-weight: 600;
+ border: none;
+ outline: none;
+ margin-left: auto;
+ transition: all 0.3s ease;
+}
+
+.form__btn:hover {
+ transform: scale(1.05);
+}
+
+@media(max-width:900px) {
+ .contactContainer__leftIcon {
+ padding: 0 0.3rem !important;
+ }
+}
+
+@media(max-width:760px) {
+ .contact__container {
+ flex-direction: column;
+ }
+}
+
+@media(max-width:550px) {
+ .form__first {
+ flex-direction: column;
+ }
+ .contact__container {
+ width: 350px;
+ }
+ form {
+ width: 100%;
+ padding: 20px 5px;
+ }
+ .contact__Packet h1 {
+ font-size: 2rem;
+ }
+ .contact__Packet::after {
+ background-position: center;
+ }
}
\ No newline at end of file
diff --git a/src/components/styles/customnav.css b/src/components/styles/customnav.css
index 9f43ac1..c48e146 100644
--- a/src/components/styles/customnav.css
+++ b/src/components/styles/customnav.css
@@ -3,6 +3,8 @@
0%, rgb(62, 105, 170) 100%);
}
+
+
.navs .navbar-link-css {
color: #fff;
padding-left: 2vh;
@@ -10,6 +12,13 @@
}
.navbar-link-css:hover{
color: rgb(165, 131, 131);
+ background: #12232e;
+ content: '.';
+}
+.navbar-link-css,
+.navbar-link-css:after,
+.navbar-link-css:before {
+ transition: all .5s;
}
.headings-logos-buttons .nav-dynamic-button {
@@ -17,6 +26,8 @@
margin: 5px;
}
+
+
@media (max-width: 1308px) {
.navs .navbar-link-css {
padding-left: 2vh;
@@ -49,7 +60,7 @@
}
}
-@media (max-width: 685px) {
+@media (max-width: 868px) {
.navs {
display: none;
}
@@ -65,8 +76,8 @@
height: 250px;
max-height: 250px;
width: 100%;
- background-color: #01bfd9;
display: flex;
+ border-top: 1.5px solid white;
flex-direction: column;
align-items: center;
z-index: 2;
@@ -75,4 +86,5 @@
.justify-content-between #hidden .navbar-link-css {
margin: 10px !important;
}
+
}
diff --git a/src/components/styles/event.css b/src/components/styles/event.css
index 00e1d30..9f6bd9b 100644
--- a/src/components/styles/event.css
+++ b/src/components/styles/event.css
@@ -6,7 +6,7 @@
height: auto;
background-position: center;
background-repeat: no-repeat;
- background-image: url("../../assets/Blank\ Background\ 3.png");
+ background-image: url("../../assets/Blank\ Backround\ 4.png");
/* overflow: hidden; */
}
.events__home2{
@@ -17,7 +17,8 @@
height: auto;
background-position: center;
background-repeat: no-repeat;
- background-image: url("../../assets/Blank\ Background\ 4.png");
+ background-color: #4A403A;
+ /* background-image: url("../../assets/Blank\ Backgrounds\ 1.png"); */
}
.events__cardOutline {
display: flex;
@@ -26,7 +27,7 @@
flex-direction: column;
}
.events__upcomingCard {
- background: linear-gradient(to right, #2a84d2ab, #2b304670, #17212c9c);
+ background: linear-gradient(to right, #663F3F, #2b304670, #17212c9c);
display: flex;
padding: 20px;
width: 800px;
@@ -61,7 +62,7 @@
right: 10px;
border: none;
border-radius: 25px;
- background-color: #007cc7;
+ background-color: #A45D5D;
color: #fff;
font-size: medium;
outline: none;
@@ -98,7 +99,7 @@
.event__info{
display: flex;
align-items: center;
- width: 800px;
+ width : 880px;
margin: auto;
margin-top: 3rem;
overflow: hidden;
@@ -106,11 +107,11 @@
.event__infoSvg img{
width: 350px;
height: 350px;
+ margin-bottom: 10px;
}
.event__infoText{
text-align: center;
- margin-top: 40px;
- color: #fff;
+ color: #000;
}
.event__infoText h3{
font-size: 1.35rem;
@@ -161,14 +162,14 @@ outline-width: 0;
.paginateBtn a{
padding: 10px;
margin: 2px;
- border: 1px solid #007cc7;
+ border: 1px solid #FFC069;
cursor: pointer;
color: black;
background-color: white;
text-decoration: none !important;
}
.paginateBtn a:hover{
- background-color: #007cc7;
+ background-color: #FFC069;
color: white;
}
diff --git a/src/components/styles/footer.css b/src/components/styles/footer.css
index ad0db9e..8a104ee 100644
--- a/src/components/styles/footer.css
+++ b/src/components/styles/footer.css
@@ -23,11 +23,13 @@ footer .container {
flex-direction: column;
align-items: flex-start;
}
+.footer-link-group a{
+ margin: 3px;
+}
.footer-link-group a:last-child {
- background-color: var(--dark);
- color: #edfbfb !important;
border-radius: 5px;
padding: 0 5px;
+ border : 1px solid black;
}
.footer-logo {
display: flex;
@@ -71,3 +73,40 @@ footer .container {
align-items: center;
}
}
+
+.footer-link-group a {
+ position: relative;
+ color: #000;
+ text-decoration: none;
+}
+
+.footer-link-group a:hover {
+ color: #000;
+ text-decoration: none;
+}
+
+.footer-link-group a::before {
+ content: "";
+ position: absolute;
+ display: block;
+ width: 100%;
+ height: 1.75px;
+ bottom: 0;
+ left: 0;
+ background-color: #000;
+ transform: scaleX(0);
+ transition: transform 0.3s ease;
+}
+
+.footer-link-group a:hover::before {
+ transform: scaleX(1);
+}
+
+.social-media-links > h3,
+.other-links > h3 ,.footer-link-group > h3 {
+ background-color: var(--dark);
+ color: #edfbfb !important;
+ border-radius: 5px;
+ padding: 0 5px;
+ text-decoration: none;
+}
diff --git a/src/components/styles/hackathon.css b/src/components/styles/hackathon.css
index f5fed34..88bf972 100644
--- a/src/components/styles/hackathon.css
+++ b/src/components/styles/hackathon.css
@@ -7,7 +7,8 @@
height: 100%;
overflow: hidden;
background-repeat: no-repeat;
- background-image: url("../../assets/Blank\ Backround\ 2.png");
+ /* background-image: url("../../assets/Blank\ Backround\ 5.png"); */
+
}
.hackathon__cards{
@@ -28,7 +29,7 @@
cursor: pointer;
}
.hackathon__select option{
- color: #007CC7;
+ color: #663F3F;
background-color: #12232E;
font-weight: 600;
}
diff --git a/src/components/styles/opensource.css b/src/components/styles/opensource.css
new file mode 100644
index 0000000..9e508d0
--- /dev/null
+++ b/src/components/styles/opensource.css
@@ -0,0 +1,7 @@
+.opensource{
+ height: 100vh;
+ width: 100vw;
+ align-content: center;
+ text-justify: auto;
+ text-align: center;
+}
\ No newline at end of file
diff --git a/src/components/styles/testimonials.css b/src/components/styles/testimonials.css
index a43bb84..89ca565 100644
--- a/src/components/styles/testimonials.css
+++ b/src/components/styles/testimonials.css
@@ -1,10 +1,10 @@
#testimonials {
- background-color: #12232d;
+ background-color: #fff;
padding: 1rem;
}
#testimonials h1 {
- color: #edfbfb;
+ color: #FFC069;
text-align: center;
}
.testimonial-wrapper {
@@ -13,7 +13,7 @@
position: relative;
}
.tesimonial-item {
- background-color: #fff;
+ background-color: rgb(221, 217, 217);
border-radius: 20px;
padding: 1rem;
display: flex;
@@ -23,7 +23,7 @@
transition: all 0.3s ease-in;
}
.tesimonial-item:hover{
- background-color: #3abfd3;
+ background-color: #4A403A;
color: white;
}
.tesimonial-item:hover .quote-icon{
@@ -37,7 +37,7 @@
}
.testimonial-left .quote-icon {
font-size: 3rem;
- color: #1CBDD6;
+ color: #4A403A;
}
.testimonial-left img {
border-radius: 50%;
diff --git a/src/components/utilities/ButtonStyles.js b/src/components/utilities/ButtonStyles.js
index e321c8a..3e96534 100644
--- a/src/components/utilities/ButtonStyles.js
+++ b/src/components/utilities/ButtonStyles.js
@@ -12,5 +12,5 @@ height: 20px;
font-size: 3rem;
z-index: 999;
cursor: pointer;
-color: #1CBDD6;
+color: #4A403A;
`
diff --git a/src/components/utilities/Testimonial.js b/src/components/utilities/Testimonial.js
index ac62fd3..1c64774 100644
--- a/src/components/utilities/Testimonial.js
+++ b/src/components/utilities/Testimonial.js
@@ -5,7 +5,7 @@ const Testimonial = ({ name, body, email }) => {
-
+
{body}
diff --git a/src/components/utilities/Testimonials.js b/src/components/utilities/Testimonials.js
index 759ec65..86379d4 100644
--- a/src/components/utilities/Testimonials.js
+++ b/src/components/utilities/Testimonials.js
@@ -15,7 +15,7 @@ const Testimonials = () => {
return (
- Our Testimonials
+ Our Testimonials
{isLoading ? (
Loading...
diff --git a/src/components/utilities/progressbar.js b/src/components/utilities/progressbar.js
index 0a647d4..75b6607 100644
--- a/src/components/utilities/progressbar.js
+++ b/src/components/utilities/progressbar.js
@@ -4,11 +4,8 @@ import useStorage from "../hooks/useStorage";
import { ProgressBar } from "react-bootstrap";
const ProBar = ({
file,
- setFile,
heading,
description,
- setHeading,
- setDescription,
}) => {
const { url, progress } = useStorage(file, heading, description);
console.log(progress, url);
diff --git a/src/index.css b/src/index.css
index e69de29..da95ea1 100644
--- a/src/index.css
+++ b/src/index.css
@@ -0,0 +1,9 @@
+#loading{
+ position:fixed;
+ width:100%;
+ height:100vh;
+ background: #fff
+ url('https://wpdaddy.com/wp-content/uploads/2019/05/atom-animation-loader.gif')
+ no-repeat center;
+ z-index : 99999;
+}
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
index 1cfd804..fe5daec 100644
--- a/src/index.js
+++ b/src/index.js
@@ -4,9 +4,12 @@ import "./index.css";
import App from "./components/App";
import "bootstrap/dist/css/bootstrap.min.css";
-ReactDOM.render(
-
-
- ,
- document.getElementById("root")
-);
+
+ReactDOM.render( <
+ React.StrictMode >
+ <
+ App / >
+ <
+ /React.StrictMode>,
+ document.getElementById("root")
+);
\ No newline at end of file