added pages.

TeaClientMC · Aug 6, 2023 · 67b11cf · 67b11cf
1 parent 160bc8b
commit 67b11cf
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 2 deletions.
diff --git a/css/index.css b/css/index.css
@@ -1,5 +1,5 @@
 .image {
-    background: url('../assets/teashop.png');
+    background: url('');
     background-size: cover;
     background-attachment: fixed;
     filter: blur(2px) brightness(70%);

diff --git a/index.html b/index.html
@@ -3,8 +3,51 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="../css/index.css">
     <title>Teaclient</title>
+    <style>
+        .image {
+    background: url('https://cdn.discordapp.com/attachments/1131893827192504320/1134936393450262669/image.png');
+    background-size: cover;
+    background-attachment: fixed;
+    filter: blur(2px) brightness(70%);
+    position: relative;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-position: center;
+    /* Center the background vertically */
+}
+
+
+/* CSS for the shadow class */
+.shadow-box {
+    width: 200px;
+    /* Adjust the width as needed */
+    height: 200px;
+    /* Adjust the height as needed */
+    border-radius: 10px;
+    /* Adjust the radius to control the roundness of corners */
+    background-color: #ffffff;
+    /* Set the background color */
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    /* Add the shadow effect */
+    /* You can adjust the values in the box-shadow property for different shadow effects */
+}
+
+
+.shadow-aqua{
+    content: "";
+    position: absolute;
+    width: 120px; 
+    height: 120px;
+    background-color: #cd2222;
+    left: 15%;
+    top: 20%;
+    top: 20%;
+
+}
+    </style>
 </head>
 <body class="image">
     <div class="shadow-aqua">