diff --git a/src/index.html b/src/index.html
index 99423ca..f5f4a74 100644
--- a/src/index.html
+++ b/src/index.html
@@ -2,11 +2,22 @@
 <html>
   <head>
     <title>Document Two Sections</title>
-    <link rel="stylesheet" href="style.css">
+    <link
+      rel="stylesheet"
+      href="style.css"
+    />
+
+    <link
+      href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
+      rel="stylesheet"
+    />
   </head>
   <body>
     <h1>Excepteur Sint Occaecat</h1>
-    <p id="paragraph1">Lorem ipsum <strong>dolor</strong> sit <em>amet</em>, <b>consectetur</b> adipiscing <i>elit</i>. Duis condimentum sagittis ex</p>
+    <p id="paragraph1">
+      Lorem ipsum <strong>dolor</strong> sit <em>amet</em>,
+      <b>consectetur</b> adipiscing <i>elit</i>. Duis condimentum sagittis ex
+    </p>
     <ul class="list">
       <li class="">
         <a href="#">first point</a>
@@ -15,20 +26,47 @@ <h1>Excepteur Sint Occaecat</h1>
         <a href="#">second point</a>
       </li>
       <li class="">
-        <a href="#"> <!-- use .list-item-link class if you are confused about nested selectors -->
+        <a href="#">
+          <!-- use .list-item-link class if you are confused about nested selectors -->
           third point
         </a>
       </li>
+      <!-- here i add signup page link thats redirect the signup page -->
+      <li class="">
+        <a href="./signup.html">
+          <!-- use .list-item-link class if you are confused about nested selectors -->
+          sign up
+        </a>
+      </li>
     </ul>
     <h2 class="highlight point">Duis Aute</h2>
-    <p>Quis nostrud exercitation ullamco <a href="https://yahoo.com" target="_blank">laboris</a> nisi ut aliquip ex ea commodo consequat.</p>
-    <img src="https://www.rd.com/wp-content/uploads/2016/01/04-dog-breeds-dalmation.jpg" width="150" alt="a Dalmatian dog">
-    <audio src="https://github.com/nbktechworld/introduction-to-html/raw/abcdac58651ba724c40665c82dd55f171534115f/document-two-sections/barking.mp3" controls></audio>
+    <p>
+      Quis nostrud exercitation ullamco
+      <a
+        href="https://yahoo.com"
+        target="_blank"
+        >laboris</a
+      >
+      nisi ut aliquip ex ea commodo consequat.
+    </p>
+    <img
+      src="https://www.rd.com/wp-content/uploads/2016/01/04-dog-breeds-dalmation.jpg"
+      width="150"
+      alt="a Dalmatian dog"
+    />
+    <audio
+      src="https://github.com/nbktechworld/introduction-to-html/raw/abcdac58651ba724c40665c82dd55f171534115f/document-two-sections/barking.mp3"
+      controls
+    ></audio>
     <ol>
       <li>first point</li>
       <li>second point</li>
       <li>third point</li>
     </ol>
-    <video src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" controls width="300"></video>
+    <video
+      src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"
+      controls
+      width="300"
+    ></video>
   </body>
 </html>
diff --git a/src/style.css b/src/style.css
index ba730c6..8849641 100644
--- a/src/style.css
+++ b/src/style.css
@@ -41,8 +41,13 @@
 #paragraph1 {
   color: rgb(0, 0, 0);
   background-color: #95ffcd;
-  text-align:center;
+  text-align: center;
 }
 strong {
   background-color: black;
 }
+
+/* here i add Montserrat font  */
+body {
+  font-family: "Montserrat", sans-serif;
+}
