<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Emma | Personal Website</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
background: #f7f7f7;
color: #333;
}
header {
background: #6c63ff;
color: white;
padding: 40px 20px;
text-align: center;
}
section {
max-width: 800px;
margin: 30px auto;
background: white;
padding: 25px;
border-radius: 10px;
}
h2 {
color: #6c63ff;
}
ul {
line-height: 1.8;
}
footer {
text-align: center;
padding: 20px;
font-size: 14px;
color: gray;
}
</style>
</head>
<body>
<header>
<h1>Hi, I'm Emma 👋</h1>
<p>Preparing for my Master's studies in Germany</p>
</header>
<section>
<h2>About Me</h2>
<p>
I'm currently living in Germany and preparing for my Master's application.
My background is in Measurement and Control Technology.
</p>
</section>
<section>
<h2>What I'm Doing</h2>
<ul>
<li>📚 Preparing for telc B2 / C1 exam</li>
<li>🗣 Practicing German speaking weekly</li>
<li>🌍 Preparing for IELTS</li>
<li>💻 Learning to build simple websites</li>
</ul>
</section>
<section>
<h2>My Interests</h2>
<ul>
<li>🧘♀️ Yoga & Pilates</li>
<li>🎨 Painting</li>
<li>🐱 Spending time with my cat mömö</li>
</ul>
</section>
<section>
<h2>Contact</h2>
<p>Email: your-email@example.com</p>
</section>
<footer>
<p>© 2026 Emma</p>
</footer>
</body>
</html>