diff --git a/submissions/PrathamJindal80/Contact.html b/submissions/PrathamJindal80/Contact.html new file mode 100644 index 0000000..a56fdc2 --- /dev/null +++ b/submissions/PrathamJindal80/Contact.html @@ -0,0 +1,43 @@ + + + + + + Contacts + + + + + +
+
+ Phone +

+91 9914589960

+
+ +
+ LinkedIn +

LinkedIn

+
+ +
+ Instagram +

Instagram

+
+
+ + + + + + \ No newline at end of file diff --git a/submissions/PrathamJindal80/Gaming.html b/submissions/PrathamJindal80/Gaming.html new file mode 100644 index 0000000..b4f3f00 --- /dev/null +++ b/submissions/PrathamJindal80/Gaming.html @@ -0,0 +1,40 @@ + + + + + + Gaming + + + + + +
+
+ IFROST IS LIVE +
+ +
+ YouTube +

IFROST IS LIVE

+
+ +
+ Instagram +

@flexx.editzz_

+
+
+ + + + \ No newline at end of file diff --git a/submissions/PrathamJindal80/Home.html b/submissions/PrathamJindal80/Home.html new file mode 100644 index 0000000..1b551fb --- /dev/null +++ b/submissions/PrathamJindal80/Home.html @@ -0,0 +1,39 @@ + + + + + + Portfolio + + + + + +
+

PRATHAM JINDAL

+
+
+

I AM A THAPAR
BTECH FIRST
YEAR STUDENT
FROM COE
BRANCH

+
+
+

TECH STACK:
FRONTEND
JAVA
PYTHON
C C++
SQL

+
+
+

OTHER HOBBIES:
GAMING
MUSIC
EDITTING

+
+
+
+ + + + diff --git a/submissions/PrathamJindal80/Phone.jpg b/submissions/PrathamJindal80/Phone.jpg new file mode 100644 index 0000000..fc1665d Binary files /dev/null and b/submissions/PrathamJindal80/Phone.jpg differ diff --git a/submissions/PrathamJindal80/Projects.html b/submissions/PrathamJindal80/Projects.html new file mode 100644 index 0000000..57327e4 --- /dev/null +++ b/submissions/PrathamJindal80/Projects.html @@ -0,0 +1,40 @@ + + + + + + Projects + + + + + +
+

PROJECTS

+
+
+ SPOTIFY USING HTML CSS AND JS +
+
+ BANK MS IN C LANG +
+
+ +

ONGOING PROJECTS

+
+
LIBRARY MS IN C LANG
+
+
+ + + \ No newline at end of file diff --git a/submissions/PrathamJindal80/Script.js b/submissions/PrathamJindal80/Script.js new file mode 100644 index 0000000..3f76b16 --- /dev/null +++ b/submissions/PrathamJindal80/Script.js @@ -0,0 +1,18 @@ +const toggleBtn = document.getElementById('theme-toggle'); + +if (localStorage.getItem('theme') === 'dark') { + document.body.classList.add('dark'); + toggleBtn.textContent = 'LIGHT'; +} + +toggleBtn.addEventListener('click', () => { + document.body.classList.toggle('dark'); + + if (document.body.classList.contains('dark')) { + toggleBtn.textContent = 'LIGHT'; + localStorage.setItem('theme', 'dark'); + } else { + toggleBtn.textContent = 'DARK'; + localStorage.setItem('theme', 'light'); + } +}); diff --git a/submissions/PrathamJindal80/logo.png b/submissions/PrathamJindal80/logo.png new file mode 100644 index 0000000..ee1f801 Binary files /dev/null and b/submissions/PrathamJindal80/logo.png differ diff --git a/submissions/PrathamJindal80/style.css b/submissions/PrathamJindal80/style.css new file mode 100644 index 0000000..5390807 --- /dev/null +++ b/submissions/PrathamJindal80/style.css @@ -0,0 +1,277 @@ +@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap'); + * { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: "Comic Sans MS", cursive, sans-serif; + background-color: #f8eac9; +} + +.navbar { + background-color: #000; + color: #fff; + display: flex; + justify-content: space-between; + align-items: center; + padding: 15px 50px; +} + +.navbar a { + color: #fff; + text-decoration: none; + margin-right: 30px; + font-weight: bold; + font-size: 16px; + transition: color 0.3s; + align-items: center; +} + +.navbar a:hover { + color: #f8eac9; +} + +.logo { + width: 70px; + height: 70px; + border-radius: 50%; +} + +.nav-right{ + display: flex; + gap: 10px; + align-items: center; +} + +#theme-toggle { + background: none; + border: 2px solid rgb(0, 0, 0); + color: white; + border-radius: 50%; + width: 70px; + height: 70px; + display: flex; + align-items: center; + justify-content: center; + font-size: 18px; + cursor: pointer; + margin-right: 20px; + transition: 0.3s; +} + +#theme-toggle:hover { + background-color: white; + color: black; +} + +.main { + text-align: center; + padding: 50px 20px; +} + +.main h1 { + font-family: 'Varela Round', sans-serif; + margin-bottom: 60px; +} + +.main h1:hover{ + transform: scale(1.1); + transition: 0.4s; +} + +.cards { + display: flex; + justify-content: center; + gap: 50px; + flex-wrap: wrap; +} + +.card { + width: 250px; + height: 220px; + display: flex; + justify-content: center; + align-items: center; + font-weight: bold; + font-size: 18px; + border-radius: 8px; + box-shadow: 3px 3px 10px rgba(0,0,0,0.2); +} + +.card:hover{ + transform: scale(1.1); + transition: 0.43s; + +} + +.card p { + white-space: pre-line; + text-align: center; +} + +.pink { + background-color: #e9bcbc; +} + +.green { + background-color: #c7e9d4; +} + +.blue { + background-color: #c5d6db; +} + + + + +body.dark { + background-color: #121212; + color: #fff; +} + +body.dark .navbar { + background-color: #222; +} + +body.dark .navbar a { + color: #fff; +} + +body.dark #theme-toggle { + border-color: #fff; + color: #fff; +} + +body.dark #theme-toggle:hover { + background-color: #fff; + color: #000; +} + +.main h1 { + font-family: 'Varela Round', sans-serif; + font-size: 48px; + margin-bottom: 60px; +} + +body.dark .card { + box-shadow: 2px 2px 8px rgba(255,255,255,0.2); +} + +body.dark .pink { background-color: #8b5e5e; } +body.dark .green { background-color: #497a63; } +body.dark .blue { background-color: #55737f; } + + +/* PROJECTS PAGE STYLING */ + + +.project-list { + display: flex; + flex-direction: column; + gap: 25px; + margin-bottom: 50px; +} + +.project-card { + background-color: #9ddbe9; + height: 100px; + border-radius: 6px; + justify-content: center; + padding-top: 15px; + text-align: center; + font-size: 40px; + box-shadow: 3px 3px 10px rgba(0,0,0,0.2); + transition: transform 0.3s; + margin-top: 20px; +} + +.project-card a{ + text-decoration: none; + color: #000; +} + +.project-card:hover { + transform: scale(1.05); +} + +body.dark .project-card { + background-color: #464781; + box-shadow: 2px 2px 8px rgba(255,255,255,0.2); +} + +body.dark .project-card a{ + color: white; +} + + + +/* GAMING PAGE */ +.gaming { + display: flex; + justify-content: space-around; + align-items: center; + text-align: center; + padding: 100px 60px; + flex-wrap: wrap; + gap: 40px; +} +.gaming-card { + display: flex; + flex-direction: column; + align-items: center; + gap: 15px; +} + +.gaming-card img { + width: 150px; + height: 150px; + object-fit: contain; + border-radius: 50%; +} + +.gaming-card h3 { + font-size: 20px; +} + + + +/* CONTACT PAGE */ +.contact { + margin-top: 70px; + display: flex; + justify-content: center; + align-items: center; + text-align: center; + padding: 100px 60px; + flex-wrap: wrap; + gap: 100px; +} + +.contact-card { + display: flex; + flex-direction: column; + align-items: center; + gap: 30px; +} + +.contact-card img { + width: 150px; + height: 150px; + object-fit: contain; + transition: transform 0.3s ease; +} + +.contact-card img:hover { + transform: scale(1.1); +} + +.contact-card h3 { + font-size: 18px; + color: #000; +} + +body.dark .contact-card h3{ + color: white; +} \ No newline at end of file