diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..0da2b47 Binary files /dev/null and b/.DS_Store differ diff --git a/Checkpoints/Checkpoint1/DesignerDrive.md b/Checkpoints/Checkpoint1/DesignerDrive.md new file mode 100644 index 0000000..48aa87d --- /dev/null +++ b/Checkpoints/Checkpoint1/DesignerDrive.md @@ -0,0 +1,55 @@ +## Team name +DesignerDrive +## Team members + +Chandra Prakash(Captain) +Naman Kulshreshta +Ravi +Shivam + +## Idea +Problem: +From ancient to Mughal and then to the modern age, India has witnessed diverse creative +skill culture among the public. These skills are passed down by ancestors to the +grandchildren. +But today’s scenario has been totally different for those who have profound skills and +creativity. They struggle hard to earn a bare minimum to feed their family. Neither of their +descendants wants to learn these skills. And guess what their talent got dead as their life. +These are just one case it takes another case of domestic violence victims living their life as +hell. They don’t have the freedom to follow their passion. These women have really great +creative skills which got confined to their dining table. +According to many studies students really want to learn these creative skills and not just the +creative skills but skills related to their very own field, like skills related to mechanical +engineering, Civil engineering. +Solution: +We gonna develop a website for the teacher(professionals that include mechanical +engineering industrial experts who want to teach, creative persons or artists, or cottage +industry owners) and the students who want to learn beyond their age barrier. +1. It’s very hard to get the time for industry experts to teach and it’s very difficult for the +cottage industry to structure the course due to a lack of knowledge of technology. We +gonna help them to design and structure courses they just have to teach that thing if they +want to do so. +2. We gonna cover all skills that can step up the living standard by any means be it +photography, graphic design, handicraft, art basic welding course for mechanical +engineering, etc. +3. On this website, anyone can learn any skill even if he/she is a teacher on this platform +which means it’s both ways you can be a teacher and a student too. +4. Students can attend live sessions or can learn from a recorded lecture. +5. The mentorship program and doubt-solving sessions. +6. There will be a certification of the courses to needed courses. +7. This website will include basic education for the women, illiterate people, and kids who +want to learn. We gonna show them these courses in groups. It will be very easy to +imagine for them. +8. There will fee-based certification process. +9. And fee wavier based on their performance for those who can’t afford the certification +fees. + +## Repository link +https://github.com/CPYADAVISHAL/Hackit-out + +## Any other relevant link + + + +https://user-images.githubusercontent.com/113765391/225942477-3a387d01-8c23-467d-a5c3-d9c779a08b28.mp4 + diff --git a/Checkpoints/Checkpoint1/Sample.md b/Checkpoints/Checkpoint1/Sample.md deleted file mode 100644 index 764b17a..0000000 --- a/Checkpoints/Checkpoint1/Sample.md +++ /dev/null @@ -1,13 +0,0 @@ -## Team name -Fill team name here -## Team members -Fill team members name here - -## Idea -Fill idea here - -## Repository link - - -## Any other relevant link - diff --git a/KALAVERSE/.DS_Store b/KALAVERSE/.DS_Store new file mode 100644 index 0000000..15d0f98 Binary files /dev/null and b/KALAVERSE/.DS_Store differ diff --git a/KALAVERSE/Communication.html b/KALAVERSE/Communication.html new file mode 100644 index 0000000..4fb776d --- /dev/null +++ b/KALAVERSE/Communication.html @@ -0,0 +1,285 @@ + + + + + + + + + + + + + + + +
+ Engineering Courses +
+
+
+
+
+
+
+
+Briana Tozour
+
+Graphic Designer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Eliana Maia
+
+App Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+
+
+Briana Tozour
+
+Graphic Designer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Eliana Maia
+
+App Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+ + + + + + diff --git a/KALAVERSE/Pd.html b/KALAVERSE/Pd.html new file mode 100644 index 0000000..4fb776d --- /dev/null +++ b/KALAVERSE/Pd.html @@ -0,0 +1,285 @@ + + + + + + + + + + + + + + + +
+ Engineering Courses +
+
+
+
+
+
+
+
+Briana Tozour
+
+Graphic Designer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Eliana Maia
+
+App Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+
+
+Briana Tozour
+
+Graphic Designer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Eliana Maia
+
+App Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+ + + + + + diff --git a/KALAVERSE/courses.css b/KALAVERSE/courses.css new file mode 100644 index 0000000..93f1956 --- /dev/null +++ b/KALAVERSE/courses.css @@ -0,0 +1,81 @@ + + @import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap'); +.econtainer{ +margin:12%; +background-image: linear-gradient(to bottom right,white,rgb(210, 169, 255)); +} +.slider{ +max-width: 1100px; +display: flex; +} +.slider .card{ +flex: 1; +margin: 0 10px; +background: #fff; +} +.slider .card .img{ +height: 200px; +width: 100%; +} +.slider .card .img img{ +height: 100%; +width: 100%; +object-fit: cover; +} +.slider .card .content{ +padding: 10px 20px; +} +.slider1{ +max-width: 1100px; +display: flex; +} +.slider1 .card{ +flex: 1; +margin: 0 10px; +background: #fff; +} +.slider1 .card .img{ +height: 200px; +width: 100%; +} +.slider1 .card .img img{ +height: 100%; +width: 100%; +object-fit: cover; +} +.slider1 .card .content{ +padding: 10px 20px; +} +.card .content .title{ +font-size: 25px; +font-weight: 600; +} +.card .content .sub-title{ +font-size: 20px; +font-weight: 600; +color: #666af9; +line-height: 20px; +} +.card .content p{ +text-align: justify; +margin: 10px 0; +} +.card .content .btn{ +display: block; +text-align: left; +margin: 10px 0; +} +.card .content .btn button{ +background: #9c6dff; +color: #fff; +border: none; +outline: none; +font-size: 17px; +padding: 5px 8px; +border-radius: 5px; +cursor: pointer; +transition: 0.2s; +} +.card .content .btn button:hover{ +transform: scale(0.9); +} diff --git a/KALAVERSE/cp.txt b/KALAVERSE/cp.txt new file mode 100644 index 0000000..0b5d6ed --- /dev/null +++ b/KALAVERSE/cp.txt @@ -0,0 +1 @@ +hi diff --git a/KALAVERSE/creative.html b/KALAVERSE/creative.html new file mode 100644 index 0000000..4fb776d --- /dev/null +++ b/KALAVERSE/creative.html @@ -0,0 +1,285 @@ + + + + + + + + + + + + + + + +
+ Engineering Courses +
+
+
+
+
+
+
+
+Briana Tozour
+
+Graphic Designer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Eliana Maia
+
+App Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+
+
+Briana Tozour
+
+Graphic Designer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Eliana Maia
+
+App Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+ + + + + + diff --git a/KALAVERSE/engg.html b/KALAVERSE/engg.html new file mode 100644 index 0000000..4fb776d --- /dev/null +++ b/KALAVERSE/engg.html @@ -0,0 +1,285 @@ + + + + + + + + + + + + + + + +
+ Engineering Courses +
+
+
+
+
+
+
+
+Briana Tozour
+
+Graphic Designer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Eliana Maia
+
+App Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+
+
+Briana Tozour
+
+Graphic Designer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Pricilla Preez
+
+Web Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+
+
+
+Eliana Maia
+
+App Developer
+

+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

+
+ +
+
+
+
+
+ + + + + + diff --git a/KALAVERSE/login.css b/KALAVERSE/login.css new file mode 100644 index 0000000..883a4e9 --- /dev/null +++ b/KALAVERSE/login.css @@ -0,0 +1,174 @@ + @import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap'); + +.loginmain{ + display: grid; + height: 100vh; + width: 100vw; + place-items: center; + background: -webkit-linear-gradient(left, #a445b2, #fa4299); + +} +.wrapper{ + overflow: hidden; + max-width: 390px; + background: #fff; + padding: 30px; + border-radius: 5px; + box-shadow: 0px 15px 20px rgba(0,0,0,0.1); +} +.wrapper .title-text{ + display: flex; + width: 200%; +} +.wrapper .title{ + width: 50%; + font-size: 35px; + font-weight: 600; + text-align: center; + transition: all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55); +} +.wrapper .slide-controls{ + position: relative; + display: flex; + height: 50px; + width: 100%; + overflow: hidden; + margin: 30px 0 10px 0; + justify-content: space-between; + border: 1px solid lightgrey; + border-radius: 5px; +} +.slide-controls .slide{ + height: 100%; + width: 100%; + color: #fff; + font-size: 18px; + font-weight: 500; + text-align: center; + line-height: 48px; + cursor: pointer; + z-index: 1; + transition: all 0.6s ease; +} +.slide-controls label.signup{ + color: #000; +} +.slide-controls .slider-tab{ + position: absolute; + height: 100%; + width: 50%; + left: 0; + z-index: 0; + border-radius: 5px; + background: -webkit-linear-gradient(left, #a445b2, #fa4299); + transition: all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55); +} +input[type="radio"]{ + display: none; +} +#signup:checked ~ .slider-tab{ + left: 50%; +} +#signup:checked ~ label.signup{ + color: #fff; + cursor: default; + user-select: none; +} +#signup:checked ~ label.login{ + color: #000; +} +#login:checked ~ label.signup{ + color: #000; +} +#login:checked ~ label.login{ + cursor: default; + user-select: none; +} +.wrapper .form-container{ + width: 100%; + overflow: hidden; +} +.form-container .form-inner{ + display: flex; + width: 200%; +} +.form-container .form-inner form{ + width: 50%; + transition: all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55) ; +} +.form-inner form .field{ + height: 50px; + width: 100%; + margin-top: 20px; +} +.form-inner form .field input{ + height: 100%; + width: 100%; + outline: none; + padding-left: 15px; + border-radius: 5px; + border: 1px solid lightgrey; + border-bottom-width: 2px; + font-size: 17px; + transition: all 0.3s ease; +} +.form-inner form .field input:focus{ + border-color: #fc83bb; + /* box-shadow: inset 0 0 3px #fb6aae; */ +} +.form-inner form .field input::placeholder{ + color: #999; + transition: all 0.3s ease; +} +form .field input:focus::placeholder{ + color: #b3b3b3; +} +.form-inner form .pass-link{ + margin-top: 5px; +} +.form-inner form .signup-link{ + text-align: center; + margin-top: 30px; +} +.form-inner form .pass-link a, +.form-inner form .signup-link a{ + color: #fa4299; + text-decoration: none; +} +.form-inner form .pass-link a:hover, +.form-inner form .signup-link a:hover{ + text-decoration: underline; +} +form .btn{ + height: 50px; + width: 100%; + border-radius: 5px; + position: relative; + overflow: hidden; +} +form .btn .btn-layer{ + height: 100%; + width: 300%; + position: absolute; + left: -100%; + background: -webkit-linear-gradient(right, #a445b2, #fa4299, #a445b2, #fa4299); + border-radius: 5px; + transition: all 0.4s ease;; +} +form .btn:hover .btn-layer{ + left: 0; +} +form .btn input[type="submit"]{ + height: 100%; + width: 100%; + z-index: 1; + position: relative; + background: none; + border: none; + color: #fff; + padding-left: 0; + border-radius: 5px; + font-size: 20px; + font-weight: 500; + cursor: pointer; +} diff --git a/KALAVERSE/login.html b/KALAVERSE/login.html new file mode 100644 index 0000000..57519c0 --- /dev/null +++ b/KALAVERSE/login.html @@ -0,0 +1,134 @@ + + + + + + + Document + + + +
+
+
+ + +
+
+
+ + + + +
+
+
+ + +
+
+
+
+ + + + diff --git a/KALAVERSE/logo1.png b/KALAVERSE/logo1.png new file mode 100644 index 0000000..990e044 Binary files /dev/null and b/KALAVERSE/logo1.png differ diff --git a/KALAVERSE/main.css b/KALAVERSE/main.css new file mode 100644 index 0000000..c349dec --- /dev/null +++ b/KALAVERSE/main.css @@ -0,0 +1,191 @@ +.navbar{ + display: flex; + flex-direction: row; + /* position: relative; + top: 20px; */ +} +.logoAndName{ + width: 100px; + height: 40px; + /* border: 2px solid red; */ + position: relative; + /* top: 20px; */ + left: 90px; +} +.logoAndName img{ + width: 150px; +} +.searchBar img{ + width: 25px; + height: 25px; + position: relative; + top: 9px; + left: 35px; + z-index: 1; +} +#SearchBar{ + width: 1000px; + height: 40px; + border-radius: 76px; + position: relative; + /* top: 20px; */ + /* border: 2px solid red; */ +} + +.LoginOrRegister{ + width: 100px; + height: 40px; + /* border: 2px solid red; */ + position: relative; + /* top: 20px; */ + right: 100px; +} +#loginBtn{ + background-color: rgb(226, 84, 226); + border-radius: 76px; +} +.courses{ + width: 100%; + height: 40px; + /* border: 2px solid red; */ + /* position: relative; + top: px; */ + display: flex; + justify-content: space-between; + padding:10px; + box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1), 0 0 0 2px rgb(255, 255, 255), + 0.3em 0.3em 1em rgba(0, 0, 0, 0.3); +} +#firstCourses{ + list-style: none; + position: relative; + left: 20px; +} +#firstCourses:hover{ + color: purple; +} +#secondCourses{ + list-style: none; +} +#secondCourses:hover{ + color: purple; +} +#thirdCourses{ + list-style: none; +} +#thirdCourses:hover{ + color: purple; +} +#fourthCourses{ + list-style: none; +} +#fourthCourses:hover{ + color: purple; +} +#fifthCourses{ + list-style: none; +} +#fifthCourses:hover{ + color: purple; +} +#sixthCourses{ + list-style: none; + position: relative; + right: 20px; +} +#sixthCourses:hover{ + color: purple; +} + + +.container{ + display:flex; +background-image: linear-gradient(to bottom right, rgb(203, 190, 255), rgb(255, 255, 255)); +margin: 0; +} +.text{ + color:rgb(0, 0, 0); + font-size:2rem; +; + padding-top:20%; + font-family: 'Inter', sans-serif; +} +.main{ +width:970px; +height: 800px; +/* height: 10px; */ +} +.container2{ + display:flex; + margin:1%; + border: 1px solid black; + +} +.trending{ + font-size:2rem; + color:rgb(190, 10, 40); + text-align: center; + font-weight: bolder; + } + + + + /* slider */ + /* slider */ + @import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap'); + + .slider{ + max-width: 1100px; + display: flex; + } + .slider .card{ + flex: 1; + margin: 10px; + background: #fff; + border-radius: 10px; + } + .slider .card .img{ + height: 200px; + width: 100%; + } + .slider .card .img img{ + height: 100%; + width: 100%; + object-fit: cover; + } + .slider .card .content{ + padding: 10px 20px; + } + .card .content .title{ + font-size: 25px; + font-weight: 600; + } + .card .content .sub-title{ + font-size: 20px; + font-weight: 600; + color: #666af9; + line-height: 20px; + } + .card .content p{ + text-align: justify; + margin: 10px 0; + } + .card .content .btn{ + display: block; + text-align: left; + margin: 10px 0; + } + .card .content .btn button{ + background: #9c6dff; + color: #fff; + border: none; + outline: none; + font-size: 17px; + padding: 5px 8px; + border-radius: 5px; + cursor: pointer; + transition: 0.2s; + } + .card .content .btn button:hover{ + transform: scale(0.9); + } \ No newline at end of file diff --git a/KALAVERSE/main.html b/KALAVERSE/main.html new file mode 100644 index 0000000..fa19c5d --- /dev/null +++ b/KALAVERSE/main.html @@ -0,0 +1,116 @@ + + + + + + + KV + + + + + + + + + + +
+
+
+ +
+
+ +
+
+ + + +
+
+
+
  • Communication
    • +
  • Management
    • +
  • Personality Development
    • +
  • Creative
    • +
  • Marketing
    • +
  • Engg. Skills
    • +
    +
    +
    + EMPOWERING LERANERS FOR +
    BRIGHT FUTURE
    +
    +
    +text +
    +
    +
    +
    Trending CDCDCourse
    +
    +
    +
    +
    +
    +
    +
    + Briana Tozour
    +
    + Graphic Designer
    +

    + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

    +
    + +
    +
    +
    +
    +
    +
    +
    +
    + Pricilla Preez
    +
    + Web Developer
    +

    + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

    +
    + +
    +
    +
    +
    +
    +
    +
    +
    + Eliana Maia
    +
    + App Developer
    +

    + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

    +
    + +
    +
    +
    +
    +
    +
    +
    + + + + + \ No newline at end of file diff --git a/KALAVERSE/main.png b/KALAVERSE/main.png new file mode 100644 index 0000000..29a6ca1 Binary files /dev/null and b/KALAVERSE/main.png differ diff --git a/KALAVERSE/slider.html b/KALAVERSE/slider.html new file mode 100644 index 0000000..568b7dd --- /dev/null +++ b/KALAVERSE/slider.html @@ -0,0 +1,132 @@ + + + + + + + + + + + + + + +
    +
    +
    +
    +
    +
    +Briana Tozour
    +
    +Graphic Designer
    +

    +Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

    +
    + +
    +
    +
    +
    +
    +
    +
    +
    +Pricilla Preez
    +
    +Web Developer
    +

    +Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

    +
    + +
    +
    +
    +
    +
    +
    +
    +
    +Eliana Maia
    +
    +App Developer
    +

    +Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit modi dolorem quis quae animi nihil minus sed unde voluptas cumque.

    +
    + +
    +
    +
    +
    + + + + + diff --git a/KALAVERSE/specific.css b/KALAVERSE/specific.css new file mode 100644 index 0000000..a9cd9bd --- /dev/null +++ b/KALAVERSE/specific.css @@ -0,0 +1,43 @@ +.shead{ + +} +.thead{ + +} +.vtmain{ + display:flex; + margin:10%; +} +.video{ + height:500px; + width: 700px; + border:2px solid black; + +} +.teacher{ + height:500px; + width: 400px; + border:2px solid black; + +} +.etmain{ + display:flex; + margin:10%; +} +.elib{ + height:500px; + width: 400px; + border:1px solid red; +} +.teachername{ + font-size:2rem; + height:500px; + width: 400px; + color:red; + border:1px solid green; + + +} +.sdash{ +font-size:2rem; +} \ No newline at end of file diff --git a/KALAVERSE/specific.html b/KALAVERSE/specific.html new file mode 100644 index 0000000..8823868 --- /dev/null +++ b/KALAVERSE/specific.html @@ -0,0 +1,27 @@ + + + + + + + + Document + + +
    Kla-Verse
    +
    Web Development
    +
    +
    +
    +
    +
    +
    + E-lib +
    +
    +hi +
    +
    +
    Dashboard
    + + \ No newline at end of file