<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Oatmeal Cake</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #fffaf6;
color: #222;
line-height: 1.6;
max-width: 700px;
margin: 40px auto;
padding: 20px;
border-radius: 12px;
box-shadow: 0 0 20px rgba(0,0,0,0.05);
}
h1 {
color: #e5533d;
text-align: center;
}
h2 {
margin-top: 30px;
color: #444;
}
ul {
list-style: none;
padding: 0;
}
ul li::before {
content: "β
";
}
ol {
padding-left: 20px;
}
section {
margin-bottom: 30px;
}
</style>
</head>
<body>
<h1>Oatmeal Cake</h1>
<section>
<h2>π₯£ Base</h2>
<ul>
<li>70g oats</li>
<li>150ml hot milk</li>
</ul>
<p>Mix together and let it set for 10 minutes.</p>
</section>
<section>
<h2>π Additions</h2>
<ul>
<li>2 medium bananas (mash completely)</li>
<li>2 eggs</li>
</ul>
<p>Mix everything completely.</p>
</section>
<section>
<h2>π± Dry Ingredients</h2>
<ul>
<li>20g cocoa powder</li>
<li>1 tbsp baking soda</li>
<li>Pinch of salt</li>
</ul>
<p>Mix everything well and combine with the previous mixture.</p>
</section>
<section>
<h2>π§ Baking</h2>
<ol>
<li>Grease a baking tray with butter.</li>
<li>Pour the mixture into the tray evenly.</li>
<li>Bake at 180Β°C for 35β45 minutes.</li>
</ol>
</section>
<section>
<h2>π« Chocolate Topping</h2>
<p>Mix chocolate bits with warm double cream on the stove or in a pot. Once the cake is baked, pour the chocolate mixture over the cake.</p>
<p>Chill for 1 hour and itβs done.</p>
</section>
</body>
</html>