Merge pull request #70 from baekusboo/main

Contributed - added my card too!

Author: vinayakgavariya

assets/ss_quote.jpg

@@ -56,6 +56,68 @@ <h3>by Bruna-luc</h3>
         </div>
       </div>
 
+      <div class="grid-item">
+        <div class="card">
+          <div class="img-cont">
+            <img class="card-img"
+              src="./assets/ss_quote.jpg"
+              alt="you can win if you want" />
+          </div>
+          <div class="card-content">
+            <h1 class="card-header">🔥</h1>
+            <p class="card-text">
+              You can WIN if you WANT!
+            </p>
+            <br>
+            <h3>by Sai Sunitha</h3>
+
+            <a href="https://www.linkedin.com/in/sai-sunitha-g-418a161b5/" target="_blank">
+              <button class="card-btn">Connect with me!</button>
+            </a>
+
+          </div>
+        </div>
+      </div>
+
+
+
+          <div class="card-content">
+            <h1 class="card-header">👀</h1>
+            <p class="card-text">
+              Just Do It.
+            </p>
+            <h3>not by pious</h3>
+            <button class="card-btn">Click Here</button>
+          </div>
+        </div>
+      </div>
+      
+      <div class="grid-item">
+        <div class="card">
+          <img class="card-img" src="https://www.adweek.com/wp-content/uploads/files/blogs/just-do-it-hed-2013.jpg"
+            alt="Maldives" />
+          <div class="card-content">
+            <h1 class="card-header">🌻</h1>
+            <p class="card-text">
+              It's weird not to be weird!!!
+            </p>
+            <h3>by Maheen</h3>      
+        <div class="grid-item">
+        <div class="card">
+          <div class="img-cont">
+            <img class="card-img" src="https://parade.com/.image/c_limit%2Ccs_srgb%2Cq_auto:good%2Cw_680/MTkwNTc1ODgzMjYwNTM1OTMz/funny-quotes-m-scott.webp"
+              alt="" />
+          </div>
+          <div class="card-content">
+            <h1 class="card-header">✨</h1>
+            <p class="card-text">
+             "I'm not superstitious, but I'm a little stitious."
+            </p>
+            <h3>by Abhinav Banerjee</h3>
+            <button class="card-btn">Click Here</button>
+          </div>
+        </div>
+      </div>
 
 
       <div class="grid-item">

index.html

@@ -241,16 +241,6 @@ body {
   margin-left: 1.5rem;
 }
 
-@media only screen and (max-width: 60em) {
-  /* body {
-    padding: 3rem;
-  } */
-
-  .grid-item {
-    flex: 100%;
-  }
-}
-
 .header {
   overflow: hidden;
   background-color: #f1f1f1;
@@ -264,3 +254,21 @@ body {
 .subtitle {
   text-align: center;
 }
+
+a:link {
+  text-decoration: none;
+}
+
+a:visited {
+  text-decoration: none;
+}
+
+@media only screen and (max-width: 60em) {
+  /* body {
+    padding: 3rem;
+  } */
+
+  .grid-item {
+    flex: 100%;
+  }
+}