Update index.html

index.html

@@ -363,9 +363,37 @@
         .message-container strong {
             font-weight: bold;
         }
-    </style>
-</head>
+          .initial-message {
+        font-size: 18px;
+        color: #fff;
+        background-color: #4c51bf;
+        padding: 20px;
+        border-radius: 12px;
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+        text-align: center;
+        position: fixed;
+        top: 20px;
+        left: 50%;
+        transform: translateX(-50%);
+        z-index: 1000;
+        width: 80%;
+        max-width: 600px;
+        opacity: 0;
+        transform: translateY(-20px) translateX(-50%);
+        animation: fadeIn 1s forwards;
+    }
 
+    @keyframes fadeIn {
+        to {
+            opacity: 1;
+            transform: translateY(0) translateX(-50%);
+        }
+    }
+    </style>
+</head>    <div class="container">
+        <div class="initial-message">Welcome to the real OpenAI GPT-4 Chat!</div>
+        <div class="message-container"></div>
+    </div>
 <div class="container">
     <div class="message-container"></div>
 </div>