<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Portfolio</title>
<style>
body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: #f4f4f4; color: blue; }
header { background: #222; color: #fff; padding: 20px; text-align: center; font-size: 24px; }
section { max-width: 800px; margin: 20px auto; padding: 20px; background: #fff; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
h2 { color: #444; }
ul { list-style-type: none; padding: 0; }
ul li { background: #e4e4e4; margin: 5px 0; padding: 10px; border-radius: 4px; }
footer { text-align: center; padding: 10px; background: #222; color: #fff; position: relative; bottom: 0; width: 100%; }
</style>
</head>
<body>
<header>portfolio</header>
<section>
<h2>About Me</h2>
<p>I graduated with a Bachelor's degree in Information Technology. I am skilled in programming languages such as Java, HTML, CSS, Python, and Django.</p>
</section>
<section>
<h2>Skills</h2>
<ul>
<li>Web Development</li>
<li>Cybersecurity</li>
<li>Airbnb Management</li>
<li>Digital Marketing</li>
</ul>
</section>
<section>
<h2>Projects</h2>
<ul>
<li>Handas Juice</li>
<li>Aqua Diani Jetski</li>
<li>Personal Blog</li>
</ul>
</section>
<section>
<h2>Services</h2>
<ul>
<li>Social Media Management</li>
<li>Freelancing</li>
<li>Website Creation</li>
<li>Airbnb Management</li>
<li>Data Entry</li>
<li>langauge programming</li>
</ul>
</section>
<section>
<h2>Contact</h2>
<p>Phone: 0740153391</p>
<p>Email: <a href="mailto:annladasha77@gmail.com">annladasha77@gmail.com</a></p>
</section>
<footer>
© 2025 Ann Kinyanjui | Portfolio
</footer>
</body>
</html>
body {
font-family: system-ui;
background: #f06d06;
color: white;
text-align: center;
}
document.getElementsByTagName("h1")[0].style.fontSize = "6vw";
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.