<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@1/css/pico.min.css">
<title>Road Safety Blog</title>
</head>
<body>
<nav class="container-fluid">
<ul>
<li><strong>Road Safety Blog</strong></li>
</ul>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Safety Tips</a></li>
<li><a href="#" role="button">Contact</a></li>
</ul>
</nav>
<main class="container">
<div class="grid">
<section>
<hgroup>
<h2>Welcome to Our Road Safety Blog</h2>
<h3>Ensuring safer journeys for everyone</h3>
</hgroup>
<p>This blog is dedicated to sharing valuable road safety tips, the latest news in traffic regulations, and insights into safe driving practices. Our goal is to make the roads safer for drivers, passengers, and pedestrians alike.</p>
<figure>
<img src="https://source.unsplash.com/featured/?roadsafety" alt="Road Safety" />
<figcaption>Join us in promoting road safety awareness</figcaption>
</figure>
<h3>Safety Tips</h3>
<p>Explore our collection of safety tips designed to help you navigate various driving conditions and scenarios safely.</p>
<h3>Latest News</h3>
<p>Stay updated with the latest in road safety regulations and traffic laws to ensure you're always informed.</p>
</section>
</div>
</main>
<footer class="container">
<small>
<a href="#">Privacy Policy</a> • <a href="#">Terms of Use</a>
</small>
</footer>
</body>
</html>
by
Tags:
Leave a Reply