Update index.html

Itz-Ashlynn · Aug 19, 2024 · d7ba167 · d7ba167
1 parent 2a11f91
commit d7ba167
Showing 1 changed file with 102 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 <head>
   <meta charset="UTF-8">
   <title>Royal Ashlynn Bot</title>
@@ -8,6 +8,106 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
   <link rel="stylesheet" href="style.css">
+  <style>
+    /* Body and Background */
+    body {
+      margin: 0;
+      padding: 0;
+      font-family: 'Arial', sans-serif;
+      color: #ffffff;
+      background: #000000;
+      background-image: radial-gradient(circle at center, #121212, #000000), url('https://i.ibb.co/WcfS0zX/electric-bg.gif');
+      background-size: cover;
+      background-blend-mode: overlay;
+    }
+
+    /* Header Styling */
+    header {
+      text-align: center;
+      padding: 20px;
+      position: relative;
+    }
+
+    header h1 {
+      color: #ff0066;
+      font-size: 3rem;
+      text-shadow: 0 0 10px #ff0066, 0 0 20px #ff0066, 0 0 30px #ff0066;
+    }
+
+    header img {
+      border-radius: 50%;
+      width: 150px;
+      height: 150px;
+      border: 5px solid #ff0066;
+      box-shadow: 0 0 10px #ff0066, 0 0 20px #ff0066;
+    }
+
+    header section {
+      margin-top: 20px;
+    }
+
+    /* General Section and Article Styles */
+    section {
+      margin: 20px;
+      padding: 20px;
+      background: rgba(0, 0, 0, 0.7);
+      border-radius: 15px;
+      box-shadow: 0 0 10px #ff0066, 0 0 20px #ff0066;
+    }
+
+    section h3 {
+      color: #ffcc00;
+      text-shadow: 0 0 10px #ffcc00;
+      margin-bottom: 10px;
+    }
+
+    section article {
+      margin-bottom: 15px;
+    }
+
+    article .title h4 {
+      color: #00ccff;
+      text-shadow: 0 0 10px #00ccff;
+    }
+
+    article .descrition p {
+      color: #cccccc;
+    }
+
+    /* Footer */
+    footer {
+      text-align: center;
+      padding: 20px;
+      background: #121212;
+      box-shadow: 0 0 10px #ff0066, 0 0 20px #ff0066;
+    }
+
+    footer p {
+      color: #ffcc00;
+    }
+
+    footer p a {
+      color: #00ccff;
+      text-decoration: none;
+    }
+
+    footer p a:hover {
+      text-shadow: 0 0 10px #00ccff;
+    }
+
+    /* Link Button Styles */
+    a i {
+      font-size: 2rem;
+      color: #00ccff;
+      margin: 10px;
+      transition: transform 0.3s ease, text-shadow 0.3s ease;
+    }
+
+    a i:hover {
+      transform: scale(1.2);
+      text-shadow: 0 0 10px #00ccff, 0 0 20px #00ccff;
+    }
+  </style>
 </head>
 
 <body>
@@ -17,7 +117,7 @@
     </div>
     <h1>Royal Ashlynn Bot</h1>
     <section>
-      <p>Hello! I am Royal Ashlynn Bot - your ultimate all-in-one solution for all your digital needs! Need a temp email?  Royal Ashlynn's got you covered.  Want to chat with a super-smart AI?  Royal Ashlynn's got you covered.  Need to download Instagram reels or YouTube Shorts?  Royal Ashlynn's got you covered. And that's just the tip of the iceberg!  This bot can generate images, Create logos, host your images, create telegraphs,SMS bomber (use responsibly!), and even offer some advanced courses to help you level up your skills.</p>
+      <p>Hello! I am Royal Ashlynn Bot - your ultimate all-in-one solution for all your digital needs! Need a temp email? Royal Ashlynn's got you covered. Want to chat with a super-smart AI? Royal Ashlynn's got you covered. Need to download Instagram reels or YouTube Shorts? Royal Ashlynn's got you covered. And that's just the tip of the iceberg! This bot can generate images, Create logos, host your images, create telegraphs, SMS bomber (use responsibly!), and even offer some advanced courses to help you level up your skills.</p>
       <a href="https://t.me/Royal_Ashlynn_Bot" target="_blank">
         <i class="fab fa-telegram"></i>
       </a>