diff --git a/Projects/Husain_Malwat/app.js b/Projects/Husain_Malwat/app.js new file mode 100644 index 0000000..f422ac4 --- /dev/null +++ b/Projects/Husain_Malwat/app.js @@ -0,0 +1,20 @@ +document.addEventListener('DOMContentLoaded', function() { + const navLinks = document.querySelectorAll('.nav-link'); + const sections = document.querySelectorAll('.section'); + + navLinks.forEach(link => { + link.addEventListener('click', function(event) { + + event.preventDefault(); + const targetSectionId = this.getAttribute('href').substring(1); + + sections.forEach(section => { + if (section.id === targetSectionId) { + section.classList.add('active'); + } else { + section.classList.remove('active'); + } + }); + }); + }); +}); diff --git a/Projects/Husain_Malwat/assets/dp.jpg b/Projects/Husain_Malwat/assets/dp.jpg new file mode 100644 index 0000000..56330c6 Binary files /dev/null and b/Projects/Husain_Malwat/assets/dp.jpg differ diff --git a/Projects/Husain_Malwat/assets/dp2.jpg b/Projects/Husain_Malwat/assets/dp2.jpg new file mode 100644 index 0000000..33f9ee5 Binary files /dev/null and b/Projects/Husain_Malwat/assets/dp2.jpg differ diff --git a/Projects/Husain_Malwat/assets/resume.pdf b/Projects/Husain_Malwat/assets/resume.pdf new file mode 100644 index 0000000..00f834a Binary files /dev/null and b/Projects/Husain_Malwat/assets/resume.pdf differ diff --git a/Projects/Husain_Malwat/index.html b/Projects/Husain_Malwat/index.html new file mode 100644 index 0000000..551dab6 --- /dev/null +++ b/Projects/Husain_Malwat/index.html @@ -0,0 +1,129 @@ + + + + + + Document + + + + + + + + +
+
+
+
+

Home

 + +
    +

  • + Hi, I'm Husain Malwat + A Student +

    • +
  • I am a student of IIT Gandhinagar
    • +
  • I am a junior undergrad in BTech Dual Majors in CSE+EE
    • +
  • My interests are ML, AI, NLP, Computer Vision
    • +
+ + + + + + +
+
+
+ Husain Malwat +

Husain Malwat
IIT Gandhinagar

+
+
+
+
+
+ +
+
+
+

ABOUT

 + +

Internships

+ +

Experiences

+ +

Projects

+ + + +
+
+
+ Husain Malwat +

Husain Malwat
IIT Gandhinagar

+ +
+
+
+
+ + +
+
+
+
Contact
+
+
+
+ + +
+
+ + +
+ +
+
+ + +
+ + + +
+
+
+ +
+ + + \ No newline at end of file diff --git a/Projects/Husain_Malwat/styles.css b/Projects/Husain_Malwat/styles.css new file mode 100644 index 0000000..d4c004b --- /dev/null +++ b/Projects/Husain_Malwat/styles.css @@ -0,0 +1,139 @@ +.section { + display: none; +} + +.section.active { + display: block; +} +.active-link{ + color:red +} + +.container { + display: flex; + align-items: center; /* Center vertically */ + height: 150%; + margin-top: 2%; + /* background-color: lightgray; */ +} +.data{ + width: 55%; +} +.box{ + justify-content: flex-end; /* Align horizontally to the right */ + position: relative; + width: 400px; + height: 400px; + background:#ffd700; + border-radius: 50%; + overflow: hidden; + box-sizing: border-box; +} +.box::before{ + content: ''; + position: absolute; + inset: -10px 140px; + background: linear-gradient(315deg, #00ccff, #d400d4); + transition: 0.5s; + animation: animate 4s linear infinite; +} + +.box:hover::before{ + inset: -20px 0px; +} + +@keyframes animate { + 0% + { + transform: rotate(0deg); + } + 0% + { + transform: rotate(360deg); + } +} +.box::after{ + content: ''; + position: absolute; + inset: 6px; + background: lightgray; + border-radius: 50%; + z-index: 1; +} +.content{ + position: absolute; + inset: 30px; + border: 6px solid #ffd700; + z-index: 3; + border-radius: 50%; + display: flex; + overflow: hidden; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.content img{ + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + object-fit: cover; + transition: 0.5s; + pointer-events: none; + border-radius: 50%; + z-index: 3; +} + +.box:hover .content img{ + opacity: 0; +} + +.content h2{ + position: relative; + font-size: 3rem; + text-align: center; + font-weight: 600; + letter-spacing: 0.05em; + text-transform: uppercase; +} + +.content h2 span{ + font-weight: 300; + font-size: 0.5em; +} + + +.MainContact{ + display: flex; + align-items: center; + justify-content: center; + padding: 40px; + } + +.containerContact{ + margin-top: 0%; + max-width: 800px; + background-color: rgba(0, 0, 0, 0.7); + width: 800px; + padding: 25px 40px 10px 40px; + box-shadow: 0px 0px 10px rgba(0,0,0,0.1); + border-radius: 10px; + color: white; +} +.containerContact .text{ + text-align: center; + font-size: 35px; + font-weight: 600; + align-items: center; +} + + +body{ + background: linear-gradient(115deg,#9f01ea 10%, #56d8e4 90%); + font-family: Arial, sans-serif; + font-size: 30px; + color: black; + height: 100vh; +} \ No newline at end of file