2300090111

SkSumaiyaSamreen · web-flow · commit 75162408474a · 2024-03-18T17:33:24.000+05:30
codejam task completed
diff --git a/WhatsApp Image 2024-03-17 at 18.49.12_8afc6f2e.jpg b/WhatsApp Image 2024-03-17 at 18.49.12_8afc6f2e.jpg
diff --git a/index.css b/index.css
@@ -1,50 +1,44 @@
-* {
+*{
     padding: 0;
     margin: 0;
     box-sizing: border-box;
 }
-
-.container {
+.container{
     height: 100vh;
     width: 100%;
     display: flex;
-    align-items: center;
+    align-items:center;
     justify-content: center;
-}
 
-.card {
+}
+.card{
     width: 20%;
     display: flex;
     flex-direction: column;
 }
-
-.card-one {
+.card-one{
     width: 100%;
+
 }
-.card-one img {
+.card-one img{
     width: 100%;
 }
-
-.card-two {
+.card-two{
     width: 100%;
-    padding: 1rem;
-    
-    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+    padding:1rem;
+    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
 }
-
-.card-two h1 {
-    font-size: 1.5rem;
+.card-two h1{
+    font: size 1.5rem ;
 }
-.card-two h2 {
+.card-two h2{
     font-size: 1.2rem;
     margin-bottom: 1rem;
     color: grey;
 }
-
-.card-two a {
+.card-two a{
     text-decoration: none;
     background-color: black;
     color: white;
     padding: 5px 10px;
-}
-  
+}
diff --git a/index.html b/index.html
@@ -3,27 +3,22 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>CodeJam - ZeroOne</title>
+    <title>Codejam-ZeroOne</title>
     <link rel="stylesheet" href="index.css">
 </head>
 <body>
-    
+    <div class="container">
+        <div class="card">
 
-<div class="container">
-    <div class="card">
-
-        <div class="card-one">
-            <img src="ZOCC_logo.png" alt="">
+            <div class="card-one">
+             <img src="ZOCC_logo.png" alt="">
             </div>
             <div class="card-two">
-                 <h1>ZeroOne Code Club</h1>
-                 <h2>Student Activity Center</h2>
-
-                 <a herf="#">Join</a>
+            <h1>ZeroOne Code Club</h1>
+            <h2>Student Activity Center</h2>
+            <a href="#">Join</a>
             </div>
         </div>
     </div>
-</div>
-</container>
 </body>
 </html>
