Update: new version

MDJAmin · MDJAmin · commit c1d7ea7ca427 · 2025-04-13T11:15:29.000+04:30
diff --git a/index.html b/index.html
@@ -9,7 +9,6 @@
     <link rel="stylesheet" href="style.css">
     <title>Social Media Card Hover</title>
 </head>
-
 <body>
     <div class="container">
         <div class="card">
@@ -23,26 +22,26 @@
             <div class="face face2">
                 <div class="content">
                     <h3>
-                        <a href="#" target="_blank">Card</a>
+                        <a href="#" target="_blank">Linkedin</a>
                     </h3>
-                    <p>This is where I network and build my professional portfolio.</p>
+                    <p>This is where I share info about this section.</p>
                 </div>
             </div>
         </div>
         <div class="card">
             <div class="face face1">
                 <div class="content">
                     <div class="icon">
-                        <i class="fa fa-twitter-square" aria-hidden="true"></i>
+                        <i class="fa fa-youtube-square" aria-hidden="true"></i>
                     </div>
                 </div>
             </div>
             <div class="face face2">
                 <div class="content">
                     <h3>
-                        <a href="#" target="_blank">Card</a>
+                        <a href="#" target="_blank">Youtube</a>
                     </h3>
-                    <p>This is where I read news and network with different social groups.</p>
+                    <p>This is where I share info about this section.</p>
                 </div>
             </div>
         </div>
@@ -57,13 +56,12 @@ <h3>
             <div class="face face2">
                 <div class="content">
                     <h3>
-                        <a href="#" target="_blank">Card</a>
+                        <a href="#" target="_blank">GitHub</a>
                     </h3>
-                    <p>This is where I share code and work on projects.</p>
+                    <p>This is where I share info about this section.</p>
                 </div>
             </div>
         </div>
     </div>
 </body>
-
 </html>
diff --git a/style.css b/style.css
@@ -34,15 +34,15 @@ body {
 }
 
 .container .card:nth-child(1) .icon {
-  background: #e07768;
+  background: #2dafff;
 }
 
 .container .card:nth-child(2) .icon {
-  background: #6eadd4;
+background: #f00;
 }
 
 .container .card:nth-child(3) .icon {
-  background: #4aada9;
+  background: #000000;
 }
 
 .container .card .icon .fa {

Original file line number	Diff line number	Diff line change
`@@ -34,15 +34,15 @@ body {`
`34`	`34`	`}`
`35`	`35`
`36`	`36`	`.container .card:nth-child(1) .icon {`
`37`		`- background: #e07768;`
	`37`	`+ background: #2dafff;`
`38`	`38`	`}`
`39`	`39`
`40`	`40`	`.container .card:nth-child(2) .icon {`
`41`		`- background: #6eadd4;`
	`41`	`+background: #f00;`
`42`	`42`	`}`
`43`	`43`
`44`	`44`	`.container .card:nth-child(3) .icon {`
`45`		`- background: #4aada9;`
	`45`	`+ background: #000000;`
`46`	`46`	`}`
`47`	`47`
`48`	`48`	`.container .card .icon .fa {`