diff --git a/index.html b/index.html
index 1386a18..bf6ac58 100644
--- a/index.html
+++ b/index.html
@@ -42,17 +42,54 @@
             justify-content: center;
             gap: 24px;
         }
+
+        .card {
+            padding: 0.5rem;
+            aspect-ratio: 1 / 1;
+            background-color: white;
+            border-radius: 10px;
+            box-shadow: 0 5px 10px 5px rgba(200, 200, 200, 0.2);
+            transition: transform 0.2s ease-in-out;
+            text-align: center;
+        }
+
+        .card:hover {
+            transform: scale(1.04);
+        }
+
+        .logo {
+            width: 100%;
+            padding-left: 1rem;
+            padding-right: 1rem;
+            display: block;
+            margin: 0 auto;
+        }
+
+        .divider {
+            margin-left: 1rem;
+            margin-right: 1rem;
+            border: 1px solid #213141;
+        }
+
+        .description {
+            
+        }
     </style>
 </head>
 
 <body>
 
     <div class="wrapper">
+        <div class="card">
+            <img src="https://git.myco.systems/assets/img/logo.svg" alt="Logo" class="logo">
+            <hr class="divider">
+            <p class="description">Description text goes here.</p>
+        </div>
     </div>
 
     <section class="about-me">
-        <h1>About Me</h1>
-        <p>This is a brief description about me.</p>
+        <h1>About</h1>
+        <p>This is a brief description about...</p>
     </section>
 
 </body>
