<!DOCTYPE html>
color: var(--muted);
padding: 28px 20px 56px;
font-size: 14px;
}
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
</style>
</head>
<body>
<header>
<h1>Bitches and asshoe aike</h1>
<p class="tagline">A simple single‑page gallery with four images. Replace the image links with your own files when you’re ready.</p>
</header>
<main class="container">
<section class="gallery">
<figure class="span-6">
<img src="https://bitch4.jpg alt="Event" width="80" style="float:left; margin-right:10px;"/>
<figcaption>Caption 1</figcaption>
</figure>
<figure class="span-6">
<img src="https://Bitch2.jpb alt="Event" width="80" style="float:left; margin-right:10px;"/>
<figcaption>Caption 2</figcaption>
</figure>
<figure class="span-6">
<img src="https://Bitch9.jpg alt="Event" width="80" style="float:left; margin-right:10px;"/>
<figcaption>Caption 3</figcaption>
</figure>
<figure class="span-6">
<img src="https://Bitch5.jpg alt="Event" width="80" style="float:left; margin-right:10px;"/>
<figcaption>Caption 4</figcaption>
</figure>
</section>
</main>
<footer>
<p>Made with ♥. Swap the URLs above with your own image files (e.g., <code>images/photo1.jpg</code>). Need help hosting images? <a href="#" title="Ask for help">Ask me how</a>.</p>
</footer>
</body>
</html>