diff --git a/Priya Gupta/Screenshot 2024-02-10 164354.png b/Priya Gupta/Screenshot 2024-02-10 164354.png new file mode 100644 index 00000000..3c508d6c Binary files /dev/null and b/Priya Gupta/Screenshot 2024-02-10 164354.png differ diff --git a/Priya Gupta/Screenshot 2024-02-10 165612.png b/Priya Gupta/Screenshot 2024-02-10 165612.png new file mode 100644 index 00000000..24614aca Binary files /dev/null and b/Priya Gupta/Screenshot 2024-02-10 165612.png differ diff --git a/Priya Gupta/Screenshot 2024-02-10 171341.png b/Priya Gupta/Screenshot 2024-02-10 171341.png new file mode 100644 index 00000000..2c1f65bf Binary files /dev/null and b/Priya Gupta/Screenshot 2024-02-10 171341.png differ diff --git a/Priya Gupta/Screenshot 2024-02-10 183957.png b/Priya Gupta/Screenshot 2024-02-10 183957.png new file mode 100644 index 00000000..622a9e14 Binary files /dev/null and b/Priya Gupta/Screenshot 2024-02-10 183957.png differ diff --git a/Priya Gupta/aiml.jpg b/Priya Gupta/aiml.jpg new file mode 100644 index 00000000..a611ce16 Binary files /dev/null and b/Priya Gupta/aiml.jpg differ diff --git a/Priya Gupta/back.png b/Priya Gupta/back.png new file mode 100644 index 00000000..8f4875e6 Binary files /dev/null and b/Priya Gupta/back.png differ diff --git a/Priya Gupta/bbps.jpg b/Priya Gupta/bbps.jpg new file mode 100644 index 00000000..a7569f07 Binary files /dev/null and b/Priya Gupta/bbps.jpg differ diff --git a/Priya Gupta/bootstrapcolor.png b/Priya Gupta/bootstrapcolor.png new file mode 100644 index 00000000..dfafc2c1 Binary files /dev/null and b/Priya Gupta/bootstrapcolor.png differ diff --git a/Priya Gupta/castor.jpg b/Priya Gupta/castor.jpg new file mode 100644 index 00000000..72dce4cd Binary files /dev/null and b/Priya Gupta/castor.jpg differ diff --git a/Priya Gupta/ccolor-removebg-preview.png b/Priya Gupta/ccolor-removebg-preview.png new file mode 100644 index 00000000..858e532b Binary files /dev/null and b/Priya Gupta/ccolor-removebg-preview.png differ diff --git a/Priya Gupta/certificate.png b/Priya Gupta/certificate.png new file mode 100644 index 00000000..bdd82d05 Binary files /dev/null and b/Priya Gupta/certificate.png differ diff --git a/Priya Gupta/cf.png b/Priya Gupta/cf.png new file mode 100644 index 00000000..a05528aa Binary files /dev/null and b/Priya Gupta/cf.png differ diff --git a/Priya Gupta/cohort1.jpg b/Priya Gupta/cohort1.jpg new file mode 100644 index 00000000..65e86203 Binary files /dev/null and b/Priya Gupta/cohort1.jpg differ diff --git a/Priya Gupta/cohort2.jpg b/Priya Gupta/cohort2.jpg new file mode 100644 index 00000000..de7de34e Binary files /dev/null and b/Priya Gupta/cohort2.jpg differ diff --git a/Priya Gupta/cppcolor-removebg-preview.png b/Priya Gupta/cppcolor-removebg-preview.png new file mode 100644 index 00000000..9f4829a8 Binary files /dev/null and b/Priya Gupta/cppcolor-removebg-preview.png differ diff --git a/Priya Gupta/css-removebg-preview.png b/Priya Gupta/css-removebg-preview.png new file mode 100644 index 00000000..6a944bb4 Binary files /dev/null and b/Priya Gupta/css-removebg-preview.png differ diff --git a/Priya Gupta/csscolor.png b/Priya Gupta/csscolor.png new file mode 100644 index 00000000..63b73656 Binary files /dev/null and b/Priya Gupta/csscolor.png differ diff --git a/Priya Gupta/dbmscolor-removebg-preview.png b/Priya Gupta/dbmscolor-removebg-preview.png new file mode 100644 index 00000000..3bab2de1 Binary files /dev/null and b/Priya Gupta/dbmscolor-removebg-preview.png differ diff --git a/Priya Gupta/dps.png b/Priya Gupta/dps.png new file mode 100644 index 00000000..fd21a4b9 Binary files /dev/null and b/Priya Gupta/dps.png differ diff --git a/Priya Gupta/dps.webp b/Priya Gupta/dps.webp new file mode 100644 index 00000000..44f48092 Binary files /dev/null and b/Priya Gupta/dps.webp differ diff --git a/Priya Gupta/git-removebg-preview.png b/Priya Gupta/git-removebg-preview.png new file mode 100644 index 00000000..c5a20547 Binary files /dev/null and b/Priya Gupta/git-removebg-preview.png differ diff --git a/Priya Gupta/git.png b/Priya Gupta/git.png new file mode 100644 index 00000000..cb9f90ad Binary files /dev/null and b/Priya Gupta/git.png differ diff --git a/Priya Gupta/gitcolor.png b/Priya Gupta/gitcolor.png new file mode 100644 index 00000000..51f4ae54 Binary files /dev/null and b/Priya Gupta/gitcolor.png differ diff --git a/Priya Gupta/githubcolor.png b/Priya Gupta/githubcolor.png new file mode 100644 index 00000000..e7605b02 Binary files /dev/null and b/Priya Gupta/githubcolor.png differ diff --git a/Priya Gupta/gmail.png b/Priya Gupta/gmail.png new file mode 100644 index 00000000..84ab26bc Binary files /dev/null and b/Priya Gupta/gmail.png differ diff --git a/Priya Gupta/half adder.jpg b/Priya Gupta/half adder.jpg new file mode 100644 index 00000000..e157da25 Binary files /dev/null and b/Priya Gupta/half adder.jpg differ diff --git a/Priya Gupta/hamburger.webp b/Priya Gupta/hamburger.webp new file mode 100644 index 00000000..f4eb5484 Binary files /dev/null and b/Priya Gupta/hamburger.webp differ diff --git a/Priya Gupta/html-removebg-preview.png b/Priya Gupta/html-removebg-preview.png new file mode 100644 index 00000000..33c21fb9 Binary files /dev/null and b/Priya Gupta/html-removebg-preview.png differ diff --git a/Priya Gupta/htmlcolor.webp b/Priya Gupta/htmlcolor.webp new file mode 100644 index 00000000..a4c5c0a5 Binary files /dev/null and b/Priya Gupta/htmlcolor.webp differ diff --git a/Priya Gupta/igdtuw.jpg b/Priya Gupta/igdtuw.jpg new file mode 100644 index 00000000..d632814a Binary files /dev/null and b/Priya Gupta/igdtuw.jpg differ diff --git a/Priya Gupta/imageedit_11_9280652411-removebg-preview.png b/Priya Gupta/imageedit_11_9280652411-removebg-preview.png new file mode 100644 index 00000000..af435333 Binary files /dev/null and b/Priya Gupta/imageedit_11_9280652411-removebg-preview.png differ diff --git a/Priya Gupta/imageedit_1_7414468131.png b/Priya Gupta/imageedit_1_7414468131.png new file mode 100644 index 00000000..e1854fe7 Binary files /dev/null and b/Priya Gupta/imageedit_1_7414468131.png differ diff --git a/Priya Gupta/imageedit_2_5438357752.png b/Priya Gupta/imageedit_2_5438357752.png new file mode 100644 index 00000000..5aab5de9 Binary files /dev/null and b/Priya Gupta/imageedit_2_5438357752.png differ diff --git a/Priya Gupta/imageedit_3_2117140338.png b/Priya Gupta/imageedit_3_2117140338.png new file mode 100644 index 00000000..cf501d1a Binary files /dev/null and b/Priya Gupta/imageedit_3_2117140338.png differ diff --git a/Priya Gupta/imageedit_4_2861211730.png b/Priya Gupta/imageedit_4_2861211730.png new file mode 100644 index 00000000..f38a553e Binary files /dev/null and b/Priya Gupta/imageedit_4_2861211730.png differ diff --git a/Priya Gupta/imageedit_5_7672339988.png b/Priya Gupta/imageedit_5_7672339988.png new file mode 100644 index 00000000..5d862360 Binary files /dev/null and b/Priya Gupta/imageedit_5_7672339988.png differ diff --git a/Priya Gupta/imageedit_6_7874806587.png b/Priya Gupta/imageedit_6_7874806587.png new file mode 100644 index 00000000..5cdb0661 Binary files /dev/null and b/Priya Gupta/imageedit_6_7874806587.png differ diff --git a/Priya Gupta/imageedit_7_3123311663.png b/Priya Gupta/imageedit_7_3123311663.png new file mode 100644 index 00000000..8dcc5c5b Binary files /dev/null and b/Priya Gupta/imageedit_7_3123311663.png differ diff --git a/Priya Gupta/index.html b/Priya Gupta/index.html new file mode 100644 index 00000000..7f0a0856 --- /dev/null +++ b/Priya Gupta/index.html @@ -0,0 +1,337 @@ + + + + + + + + + + + + + + Document + + +
+ +
+
+ + +
+
+
+
+

Hello, I am

+

Priya Gupta

+

I'm a passionate computer science student at Indira Gandhi Delhi Technical University for Women, + an enthusiast for technology and a passionate learner. My interests lie in web + development, artificial intelligence, and competitive programming. As a Microsoft Learn Student + Ambassador (Alpha MLSA) and a DSA mentor at Protege IGDTUW, I'm driven to empower + others with technical knowledge. + I'm learning Data Structures & Algorithms in C++. + I want to unlock opportunities that provide me with invaluable industry exposure and the chance to + translate my theoretical knowledge into practical experience. +

+ +
+ + + + + linkedin-icon + + + gmail-icon + + + + +
+
+
+
+ html-icon +
+
+ css-icon +
+
+ cpp-icon +
+
+ github-icon +
+
+ python-icon +
+
+ git-icon +
+
+ leetcode-icon +
+
+ jupyter-icon +
+
+ postman-icon +
+
+
+ + +
+

Education

+
+
+
+
+
+ igdtuw-icon +
+ Indira Gandhi Delhi Technical University for Women +
+

CGPA: 9.31
I am pursuing Computer Science & Engineering. I am an active member of + various socities like Microsoft Student Chapter, ARC, etc. I have also been a part of rotaract club.

+
+
+
+
+ dps-icon +
+ Delhi Public School, Siddharth Vihar, Ghaziabad +
+

12th Percentage: 97.4%
I had subjects : Phyiscs, Chemistry, Mathematics, Informatics Practices & + English. I secured first position in school in 12th CBSE board examination and also secured a score of 100 + in Mathematics.

+
+
+
+
+ bbps-icon +
+ Bal Bharti Public School, Brij Vihar, Ghaziabad +
+

10th Percentage: 96.6%
Secured second position in school in 10th CBSE board examination and subject + topper in Scince. + Vice President of Nature Club for 2019-2020. Class prefect for + 2017-2018. Active basketball and hockey player.

+
+
+
+ + + +
+

Projects

+
+
+
+ + project-icon +
+

Diabetes Prediction using linear regression

+
+
+
+ project-icon +
+

Footstep Detection using MFCC (group project)

+
+
+
+ + project-icon +
+ +

Blog Webpage using HTML & CSS

+
+
+
+ + project-icon +
+

Portfolio webpage using HTML & CSS

+
+
+
+ +
+

Skills

+
+
+ html-icon + HTML +
+
+ css-icon + CSS +
+
+ js-icon + JAVASCRIPT +
+
+ python-icon + PYTHON +
+
+ c-icon +
+ C LANGUAGE +
+
+ bootstrap-icon + BOOTSTRAP +
+
+ dbms-icon + DBMS +
+
+ cpp-icon + C++ LANGUAGE +
+
+ tailwind-icon + TAILWIND +
+
+ git-icon + GIT +
+
+ github-icon + GITHUB +
+
+
+ +
+

Acheivements

+
+
+

Selected as an MLSA

+
I was accepted into the Microsoft Learn Student Ambassadors Program (MLSA). + As a passionate tech enthusiast, this is a wonderful opportunity for me to connect with like-minded + individuals and contribute to the MLSA community's goals. I will have the privilege to engage in initiatives + that empower developers.
+
+
+

Selected among Top 20 Contributor in SWOC

+
SnowScript Winter of Code was a 1-month open-source contribution event organized by Google + Developer Student Clubs (GDSC) IGDTUW. It provided an opportunity to delve deeper into the world of tech and contribute to 3 + repositories: portfolio creations, LeetCode, and YouTube transcripts. + I was chosen among the top 20 contributors out of 300+ participants. +
+
+
+

Winner of Castor 2023 Hackathon

+
Castor 2023 was a 48-hour online hackathon organized by Celestial Biscuit + IGDTUW where our team Gigabytes has won the first position with 800+ registrations for the no-code development track. + This was a great learning experience for us and I got the opportunity to present ourselves in front of the judges. + We worked on a web application which provides the perfect solution to all the problems that the society heads + face while recruiting for the society. This prototype was developed using bubble.io +
+
+
+

Top 5 in Pollux 2023

+
Pollux 2023 was a 48-hour online hackathon organized by Celestial Biscuit + IGDTUW where our team GigaBytes participated and we were selected as one of the top 5 teams out of 800+ + registrations. Our team ideated a solution that addressed + the challenge. This was based on the UX case study of a website that serves as a mediator between the + students and the latest technology by providing a platform to apply for research opportunities. We used Figma and + canva.
+
+
+

DSA Mentor at Protege IGDTUW

+
+ Codesolstice is a mentorship program organized by Protege IGDTUW where I am a DSA mentor. I assist 2 mentees with + their programming related doubts in C++ language and topics like arrays, linedlists, stacks, queues, trees, etc. +
+
+
+
+ +
+
Certificates
+
+ back-button-icon +
+
+ certificate + certificate + certificate +
+
+ + certificate + certificate + certificate +
+
+ next-button-icon +
+
+ + +
+ + + + \ No newline at end of file diff --git a/Priya Gupta/instagram.webp b/Priya Gupta/instagram.webp new file mode 100644 index 00000000..36dcf451 Binary files /dev/null and b/Priya Gupta/instagram.webp differ diff --git a/Priya Gupta/jscolor-removebg-preview.png b/Priya Gupta/jscolor-removebg-preview.png new file mode 100644 index 00000000..937d1b5d Binary files /dev/null and b/Priya Gupta/jscolor-removebg-preview.png differ diff --git a/Priya Gupta/linkedin-removebg-preview.png b/Priya Gupta/linkedin-removebg-preview.png new file mode 100644 index 00000000..a6ee00eb Binary files /dev/null and b/Priya Gupta/linkedin-removebg-preview.png differ diff --git a/Priya Gupta/mlsa.jpg b/Priya Gupta/mlsa.jpg new file mode 100644 index 00000000..b67fc18a Binary files /dev/null and b/Priya Gupta/mlsa.jpg differ diff --git a/Priya Gupta/next.png b/Priya Gupta/next.png new file mode 100644 index 00000000..ea87f4b3 Binary files /dev/null and b/Priya Gupta/next.png differ diff --git a/Priya Gupta/pinktwitter-removebg-preview.png b/Priya Gupta/pinktwitter-removebg-preview.png new file mode 100644 index 00000000..5c358900 Binary files /dev/null and b/Priya Gupta/pinktwitter-removebg-preview.png differ diff --git a/Priya Gupta/pollux.jpg b/Priya Gupta/pollux.jpg new file mode 100644 index 00000000..741c67fc Binary files /dev/null and b/Priya Gupta/pollux.jpg differ diff --git a/Priya Gupta/pyimg-removebg-preview.png b/Priya Gupta/pyimg-removebg-preview.png new file mode 100644 index 00000000..00c12690 Binary files /dev/null and b/Priya Gupta/pyimg-removebg-preview.png differ diff --git a/Priya Gupta/pyimg.png b/Priya Gupta/pyimg.png new file mode 100644 index 00000000..68b328da Binary files /dev/null and b/Priya Gupta/pyimg.png differ diff --git a/Priya Gupta/pythoncolor-removebg-preview.png b/Priya Gupta/pythoncolor-removebg-preview.png new file mode 100644 index 00000000..2c88a831 Binary files /dev/null and b/Priya Gupta/pythoncolor-removebg-preview.png differ diff --git a/Priya Gupta/pythoncolor.webp b/Priya Gupta/pythoncolor.webp new file mode 100644 index 00000000..46225d21 Binary files /dev/null and b/Priya Gupta/pythoncolor.webp differ diff --git a/Priya Gupta/script.js b/Priya Gupta/script.js new file mode 100644 index 00000000..50d10365 --- /dev/null +++ b/Priya Gupta/script.js @@ -0,0 +1,65 @@ +const observer = new IntersectionObserver((entries) => { + entries.forEach((entry) => { + console.log(entry) + if (entry.isIntersecting ) { + entry.target.classList.add('show'); + } else { + entry.target.classList.remove('show'); + } + }); +}); + +const hiddenElements = document.querySelectorAll('.hidden1'); +hiddenElements.forEach((el) => observer.observe(el)); + + + +const observer1 = new IntersectionObserver((entries) => { + entries.forEach((entry) => { + console.log(entry) + if (entry.isIntersecting) { + entry.target.classList.add('show'); + } else { + entry.target.classList.remove('show'); + } + }); +}); + +const hiddenElements1 = document.querySelectorAll('.hidden2'); +hiddenElements1.forEach((el) => observer1.observe(el)); + + +const observer2 = new IntersectionObserver((entries) => { + entries.forEach((entry) => { + console.log(entry) + if (entry.isIntersecting) { + entry.target.classList.add('show'); + } else { + entry.target.classList.remove('show'); + } + }); +}); + +const hiddenElements2 = document.querySelectorAll('.hidden3'); +hiddenElements2.forEach((el) => observer2.observe(el)); + + +let scrollContainer = document.querySelector(".gallery"); + let backBtn = document.getElementById("backbutton"); + let nextBtn = document.getElementById("nextbutton"); + + scrollContainer.addEventListener("wheel", (evt)=>{ + // evt.preventDefault(); + scrollContainer.scrollleft += evt.deltaY; + }); + + nextBtn.addEventListener("click", ()=>{ + + scrollContainer.style.scrollBehavior = "smooth"; + scrollContainer.scrollLeft += 370; + }); + backBtn.addEventListener("click", ()=>{ + + scrollContainer.style.scrollBehavior = "smooth"; + scrollContainer.scrollLeft -= 370; + }); \ No newline at end of file diff --git a/Priya Gupta/style.css b/Priya Gupta/style.css new file mode 100644 index 00000000..67f5bd5e --- /dev/null +++ b/Priya Gupta/style.css @@ -0,0 +1,825 @@ +@import url('https://fonts.googleapis.com/css2?family=Georama:wght@500&display=swap'); + +*{ + margin: 0px; + padding: 0px; + font-family:"Georama"; + text-decoration: none; +} +body{ + background: radial-gradient(circle at 10% 20%, rgb(0, 0, 0) 0%, rgb(18, 17, 17) 90.2%); + margin: 0 auto; + position: relative; +} +html{ + scroll-behavior: smooth; +} +.navbar{ + position: relative; + left:50%; + top:50%; + transform: translate(-50%); + margin:0.8rem; + padding: 0.5rem 1.3rem; + background-color: rgba(2, 2, 2,0.4); + width: 88vw; + display: flex; + align-items: center; + justify-content: space-around; + box-shadow: rgba(100, 100, 111, 0.7) 0px 7px 29px 0px; +} + + +.navlink{ + font-size: 1.5rem; + text-decoration: none; + color: whitesmoke; + text-shadow: rgb(255, 0, 183) 1px 0 10px; + transition-duration: 0.3s; +} + +.navlink:hover{ + color: rgb(249, 24, 69); +} +.content{ + margin-top: 3rem; + margin-bottom: 4rem; + padding:0.4rem; +} +.maincontent{ + margin:0.7rem; + display: flex; + flex-direction: row; +} +.content1, .content2{ + width: 50%; + margin:1rem; + padding: 1rem; + +} +.content1{ + display: flex; + flex-direction: column; + justify-content: space-around; +} +.hellotext,.introtext{ + font-weight: 900; + color: whitesmoke; + /* text-shadow: rgb(161, 12, 236) 1px 0 10px; */ + margin: 1rem; +} +.introtext{ + text-align: justify; +} +.nametext{ + margin: 0.7rem; + background-clip: content-box; + font-size: 5rem; + + background: -webkit-linear-gradient(rgb(188, 12, 241), rgb(212, 4, 4)); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} +.socials{ + width: 90%; + height: 20%; + display: flex; + align-items: center; + justify-content: space-around; + border-radius: 4px; + overflow: hidden; + background-color: rgb(0,0,0,0.2); + border: 0.1px solid gray; + margin:2.5rem; + padding:0.6rem; + position: relative; + align-self: center; + box-shadow: 10px 10px 10px rgb(79, 76, 76); +} +.media1,.media2,.media3,.media4,.media5,.media6{ + height: 40px; + width: 40px; + transition-duration: 0.3s; +} +.twitter,.linkedin,.githubb,.instagram,.gmail{ + height: 100%; + width: 100%; +} +.media1:hover,.media2:hover,.media3:hover,.media4:hover,.media5:hover,.media6:hover{ + transform:translateY(-8px); +} +/* .media1:hover{ + shadow:inset 7px 7px 20px rgba(177, 12, 116, 0.9),inset 7px 7px 20px rgba(177, 12, 116, 0.9),inset 7px 7px 20px rgba(177, 12, 116, 0.9),inset 7px 7px 20px rgba(177, 12, 116, 0.9),7px 7px 20px rgba(177, 12, 116, 0.9), -7px 7px 20px rgba(131, 4, 42, 0.9),7px -7px 20px rgb(48, 5, 30),-7px -7px 20px rgba(30, 1, 8, 0.9); ; +} */ +.content1{ + animation: movetoright 0.9s ease forwards; +} +.content2{ + animation: movetoleft 0.9s ease forwards; +} +@keyframes movetoright{ + 0%{ + opacity: 0; + transform: translateX(-100%); + } + 100%{ + opacity: 1; + transform: translateX(0); + } +} +@keyframes movetoleft{ + 0%{ + opacity: 0; + transform: translateX(100%); + } + 100%{ + opacity: 1; + transform: translateX(0%); + } +} +.icon1, .icon2,.icon3,.icon4,.icon5,.icon6,.icon7,.icon8,.icon9{ + height:80px; + width: 60px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 4px; + overflow: hidden; + background-color: rgb(0,0,0,0.2); + border: 0.1px solid gray; + box-shadow: 7px 7px 20px rgba(28, 19, 29, 0.9), -7px 7px 20px rgba(15, 12, 15, 0.9),7px -7px 20px rgba(64, 52, 66, 1),-7px -7px 20px rgba(45, 7, 51, 0.9); + +} +.html, .css,.cpp, .python,.git,.github,.leetcode,.j,.postman,.cf{ + height: 80%px; + width: 80%; +} + +.content2{ + width: 50%; + min-height: 150%; + border-radius: 10%; + box-shadow: inset 50px 40px 50px rgb(24, 24, 24),inset 50px -40px 50px rgb(24, 24, 24),inset -50px -40px 50px rgb(24, 24, 24),inset -50px 40px 50px rgb(24, 24, 24), 50px 50px 60px rgb(24, 24, 24), -50px 50px 60px rgb(24, 24, 24),50px -50px 60px rgb(24, 24, 24),-50px -50px 60px rgb(24, 24, 24); + box-shadow: inset 50px 40px 50px black,inset 50px -40px 50px black,inset -50px -40px 50px black,inset -50px 40px 50px black, 50px 50px 60px black, -50px 50px 60px black,50px -50px 60px black,-50px -50px 60px black; + + position: relative; +} +.ham{ + display: none; +} +.hb{ + display: none; +} +@media screen and (max-width:1182px){ + .ham{ + position: absolute; + height:2rem; + width: 2rem; + display: block; + + left:100%; + top:7%; + } + .hb{ + border: none; + background-color: rgba(2, 2, 2,0.4); + } + .maincontent{ + flex-direction: column; + margin:0.2rem; + padding: 0.2rem; + height: 50vh; + width:100vw; + } + .content{ + margin: 0.2rem; + padding: 0.2rem; + } + .content1{ + width: 90%; + padding: 0.1rem; + } + .content2{ + width: 90%; + position: relative; + display: flex; + align-items: center; + justify-content: center; + flex-direction: row; + flex-wrap: wrap; + } + .icon1, .icon2,.icon3,.icon4,.icon5,.icon6,.icon7,.icon8,.icon9{ + height:5rem; + width: 4rem; + } + .html, .css,.cpp, .python,.git,.github,.leetcode,.j,.postman{ + height: 80%; + width: 80%; + } + .navbar{ + display: none; + } +} +@media screen and (max-width:1182px){ + .content2{ + display: none; + } + .socials{ + display: none; + } + .projectc{ + flex-direction: row; + } + #line{ + display: none; + } + .educontent{ + display:none; + } +} + +.icon7{ + position: absolute; + left:40%; + top:85%; + animation: mover cubic-bezier(0, 0.33, 0.58, 1) 1.4s infinite alternate; +} + +.icon2{ + position: absolute; + left:40%; + top:40%; + animation: mover cubic-bezier(0, 0.33, 0.58, 1) 1.6s infinite alternate; +} +.icon3{ + position: absolute; + left:65%; + top:40%; + animation: mover cubic-bezier(0, 0.33, 0.58, 1) 1.6s infinite alternate; +} +.icon4{ + position: absolute; + left:20%; + top:64%; + animation: mover cubic-bezier(0, 0.33, 0.58, 1) 1.5s infinite alternate; + +} +.icon5{ + position: absolute; + left:85%; + top:11%; + animation: mover cubic-bezier(0, 0.33, 0.58, 1) 1.5s infinite alternate; +} +.icon6{ + position: absolute; + left:65%; + top:85%; + animation: mover cubic-bezier(0, 0.33, 0.58, 1) 1.5s infinite alternate; +} +.icon8{ + position: absolute; + left:52%; + top:1%; + animation: mover cubic-bezier(0, 0.33, 0.58, 1) 1.65s infinite alternate; +} +.icon9{ + position: absolute; + left:85%; + top:64%; + animation: mover cubic-bezier(0, 0.33, 0.58, 1) 1.5s infinite alternate; +} +@keyframes mover { + to { transform: translateY(-40px); } +} +.icon1 { + position: absolute; + left: 20%; + top: 10%; + animation: mover cubic-bezier(0, 0.33, 0.58, 1) 1.5s infinite alternate; +} + +.educationheading,.projectheading, .skillheading, .achheading{ + position: relative; + left:50%; + top:50%; + transform: translate(-50%); + margin:0.8rem; + padding: 0.5rem 1.3rem; + background-color: rgba(2, 2, 2,0.4); + width: 88vw; + display: flex; + align-items: center; + justify-content: space-around; + box-shadow: rgba(100, 100, 111, 0.7) 0px 7px 29px 0px; + + font-size: 1.6rem; + color: whitesmoke; + text-shadow: rgb(255, 0, 183) 1px 0 10px; + font-weight: 1200; +} + +#edu1,#edu2,#edu3{ + height: 86%; + width: 90%; + /* background-color: cornflowerblue; */ + position:static; + position: relative; + box-shadow: 7px 7px 20px rgba(28, 19, 29, 0.9), -7px 7px 20px rgba(15, 12, 15, 0.9),7px -7px 20px rgba(64, 52, 66, 1),-7px -7px 20px rgba(45, 7, 51, 0.9); + border-radius: 4px; + overflow: hidden; + background-color: rgb(0,0,0,0.2); + border: 0.1px solid rgb(93, 92, 92); + padding: 1rem; + + /* left:50%; + top:50%; + transform: translate(-50%); */ +} +.edu_inst{ + font-weight: 900; + color: whitesmoke; + /* text-shadow: rgb(161, 12, 236) 1px 0 10px; */ + margin: 1rem; + font-size: 1.5rem; + position: relative; +} +.eduhead{ + display: flex; +} +.edu_desc{ + font-weight: 900; + color: whitesmoke; + /* text-shadow: rgb(161, 12, 236) 1px 0 10px; */ + margin: 0.6rem; + font-size: 1rem; + position: relative; +} +.educontent{ + margin:0rem; + display: grid; + grid-template-columns: 5fr 1fr 5fr; + grid-template-rows: 1fr 1fr 1fr; + place-items: center; + align-content: center; +} +#line{ + width: 0.4%; + height: 100vh; + margin: 2rem; + /* position: relative; + left:50%; + top:50%; + transform: translate(-50%); */ + background-color: rgb(255, 255, 255); + box-shadow: 1px 1px 10px rgba(255, 255, 255, 0.6), -1px 1px 10px rgba(255, 255, 255, 0.6); + + grid-row-start: 1; + grid-row-end:4 ; + grid-column-start:2; + grid-column-end: 3; +} +#edu1{ + grid-row-start: 1; + grid-row-end:2 ; + grid-column-start:1; + grid-column-end: 2; + /* animation: moveright 0.9s ease forwards; */ +} +#edu2{ + grid-row-start: 2; + grid-row-end:3 ; + grid-column-start:3; + grid-column-end: 4; + /* animation: moveleft 0.9s ease forwards; */ +} +#edu3{ + grid-row-start: 3; + grid-row-end:4; + grid-column-start:1; + grid-column-end: 2; + /* animation: moveright 0.9s ease forwards; */ +} +#ee{ + backdrop-filter: grayscale(50); +} +.circle{ + border-radius: 50%; + overflow: hidden; + height:5rem; + width: 5rem; +} +.eduicon{ + height: 100%; + width: 100%; +} +.hidden1{ + opacity: 0; + filter:blur(15px); + transform: translateX(-100%); + transition: all 1s; +} + .hidden2 { + opacity: 0; + filter:blur(15px); + transform: translateX(100%); + transition: all 1s; +} +.hidden3 { + opacity: 0; + filter:blur(15px); + transform: translateX(-100%); + transition: all 1s; +} +.show { + opacity: 1; + filter:blur(0); + transform: translateX(0); +} + +@keyframes moveright{ + 0%{ + opacity: 0; + transform: translateX(-100%); + } + 100%{ + opacity: 1; + transform: translateX(-45%); + } +} +@keyframes moveleft{ + 0%{ + opacity: 0; + transform: translateX(100%); + } + 100%{ + opacity: 1; + transform: translateX(-65%); + } +} +.projectheading{ + margin-top:6rem; +} +.projectcontent{ + display: flex; + margin:1.5rem; + margin-top: 5rem; + margin-bottom: 4rem; + flex-wrap: wrap; +} +.projobject{ + padding:1.5rem; +} +.projectc{ + display: flex; + flex-direction: column; + margin: 1rem; + +} + +.projectdesc{ + font-weight: 900; + color: whitesmoke; + /* text-shadow: rgb(161, 12, 236) 1px 0 10px; */ + margin-top: 0.9rem; + font-size: 1rem; + position: relative; +} +.pimg{ + height:10rem; + width:20rem; + background-color: coral; + margin:0.3rem; + box-shadow: 7px 7px 20px rgba(28, 19, 29, 0.9), -7px 7px 20px rgba(15, 12, 15, 0.9),7px -7px 20px rgba(64, 52, 66, 1),-7px -7px 20px rgba(45, 7, 51, 0.9); + border-radius: 4px; + overflow: hidden; + background-color: rgb(0,0,0,0.2); + border: 0.1px solid rgb(93, 92, 92); +} +.pimg1{ + height: 99%; + width: 99%; +} +.projectc:nth-child(2){ + transition-delay: 200ms; +} +.projectc:nth-child(3){ + transition-delay:400ms; +} +.projectc:nth-child(4){ + transition-delay: 600ms; +} +.skillcontent{ + display: flex; + align-items: center; + justify-content: space-between; + align-content: center; + margin:1rem; + padding: 4rem; + flex-wrap: wrap; +} +.skill{ + height:6rem; + width: 6rem; + transition-duration: 0.4s; + margin:3.7rem; +} +.skillimg{ + height: 100%; + width: 100%; + left: 50%; + right:50%; + position: relative; +} +.skilldesc{ + font-weight: 900; + color: whitesmoke; + /* text-shadow: rgb(161, 12, 236) 1px 0 10px; */ + margin-top: 0.9rem; + font-size: 0.8rem; + left: 50%; + right:50%; + position: relative; +} +.skill:hover{ + transform: translateY(-20%); +} +@media screen and (max-width:1182px){ + .content2{ + display: none; + } + .socials{ + display: none; + } + .projectc{ + flex-direction: row; + } + #line{ + display: none; + } + .educontent{ + display:grid; + grid-template-columns: 1fr; + grid-template-rows: 1fr 1fr 1fr; + row-gap: 1rem; + } + #edu1{ + grid-row-start: 1; + grid-row-end:2 ; + grid-column-start:1; + grid-column-end: 2; + + /* animation: moveright 0.9s ease forwards; */ + } + #edu2{ + grid-row-start: 2; + grid-row-end:3 ; + grid-column-start:1; + grid-column-end: 2; + /* animation: moveright 0.9s ease forwards; */ + } + #edu3{ + grid-row-start: 3; + grid-row-end:4 ; + grid-column-start:1; + grid-column-end: 2; + /* animation: moveright 0.9s ease forwards; */ + } + #edu1,#edu2,#edu3{ + animation: none; + transition: none; + } + .projectc{ + animation: none; + transition: none; + } + .skillcontent{ + margin:0.3rem; + padding:0.7rem; + } + .introtext { + text-align: justify; + position: relative; + margin: 1rem; + display:none; + } + .content1{ + display: flex; + flex-direction: column; + animation: none; + transition: none; + } + + .maincontent{ + display: flex; + flex-direction: column; + } + .projectc{ + display: flex; + flex-direction: column; + } + *{ + + animation: none; + transition: none; + overflow-x: hidden; + } + .educationheading,.projectheading, .skillheading{ + max-width: 90%; + } + .eduicon{ + height:90%; + width:90%; + border-radius: 50%; + } + .skill{ + height: 20%; + width: 20%; + font-size: 10%; + margin:1rem; + } + .skills{ + display: flex; + flex-wrap: wrap; + } +} +.ach{ + height:12rem; + width:45%; + background-color: coral; + margin:1rem; + box-shadow: 7px 7px 20px rgba(28, 19, 29, 0.9), -7px 7px 20px rgba(15, 12, 15, 0.9),7px -7px 20px rgba(64, 52, 66, 1),-7px -7px 20px rgba(45, 7, 51, 0.9); + border-radius: 4px; + overflow: hidden; + background-color: rgb(0,0,0,0.2); + border: 0.1px solid rgb(93, 92, 92); +} +.achcontent{ + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + padding:2rem; +} +.ach{ + padding:1rem; + display: flex; + flex-direction: column; + transition-duration: 0.4s; +} +.achdeschead{ + color: rgb(255, 0, 183) ; + text-shadow: rgb(161, 12, 236) 1px 0 10px; + margin: 0.6rem; + font-size: 1.7rem; + position: relative; + margin:0 auto; + text-align:center; +} +.achdesc{ + font-weight: 900; + color: whitesmoke; + /* text-shadow: rgb(161, 12, 236) 1px 0 10px; */ + margin: 2rem; + font-size: 1rem; + position: relative; +} +.ach:hover{ + transform: translateY(-10%); +} +.gallery{ + width: 1200px; + display: flex; + overflow-x: scroll; +} +.gallery::-webkit-scrollbar{ + display: none; +} +.gallery div{ + width:100%; + display: grid; + grid-template-columns:1fr 1fr 1fr; + grid-gap:5px; + padding:1px; + flex:none; +} +.gallery div img{ + width:100%; + transition: transform 0.6s; +} +.gallerywrap{ + display: flex; + align-items: center; + justify-content: center; + margin:10%auto; +} + #backbutton, #nextbutton{ + width: 50px; + cursor: pointer; + margin:30px; +} +.gallery div img:hover{ + transform: scale(1.08); +} +.certificateheading{ + font-weight: 900; + color: whitesmoke; + /* text-shadow: rgb(161, 12, 236) 1px 0 10px; */ + font-size: 2rem; + position: relative; + text-align: center; +} +.certiimg{ + height: 100%; + width: 100%; + border-radius: 4px; + border: 0.1px solid rgb(93, 92, 92); +} +.certi{ + height: 195px; + width: 350px; +} +.next, .back{ + border-radius: 50%; +} +.footer{ + margin: 0; + padding: 1rem; +} +.cnthead{ + font-weight: 900; + color: whitesmoke; + text-shadow:rgb(255, 0, 183) 1px 0 10px; + font-size: 3rem; + position: relative; + margin:3rem; +} +.cntdet{ + font-weight: 100; + color: whitesmoke; + /* text-shadow: rgb(161, 12, 236) 1px 0 10px; */ + font-size: 1.5rem; + position: relative; + margin:1rem; + margin-left: 3rem; +} +.resume,.submitbtn{ + background: palevioletred; + margin: 1rem; + padding: 1rem; + margin-left: 3rem; + border-radius: 9px; + font-weight: 100; + color: whitesmoke; + /* text-shadow: rgb(161, 12, 236) 1px 0 10px; */ + font-size: 1.5rem; + position: relative; + transition-duration: 0.4s; + outline: none; +} +.resume:hover, .submitbtn:hover{ + background-color:rgb(242, 22, 117); +} + +.footercontent{ + display: flex; +} +.cntdetimg{ + height: 10px; + width: 10px; +} +.cntdetimg1{ + height: 10px; + width: 10px; +} +.iconbar{ + display: flex; + width: 650px; + height: 30px; + margin-left: 2rem; +} +.ic1{ + margin: 20px; +} +.rightf{ + display: flex; + flex-direction: column; +} +.right{ + display: flex; + align-items: center; +} +form input , form textarea{ + width: 100%; + border: 0; + outline: none; + background: #262626; + padding: 20px; + color:#fff; + font-size: 17px; + border-radius: 6px; + margin: 3px; +} +.submitbtn{ + margin-left:0.3rem; + width: 40%; +} \ No newline at end of file diff --git a/Priya Gupta/swoc.jpg b/Priya Gupta/swoc.jpg new file mode 100644 index 00000000..c0167a99 Binary files /dev/null and b/Priya Gupta/swoc.jpg differ diff --git a/Priya Gupta/tailwindcolor-removebg-preview.png b/Priya Gupta/tailwindcolor-removebg-preview.png new file mode 100644 index 00000000..b2ffc022 Binary files /dev/null and b/Priya Gupta/tailwindcolor-removebg-preview.png differ diff --git a/Priya Gupta/twitter-removebg-preview.png b/Priya Gupta/twitter-removebg-preview.png new file mode 100644 index 00000000..ab6e1bff Binary files /dev/null and b/Priya Gupta/twitter-removebg-preview.png differ