From 31a51f92c24de2989185e53a826828b19bbb538c Mon Sep 17 00:00:00 2001
From: CI-DEV <154627941+IlumCI@users.noreply.github.com>
Date: Sat, 13 Apr 2024 16:49:36 +0300
Subject: [PATCH] Create index.html

---
 index.html | 81 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 81 insertions(+)
 create mode 100644 index.html
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..4c862ab
--- /dev/null
+++ b/index.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>News Portal</title>
+    <style>
+        body {
+            background-color: black;
+            color: white;
+            font-family: monospace;
+            padding: 20px;
+            overflow: hidden;
+        }
+        .container {
+            max-width: 800px;
+            margin: 0 auto;
+            animation: typing 5s steps(40, end);
+            white-space: nowrap;
+            overflow: hidden;
+        }
+        @keyframes typing {
+            from { width: 0; }
+        }
+        .post {
+            margin-bottom: 40px;
+            border-bottom: 1px solid white;
+            padding-bottom: 20px;
+            animation: fadeIn 3s ease-out;
+        }
+        @keyframes fadeIn {
+            from { opacity: 0; }
+            to { opacity: 1; }
+        }
+        .post h2 {
+            font-size: 24px;
+            margin-bottom: 10px;
+        }
+        .post p {
+            font-size: 18px;
+            line-height: 1.6;
+        }
+        .header {
+            text-align: center;
+            margin-bottom: 40px;
+            animation: fadeIn 3s ease-out;
+        }
+        .nav {
+            text-align: center;
+            margin-bottom: 20px;
+            animation: fadeIn 3s ease-out;
+        }
+        .footer {
+            text-align: center;
+            margin-top: 40px;
+            animation: fadeIn 3s ease-out;
+        }
+    </style>
+</head>
+<body>
+    <div class="header">
+        <h1>Welcome to our News Portal</h1>
+    </div>
+    <div class="nav">
+        <nav>
+            <a href="#">Home</a> | <a href="#">About</a> | <a href="#">Contact</a>
+        </nav>
+    </div>
+    <div class="container">
+        <div class="post">
+            <h2>Sample Post Title</h2>
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel leo eu quam sodales consectetur. Donec quis eros sed dui malesuada varius. Sed porta ante vitae odio vulputate, in fermentum magna rhoncus.</p>
+            <p>Integer ut mi id est fermentum efficitur. Duis efficitur arcu ut mauris lacinia tempus. Proin hendrerit risus vel mauris facilisis, vel eleifend elit gravida. Vestibulum nec mauris in tortor facilisis cursus.</p>
+        </div>
+        <!-- More posts can be added here -->
+    </div>
+    <div class="footer">
+        <p>&copy; 2024 News Portal. All rights reserved.</p>
+    </div>
+</body>
+</html>
