Scribd
Upload
19 views3 pages

Blogsite HTML

blogsite.html

Uploaded by

Hameed Abdulkabir Adebowale
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
19 views3 pages

Blogsite HTML

blogsite.html

Uploaded by

Hameed Abdulkabir Adebowale
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

<!

DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Beautiful Blog</title>

<link rel="stylesheet" href="blog.css">

<link href="https://fonts.googleapis.com/css2?
family=Playfair+Display:wght@400;700&family=Roboto:wght@400;700&display=swap"
rel="stylesheet">

</head>

<body>

<header class="hero">

<div class="overlay"></div>

<nav class="navbar">

<div class="logo">MyBlog</div>

<ul>

<li><a href="#">Home</a></li>

<li><a href="#">About</a></li>

<li><a href="#">Categories</a></li>

<li><a href="#">Contact</a></li>

</ul>

</nav>

<div class="hero-content">

<h1>Discover the Art of Writing</h1>

<p>Unfold stories, thoughts, and ideas in a world designed for creators.</p>


<a href="#articles" class="btn-primary">Explore Now</a>

</div>

</header>

<section id="articles" class="articles">

<h2>Latest Articles</h2>

<div class="article-grid">

<article class="card">

<img src="https://via.placeholder.com/300x200" alt="Blog Post">

<h3>How to Write Creatively</h3>

<p>Learn techniques to enhance your writing skills and stand out.</p>

<a href="#" class="btn-secondary">Read More</a>

</article>

<article class="card">

<img src="https://via.placeholder.com/300x200" alt="Blog Post">

<h3>Top 10 Books of 2024</h3>

<p>A curated list of must-read books for this year.</p>

<a href="#" class="btn-secondary">Read More</a>

</article>

<article class="card">

<img src="https://via.placeholder.com/300x200" alt="Blog Post">

<h3>Creating a Content Calendar</h3>

<p>Organize your blogging journey with effective planning.</p>

<a href="#" class="btn-secondary">Read More</a>

</article>
</div>

</section>

<footer>

<p>© 2024 MyBlog | Designed with Love</p>

</footer>

</body>

</html>

You might also like