add fav

index.html

@@ -9,6 +9,7 @@
      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
      <link href="https://fonts.googleapis.com/css2?family=Open+Sans&family=The+Nautigal&display=swap" rel="stylesheet">
                  <!---google font--->
+                 <link rel="shortcut icon" href="./img/person-4.png" type="image/x-icon">
     <link rel="stylesheet" href="style.css">
     <title>Ekram Portfolio</title>
 </head>
@@ -74,7 +75,7 @@ <h3>Goals</h3>
             <h2>Develop without limits</h2>
             <p>A full stack web developer based in Dhaka, Bangladesh. I enjoy creating things that live on the internet, whether that be websites, applications, or anything in between. Shortly after graduating from National University of Bangaldesh with a BSc. in Computer Science & Engineering, I started freelancing where I work on a wide variety of interesting and meaningful projects on a daily basis.
             </p>
-            <button class="button">Read the Document</button>
+           <a target="blank" href="https://www.facebook.com/profile.php?id=100015856696787"> <button class="button">Read the Document</button></a>
         </div>
     </section>
 

style.css

@@ -14,6 +14,7 @@ h1{
 }
 .left
 p{
+
     text-align:justify;
     text-align: center;
 }
@@ -27,6 +28,7 @@ p{
     text-decoration: none;
 }
 .page-one{
+    margin: 4%;
 
     display: flex;
     justify-content: space-between;
@@ -49,6 +51,7 @@ p{
 }
 
 .coding{
+    margin: 5%;
     height: 400px;
 
 }
@@ -82,21 +85,22 @@ p{
 #card{
     justify-content: center;
     display: flex;
-    margin-left: 
+    margin: %; 
 }
 #pic1{
     height: 45%;
 }
 #card-one{
       display:flex;
-     margin-top: 50px auto;
+
      justify-content:space-between;
      align-items: center; 
 
      text-align: center;
     text-justify: auto;
     width: 30%;
     border: rgb(11, 11, 11); 
+    margin: 3%;
 
 }
 .card-two{