Portfolio shahzeb koree
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Shahzaib Ali Koree | Web Developer</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background: linear-gradient(to right, #1f1c2c, #928dab);
color: white;
scroll-behavior: smooth;
}
header {
background: #00000080;
padding: 1rem;
text-align: center;
position: sticky;
top: 0;
}
header h1 {
margin: 0;
font-size: 2rem;
}
section {
padding: 2rem;
max-width: 900px;
margin: auto;
}
h2 {
border-bottom: 2px solid #fff;
padding-bottom: 0.5rem;
margin-bottom: 1rem;
}
.project {
margin-bottom: 1.5rem;
background: #ffffff20;
padding: 1rem;
border-radius: 10px;
}
a {
color: #ffea00;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
footer {
text-align: center;
padding: 1rem;
background: #00000080;
margin-top: 2rem;
}
</style>
</head>
<body>
<header>
<h1>Shahzaib Ali Koree</h1>
<p>Mobile-Based Web Developer</p>
</header> <section id="about">
<h2>About Me</h2>
<p>
I'm <strong>Shahzaib Ali Koree</strong>, a passionate self-taught <strong>Web Developer</strong> who builds modern, responsive websites directly from a mobile phone!
With a strong grip on HTML, CSS, and JavaScript, I love crafting digital experiences that are clean, user-friendly, and creative.
</p>
<p>
As a mobile-based developer, I believe: <em>"Limitations are just the beginning of innovation."</em>
Whether it's a personal portfolio, a business site, or an online store – I turn your ideas into reality.
</p>
</section> <section id="projects">
<h2>Projects</h2>
<div class="project">
<h3>Portfolio Website</h3>
<p>A responsive animated personal website showcasing my skills and experience.</p>
</div>
<div class="project">
<h3>Business Landing Page</h3>
<p>A modern landing page designed for small businesses with contact form integration.</p>
</div>
<div class="project">
<h3>Online Store Template</h3>
<p>E-commerce front-end layout built with mobile-first design principles.</p>
</div>
</section> <section id="contact">
<h2>Contact</h2>
<p>Email: <a href="mailto:[email protected]"
target="-blank">
[email protected]</a></p>
<p>GitHub: <a href="https://github.com/yourgithubusername" target="_blank">Shahzeb-developer</a></p>
<p>Contact: <a href="Contact Number"target="-blank">+92317-0219402</a></p>
</section> <footer>
<p>© 2025 Shahzaib Ali Koree. All Rights Reserved.</p>
</footer>
</body>
</html>