Added Twitter logo to cards

src/layouts/index.html

@@ -291,7 +291,7 @@
     }
 
     .twi-card-container{
-      height: 350px;
+      height: 400px;
     }
 
     .twitter-card{
@@ -302,6 +302,10 @@
     .twitter-card:hover{
       background-color: #337280;
     }
+
+    .twitter-card-logo{
+      width:30px;
+    }
   </style>
 
   <div class="container mb-5">
@@ -327,6 +331,7 @@
           <div class="col-sm-12 col-lg-4">
             <div class="card twi-card-container">
               <div class="card-body p-4 twitter-card">
+                  <img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
                   <p>alexpoon.eth<br>
                   @alexpoon_hk</p>
                   <p>Open source dev is broken. So cool to see @teaxyz_ bringing new life to popular software projects like homebrew to web3.</p>
@@ -340,6 +345,7 @@
           <div class="col-sm-12 col-lg-4">
             <div class="card twi-card-container">
               <div class="card-body p-4 twitter-card">
+                <img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
                 <p>0xTea<br>
                 @0xTea_</p>
                 <p>This is the innovation we need , and technology with  the right frame of mind of rewarding the creators in a way that scales and is in perpetuity</p>
@@ -353,6 +359,7 @@
           <div class="col-sm-12 col-lg-4">
             <div class="card twi-card-container">
               <div class="card-body p-4 twitter-card">
+                <img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
                 <p>jcinis.eth<br>
                 @jcinis</p>
                 <p>It is hard to think of a more perfect use for blockchain technology than coordinating package releases for opensource software. What @teaxyz_ is embarking on will improve security, maintenance, and reliability, while providing much-needed incentive for independent developers. 🙌🏼 </p>
@@ -373,6 +380,7 @@
           <div class="col-sm-12 col-lg-4">
             <div class="card twi-card-container">
               <div class="card-body p-4 twitter-card">
+                <img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
                   <p>Jason Warner<br>
                   @jasoncwarner</p>
                   <p>Now this is legitimately interesting. I’m super glad to see more open source veterans looking at using crypto as distribution mechanisms.</p>
@@ -386,6 +394,7 @@
           <div class="col-sm-12 col-lg-4">
             <div class="card twi-card-container">
               <div class="card-body p-4 twitter-card">
+                <img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
                 <p>Andrew Fernandez<br>
                   @bhsdrew</p>
                 <p>Congrats man [Max] this is one of the first real interesting use cases I’ve seen for web3… really excited to see this grow</p>
@@ -399,6 +408,7 @@
           <div class="col-sm-12 col-lg-4">
             <div class="card twi-card-container">
               <div class="card-body p-4 twitter-card">
+                <img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
                 <p>Jason Warner<br>
                 @jasoncwarner</p>
                 <p>Now this is legitimately interesting. I’m super glad to see more open source veterans looking at using crypto as distribution mechanisms.</p>
@@ -417,6 +427,7 @@
           <div class="col-sm-12 col-lg-4">
             <div class="card twi-card-container">
               <div class="card-body p-4 twitter-card">
+                <img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
                   <p>Nick Dobos<br>
                   @NickADobos</p>
                   <p>Homebrew is getting a web3 upgrade! 👀 <br>
@@ -437,6 +448,7 @@
           <div class="col-sm-12 col-lg-4">
             <div class="card twi-card-container">
               <div class="card-body p-4 twitter-card">
+                <img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
                 <p>Ben<br>
                 @ben_mathes</p>
                 <p>TI'm skeptical of a lot of web3. Indirect value to package maintainers though I support. Tea looks rad.<br>
@@ -451,6 +463,7 @@
           <div class="col-sm-12 col-lg-4">
             <div class="card twi-card-container">
               <div class="card-body p-4 twitter-card">
+                <img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
                 <p>Developer DAO (🧱, 🚀)<br>
                 @developer_dao</p>
                 <p>probably nothing</p>