added zara logo

TheRealShreyash · Nov 28, 2024 · 7ed271f · 7ed271f
1 parent ffaabd4
commit 7ed271f
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -24,6 +24,11 @@
         <button class="policybutton" type="button">Privacy Policy</button>
       </div>
     </div>
+    <div class="body">
+      <div class="zaralg">
+        <img src="https://cdn.discordapp.com/avatars/954266534715473960/55f85587e34ee8e1f7aaeb03f25c7631.png?size=4096" class="zaralgimg">
+      </div>
+    </div>
     <script src="script.js"></script>
   </body>
 </html>
diff --git a/style.css b/style.css
@@ -106,3 +106,35 @@ a {
   background-color: #2f2f2f;
   border: 2px solid #faa276;
 }
+
+.zaralg {
+  display: flex;
+  align-items: center;
+  margin-left: 42.9%;
+  margin-top: 10%;
+}
+
+.zaralgimg {
+  height: 200px;
+  width: 200px;
+  border-radius: 20px;
+  box-shadow: 0 1px 20px black;
+  animation: bounce 10s infinite;
+  transition: 0.5s;
+}
+
+.zaralgimg:hover {
+  transform: scale(1.1); /* Optional: slightly grow the element on hover */
+}
+
+@keyframes bounce {
+  0% {
+    transform: translateY(0);
+  }
+  50% {
+    transform: translateY(-20px);
+  }
+  100% {
+    transform: translateY(0);
+  }
+}