zikra-shaikh/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

portfolio

Browse Source
This commit is contained in:
zikra-shaikh
2026-03-03 19:52:40 +05:30
commit cb92f93170
2 changed files with 91 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
index.html Normal file
View File

@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html>
<head>
<title>My Portfolio</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Header Section -->
<header>
<h1>Zikra Shaikh</h1>
<p>learning full stack developer </p>
</header>
<!-- Image Section -->
<section class="profile">
<img src="profile.jpg" alt="My Photo">
</section>
<!-- Link Section -->
<section class="links">
<h2>My Work</h2>
<a href="https://www.linkedin.com" target="_blank">LinkedIn</a>
<a href="https://www.instagram.com" target="_blank">Instagram</a>
</section>
<!-- Contact Form -->
<section class="contact">
<h2>Contact Me</h2>
<form>
<input type="text" placeholder="Your Name" required>
<input type="email" placeholder="Your Email" required>
<textarea placeholder="Your Message"></textarea>
<button type="submit">Send</button>
</form>
</section>
</body>
</html>

52
style.css Normal file
View File

@@ -0,0 +1,52 @@
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
}
header {
background-color: white;
color: rgb(6, 83, 60);
padding: 20px;
}
.profile img {
width: 150px;
border-radius: 50%;
margin: 20px;
}
.links a {
display: inline-block;
margin: 10px;
padding: 10px 20px;
background-color: #0077b5;
color: white;
text-decoration: none;
border-radius: 5px;
}
.links a:hover {
background-color: #5a4c42;
}
.contact form {
display: flex;
flex-direction: column;
width: 300px;
margin: auto;
}
.contact input,
.contact textarea {
margin: 10px 0;
padding: 10px;
}
button {
padding: 10px;
background-color: rgb(46, 110, 50);
color: white;
border: none;
cursor: pointer;
}