<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blog/News Article</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<header>
<h1 class="article-title">Codezillaye For You , it's Help you </h1>
<p class="article-meta">Published on <span class="publish-date">June 16, 2024</span> by <span class="author">John Doe</span></p>
</header>
<article class="article-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam et velit eget sapien dapibus dictum.</p>
<p>Nunc eget nisi varius, convallis nunc sed, fermentum risus. Suspendisse potenti. Nullam id velit ac arcu fermentum molestie.</p>
<figure class="article-image">
<img src="https://via.placeholder.com/600x400" alt="Placeholder Image">
<figcaption>Image caption goes here</figcaption>
</figure>
<p>Curabitur sit amet velit id nisi scelerisque dignissim. Proin sit amet neque feugiat, venenatis lectus nec, dignissim sem.</p>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
<blockquote class="article-quote">
<p>Etiam at mi a nunc varius egestas. Sed id risus a orci convallis auctor.</p>
<cite>Codezillaye</cite>
</blockquote>
<p>Donec fringilla, neque vitae laoreet convallis, eros ex commodo elit, sit amet vehicula eros velit sed justo.</p>
<ul>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
<p>Integer eu odio in eros fermentum blandit. Quisque ac odio in metus vehicula volutpat vel vel ante.</p>
</article>
</div>
</body>
</html>
