finished

khanm206 · Jan 7, 2024 · 3831e72 · 3831e72
1 parent 93b086c
commit 3831e72
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -11,6 +11,7 @@
         href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap"
         rel="stylesheet">
     <link rel="stylesheet" href="styles/style.css">
+    <script src="https://kit.fontawesome.com/da355b6546.js" crossorigin="anonymous"></script>
 </head>
 
 <body>
@@ -29,8 +30,8 @@ <h3 class="banner-greetings">Hi, I am</h3>
                 <h1 class="banner-title">Mary Hardy</h1>
                 <p class="under-text">Shot what able cold new see hold.Friendly as an betrayed formerly he. Morning
                     because as to society behaved moments.</p>
-                <button class="primary-button"> Download CV</button>
-                <button class="second-button">Contact Me</button>
+                <button class="primary-button"><i class="fa-solid fa-download"></i> Download CV</button>
+                <button class="second-button"><i class="fa-solid fa-phone"></i> Contact Me</button>
             </div>
             <img class="profile-picture" src="images/hardy.png" alt="image is unavailable">
         </div>
@@ -167,7 +168,7 @@ <h4 class="resume-item-sub-title">Adobe Inc / 2017 - 2018</h4>
                 </div>
             </div>
                 <div class="download-cv">
-                    <button class="primary-button">Download CV</button>
+                    <button class="primary-button"><i class="fa-solid fa-download"></i> Download CV</button>
                 </div>
         </section>
 

diff --git a/styles/style.css b/styles/style.css
@@ -18,7 +18,7 @@ nav {
    font-size: 45px;
    font-weight: 800;
    /* margin-left: 10px; */
-   padding-left: 20px;
+   padding-left: 100px;
 }
 
 .mary {
@@ -58,9 +58,10 @@ nav a {
 /* header related design */
 .header {
    background: #FFF8F3;
-   background-image: url(../images/header_bg.png);
+   background-image: url("../images/header_bg.png"), url("../images/developer.png");
    background-repeat: no-repeat;
-   background-position: bottom right;
+   background-position: bottom right, top left;
+
 }
 
 .banner {