HTML और CSS का उपयोग करके एक बुनियादी ब्लॉग बनाएँ।
<!DOCTYPE html>
<html>
<head>
	<title>My Basic Blog</title>
	<style>
		body {
			font-family: Arial, sans-serif;
			margin: 0;
			padding: 0;
		}
		header {
			background-color: #333;
			color: #fff;
			text-align: center;
			padding: 20px;
		}
		nav {
			background-color: #f2f2f2;
			text-align: center;
			padding: 10px;
		}
		nav a {
			text-decoration: none;
			color: #333;
			padding: 5px;
			margin: 0 10px;
			font-weight: bold;
		}
		section {
			padding: 20px;
			max-width: 800px;
			margin: auto;
		}
		h1 {
			color: #333;
			font-size: 36px;
			margin-bottom: 20px;
		}
		p {
			line-height: 1.5;
			margin-bottom: 20px;
		}
		footer {
			background-color: #333;
			color: #fff;
			text-align: center;
			padding: 20px;
		}
	</style>
</head>
<body>
	<header>
		<h1>Welcome to My Basic Blog</h1>
	</header>
	<nav>
		<a href="#">Home</a>
		<a href="#">About</a>
		<a href="#">Contact</a>
	</nav>
	<section>
		<h1>My First Blog Post</h1>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel neque sit amet velit hendrerit mollis. Morbi viverra odio nec elit luctus finibus. Vivamus vel posuere mauris. Praesent in eros sed libero volutpat bibendum nec at lorem. Aliquam quis massa eu sem varius posuere quis sed felis. Curabitur eget purus in ante imperdiet fringilla ut sit amet arcu.</p>
		
		<p>Aliquam non mattis leo. Integer et mi a eros mollis tincidunt vel at eros. Integer id nunc eu nulla posuere maximus. Donec suscipit sapien feugiat neque iaculis, id viverra nisi consequat. Nullam nec condimentum urna. Sed scelerisque, leo a dapibus aliquam, nulla felis bibendum lacus, sit amet malesuada risus est ac urna. Suspendisse non lacus sed libero blandit tempus eget in magna. Suspendisse at ex interdum lorem rutrum egestas et vel odio. </p>

		<h1>My Second Blog Post</h1>
		<p>Nam accumsan nulla sed finibus imperdiet. Nunc aliquam ipsum massa, id vestibulum ante accumsan ac. Vivamus tempus, nisl vel ullamcorper tempus, ipsum nunc feugiat enim, eget varius enim lorem at lacus. In hac habitasse platea dictumst. Sed vitae rutrum mi. Pellentesque posuere volutpat erat sit amet fringilla. Fusce dignissim purus vel dui dignissim, non iaculis nisl consequat. Donec id nisi id turpis interdum sodales eu ac lectus. </p>
		
		<p>Aliquam vestibulum condimentum metus, id placerat massa congue id. Donec eu sem lacinia, luctus ligula vel, egestas lacus. Praesent eget quam elit. Ut pretium, mi et faucibus rhoncus, nulla felis commodo enim, non molestie est velit vel augue. Nullam bibendum interdum ligula, sed venenatis nibh rutrum sit amet. Aliquam dapibus mi et est volutpat, a aliquet arcu suscipit. Fusce ultricies augue in convallis pulvinar. Nunc porttitor felis risus, at pulvinar enim fermentum a. Vivamus malesuada libero in risus porta tincidunt sed vel arcu. </p>
	</section>
	<footer>
		<p>Copyright © 2021 My Basic Blog
	</footer>
</body>
</html>