Skip to content

Husain_Malwat #17

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Husain-Malwat wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Husain_Malwat #17

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 20 additions & 0 deletions Projects/Husain_Malwat/app.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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');
}
});
});
});
});
Binary file added Projects/Husain_Malwat/assets/dp.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Projects/Husain_Malwat/assets/dp2.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Projects/Husain_Malwat/assets/resume.pdf
View file
Open in desktop
Binary file not shown.
129 changes: 129 additions & 0 deletions Projects/Husain_Malwat/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,129 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="styles.css">
<script src="app.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a style="font-size:40px;color:white;" class="fa fa-user-circle navbar-brand " href="#home"> Portfolio</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>


<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item control control-1 active-link" data-id="home">
<a style="font-size:20px;" class="nav-link fa fa-home" href="#home"> Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item control control-2" data-id="about">
<a style="font-size:20px;" class="nav-link fa fa-user" href="#about"> About</a>
</li>

<li class="nav-item control control-4" data-id="contact`">
<a style="font-size:20px;" class="nav-link fa fa-envelope" href="#contact"> Contact-Me</a>
</li>
</ul>

</div>
</nav>

<section class="section sec1 home active" id="home">
<div class="header-content">
<div class="container">
<div class="data">
<b><h1>Home</h1></b>

<ul>
<li><h3 class="name">
Hi, I'm <span>Husain Malwat</span>
A Student
</h3></li>
<li>I am a student of IIT Gandhinagar</li>
<li>I am a junior undergrad in BTech Dual Majors in CSE+EE</li>
<li>My interests are ML, AI, NLP, Computer Vision</li>
</ul>
<a href="assets/resume.pdf" target="_blank">
<button class="btn btn-primary">
<span class="btn-text">Download CV</span>
<span class="btn-icon"><i class="fa fa-download"></i></span>
</button>
</a>



</div>
<div class="box">
<div class="content">
<img src="assets/dp2.jpg" alt="Husain Malwat"></img>
<h2>Husain Malwat<br><span>IIT Gandhinagar</span></h2>
</div>
</div>
</div>
</div>
</section>

<section class="section sec2 about" id="about">
<div class="container">
<div class="data">
<b><h1>ABOUT</h1></b>

<h2>Internships</h2>

<h2>Experiences</h2>

<h2>Projects</h2>



</div>
<div class="box">
<div class="content">
<img src="assets/dp.jpg" alt="Husain Malwat"></img>
<h2>Husain Malwat<br><span>IIT Gandhinagar</span></h2>
<!-- <a href="/contact" class="flat-button">
CONTACT ME
</a> -->
</div>
</div>
</div>
</section>


<section class="section sec5 contact" id="contact">
<div class="MainContact">
<div class="containerContact">
<div class="text">Contact </div>
<form>
<div class="form-row">
<div class="form-group col-md-6">
<label for="inputPassword4">Name</label>
<input type="text" class="form-control" id="inputName" placeholder="Name">
</div>
<div class="form-group col-md-6">
<label for="inputEmail4">Email</label>
<input type="email" class="form-control" id="inputEmail4" placeholder="Email">
</div>

</div>
<div class="form-group">
<label for="exampleFormControlTextarea1">Write your message here</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
</div>


<button type="submit" class="btn btn-danger">Submit</button>
</form>
</div>
</div>

</section>

</body>
</html>
139 changes: 139 additions & 0 deletions Projects/Husain_Malwat/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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;
}