<html>
<head>
<title>Your Name - Portfolio</title>
<link rel="stylesheet" type="text/css" href="port.css">
</head>
<body>
<header>
<img src="https://i.imgur.com/KvEuBiI.png">
<h1>Your Name</h1>
<p>Web Developer | Designer | Tech Enthusiast</p>
</header>
<section id="bio">
<h2>About Me</h2>
<p>[Your biography]</p>
</section>
<section id="work">
<h2>My Work</h2>
<div class="project" id="project1">Project 1</div>
<div class="project" id="project2">Project 2</div>
<div class="project" id="project3">Project 3</div>
</section>
<footer>
<p>Contact me at [your email]</p>
</footer>
</body>
</html>
body{
font-family: Arial,sans-serif;
}
header{
text-align: center;
padding: 10px;
background-color: #f4f4f4;
}
header img{
width: 150px;
height: 150px;
margin-bottom: 10px;
border-radius: 50%;
}
section{
margin: 20px;
}
.project{
width: 200px;
height: 200px;
border: 1px solid #ccc;
margin: 10px;
display: inline-block;
text-align: center;
line-height: 200px;
}
h1,h2{
color: #333;
}
#bio, #work{
background-color: #e9e9e9;
padding: 15px;
}
footer{
background-color: #f4f4f4;
text-align: center;
padding: 10px;
}