From 1e640ee69877e56c6d655035b3c41014dbacf8e5 Mon Sep 17 00:00:00 2001
From: mayank <mayankchoudharyghs@gmail.com>
Date: Tue, 10 Oct 2023 11:27:36 +0530
Subject: [PATCH] Blog page Html
---
Html-blog_page | 65 ++++++++++++++++++++++++++++++++++++++++++++++++++
1 file changed, 65 insertions(+)
create mode 100644 Html-blog_page
diff --git a/Html-blog_page b/Html-blog_page
new file mode 100644
index 0000000..c8c24bd
--- /dev/null
+++ b/Html-blog_page
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>My Blog</title>
+ <style>
+ body {
+ font-family: Arial, sans-serif;
+ margin: 0;
+ padding: 0;
+ }
+ header {
+ background-color: #333;
+ color: #fff;
+ text-align: center;
+ padding: 10px;
+ }
+ h1 {
+ margin: 0;
+ }
+ nav {
+ background-color: #444;
+ color: #fff;
+ text-align: center;
+ padding: 10px;
+ }
+ nav ul {
+ list-style-type: none;
+ padding: 0;
+ }
+ nav ul li {
+ display: inline;
+ margin-right: 20px;
+ }
+ .container {
+ max-width: 800px;
+ margin: 0 auto;
+ padding: 20px;
+ }
+ .post {
+ margin-bottom: 30px;
+ }
+ .post h2 {
+ font-size: 24px;
+ }
+ </style>
+</head>
+<body>
+ <header>
+ <h1>My Blog</h1>
+ </header>
+ <nav>
+ <ul>
+ <li><a href="#">Home</a></li>
+ <li><a href="#">About</a></li>
+ <li><a href="#">Contact</a></li>
+ </ul>
+ </nav>
+ <div class="container">
+ <div class="post">
+ <h2>Blog Post Title 1</h2>
+ <p>Posted By your name</p>
+ <p>This is the content of the first blog post. Lorem ipsum dolor sit amet, consectetur adipiscing elit...</p>
+ <a