Saivenkat2005 · 2300033496 · Mar 18, 2024
diff --git a/index .css b/index .css
@@ -0,0 +1,53 @@
+*{
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
+}
+
+.container{
+    height: 100vh; 
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.card{
+    width: 20%;
+    display: flex;
+    flex-direction: column;
+
+}
+
+.card-one{
+    width: 100%;
+}
+
+.card-one img{
+    width: 100%;
+
+}
+
+.card-two{
+    width: 100%;
+    padding: 1rem;
+
+
+    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+
+.card-two h1{
+    font-size: 1.5rem;
+}
+.card-two h2{
+    font-size: 1.2rem;
+    margin-bottom: 1rem;
+    color:grey;
+}
+
+.card-two a{
+    text-decoration: none;
+    background-color: black;
+    color: white;
+    padding: 5px 10px;
+}
diff --git a/index.html b/index.html
@@ -3,22 +3,24 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>CodeJam - ZeroOne </title>
-    <link rel="stylesheet" href="index.css">
+    <title>codeJam-zeroOne</title>
+    <link rel="stylesheet" href="index .css">
+</head>
+<body>
+
+
     <div class="container">
         <div class="card">
             <div class="card-one">
-                <img src="ZOCC_logo.png" alt="">
+                <img src="photo_2024-03-18_22-59-05.jpg" alt="">
             </div>
             <div class="card-two">
-                <h1>ZeroOne Code Club</h1>
-                <h2>Student Activity Center</h2>
-                <a href="#">Join</a>
+            <h1>zeroone code club</h1>
+            <h2>student activity centre</h2>
+
+            <a href="#">Join</a>
             </div>
         </div>
     </div>
-</head>
-<body>
-
 </body>
 </html>
diff --git a/photo_2024-03-18_22-59-05.jpg b/photo_2024-03-18_22-59-05.jpg