diff --git a/homepage.css b/homepage.css
index 058ff66..23b1873 100644
--- a/homepage.css
+++ b/homepage.css
@@ -157,7 +157,7 @@
     margin: auto;
     /* height: 900px; */
     /* position: relative; */
-    /* border: 1px solid rgb(105, 51, 51); */
+    /* border: 3px solid rgb(211, 14, 14); */
     background-color: rgb(250, 249, 248);
 
 }
@@ -166,9 +166,16 @@
     width: 35%;
     margin-top: 10px;
     background-color: white;
+    /* border: 1px solid rgb(211, 14, 14); */
     /* height: 500px; */
     /* position: absolute; */
 }
+#content>div {
+    border: 1px solid rgb(17, 16, 16);
+    border-radius: 10px;
+    margin: 10px 0px 10px 0px;
+    padding: 10PX;
+}
 
 .content {
     border: 1px solid rgb(17, 16, 16);
@@ -357,5 +364,6 @@ color: rgb(14, 72, 188);
 .end>div>h3:hover{
     text-decoration: line;
     text-decoration: underline;
-    color: rgb(226, 39, 2);
+    /* color: rgb(226, 39, 2); */
+    color: rgb(226, 39, 2)
 }
\ No newline at end of file
diff --git a/homepage.html b/homepage.html
index 5e89f5a..4b58f3e 100644
--- a/homepage.html
+++ b/homepage.html
@@ -77,148 +77,15 @@ <h1>Recent searches</h1>
 
         <div id="left-bar">
             Jobs based on your activity on Indeed • Updated 1 hour ago
-            <div class="content">
-                <div>
-                    <h2>Web Developer</h2>
-                    <h3>Amani Group 4.5 &#9733</h3>
-                    <h3>Ahemdabad,Gujrat</h3>
-                </div>
-
-                <div>
-                    <h3> <span>&#x20B9 3,00,00 - &#x20B9 5,00,00 a year</span> &#128092 Full-time<span></span>
-                        <span></span>
-                    </h3>
-                    <h3>&#9201 Flexible shift <span> +1 </span> </h3>
-                    <h3> <span>&#10146 </span> Apply security with Indeed Resume</h3>
-                    <h3><span> &#9006</span> Hiring multiple candidates</h3>
-                </div>
-
-                <div>
-                    <li>Proven working experince in web programming</li>
-                    <li>Integrate data from various back-end services and databases</li>
-                    <li>Create and maintain software documentation</li>
-                    <li>Create and maintain software documentation</li>
-                    <li>Create and maintain software documentation</li>
-
-                    <h5>Posted 17n days ago .From <span>react</span></h5>
-
-                </div>
-            </div>
-            <div class="content">
-                <div>
-                    <h2>Web Developer</h2>
-                    <h3>Amani Group 4.5 &#9733</h3>
-                    <h3>Ahemdabad,Gujrat</h3>
-                </div>
-
-                <div>
-                    <h3> <span>&#x20B9 3,00,00 - &#x20B9 5,00,00 a year</span> &#128092 Full-time<span></span>
-                        <span></span>
-                    </h3>
-                    <h3>&#9201 Flexible shift <span> +1 </span> </h3>
-                    <h3> <span>&#10146 </span> Apply security with Indeed Resume</h3>
-                    <h3><span> &#9006</span> Hiring multiple candidates</h3>
-                </div>
-
-                <div>
-                    <li>Proven working experince in web programming</li>
-                    <li>Integrate data from various back-end services and databases</li>
-                    <li>Create and maintain software documentation</li>
-                    <li>Create and maintain software documentation</li>
-                    <li>Create and maintain software documentation</li>
-
-                    <h5>Posted 17n days ago .From <span>react</span></h5>
-
-                </div>
-            </div>
-            <div class="content">
-                <div>
-                    <h2>Web Developer</h2>
-                    <h3>Amani Group 4.5 &#9733</h3>
-                    <h3>Ahemdabad,Gujrat</h3>
-                </div>
-
-                <div>
-                    <h3> <span>&#x20B9 3,00,00 - &#x20B9 5,00,00 a year</span> &#128092 Full-time<span></span>
-                        <span></span>
-                    </h3>
-                    <h3>&#9201 Flexible shift <span> +1 </span> </h3>
-                    <h3> <span>&#10146 </span> Apply security with Indeed Resume</h3>
-                    <h3><span> &#9006</span> Hiring multiple candidates</h3>
-                </div>
-
-                <div>
-                    <li>Proven working experince in web programming</li>
-                    <li>Integrate data from various back-end services and databases</li>
-                    <li>Create and maintain software documentation</li>
-                    <li>Create and maintain software documentation</li>
-                    <li>Create and maintain software documentation</li>
-
-                    <h5>Posted 17n days ago .From <span>react</span></h5>
-
-                </div>
-            </div>
+            <div id="content">
 
 
-            <div class="content">
-                <div>
-                    <h2>Web Developer</h2>
-                    <h3>Amani Group 4.5 &#9733</h3>
-                    <h3>Ahemdabad,Gujrat</h3>
-                </div>
-
-                <div>
-                    <h3> <span>&#x20B9 3,00,00 - &#x20B9 5,00,00 a year</span> &#128092 Full-time<span></span>
-                        <span></span>
-                    </h3>
-                    <h3>&#9201 Flexible shift <span> +1 </span> </h3>
-                    <h3> <span>&#10146 </span> Apply security with Indeed Resume</h3>
-                    <h3><span> &#9006</span> Hiring multiple candidates</h3>
-                </div>
-
-                <div>
-                    <li>Proven working experince in web programming</li>
-                    <li>Integrate data from various back-end services and databases</li>
-                    <li>Create and maintain software documentation</li>
-                    <li>Create and maintain software documentation</li>
-                    <li>Create and maintain software documentation</li>
 
-                    <h5>Posted 17n days ago .From <span>react</span></h5>
-
-                </div>
             </div>
 
+        </div>
 
-            <div class="content">
-                <div>
-                    <h2>Web Developer</h2>
-                    <h3>Amani Group 4.5 &#9733</h3>
-                    <h3>Ahemdabad,Gujrat</h3>
-                </div>
-
-                <div>
-                    <h3> <span>&#x20B9 3,00,00 - &#x20B9 5,00,00 a year</span> &#128092 Full-time<span></span>
-                        <span></span>
-                    </h3>
-                    <h3>&#9201 Flexible shift <span> +1 </span> </h3>
-                    <h3> <span>&#10146 </span> Apply security with Indeed Resume</h3>
-                    <h3><span> &#9006</span> Hiring multiple candidates</h3>
-                </div>
-
-                <div>
-                    <li>Proven working experince in web programming</li>
-                    <li>Integrate data from various back-end services and databases</li>
-                    <li>Create and maintain software documentation</li>
-                    <li>Create and maintain software documentation</li>
-                    <li>Create and maintain software documentation</li>
-
-                    <h5>Posted 17n days ago .From <span>react</span></h5>
-
-                </div>
-
-            </div>
 
-        </div>
 
         <div id="right-bar">
 
@@ -338,6 +205,7 @@ <h3>Terms</h3>
 
     </div>
 
+    <div id="append"></div>
 
 </body>
 
@@ -359,4 +227,72 @@ <h3>Terms</h3>
 </script>
 
 <script type="text/javascript"
-    src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
\ No newline at end of file
+    src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
+
+
+<script>
+    const options = {
+        method: 'GET',
+        headers: {
+            'Content-Type': 'application/json',
+            'X-RapidAPI-Key': 'eb47528526mshaab4e00c9c2a762p1c7fe0jsn37a11683a71e',
+            'X-RapidAPI-Host': 'arbeitnow-free-job-board.p.rapidapi.com'
+        }
+    };
+
+    fetch('https://arbeitnow-free-job-board.p.rapidapi.com/api/job-board-api', options)
+        .then(response => response.json())
+        .then(response => getdata(response.data))
+        .catch(err => console.error(err));
+
+    let getdata = (data) => {
+        console.log("my data", data)
+
+        let content = document.getElementById("content");
+        // let content_top=document.getElementById("content-top")
+        // let content_mid=document.getElementById("content-mid")
+        // let content_end=document.getElementById("content-end")
+        data.forEach((ele) => {
+
+
+            // let top_div = document.createElement("div");
+            // let mid_div = document.createElement("div");
+            let div = document.createElement("div");
+
+            let title = document.createElement("h4");
+            title.innerText = ele.title
+
+            let company_name = document.createElement("h4");
+            company_name.innerText = ele.company_name
+
+            let location = document.createElement("h4");
+            location.innerText = ele.location
+
+
+
+            let job_types = document.createElement("h3");
+            if (ele.job_types === null || undefined) {
+                job_types.innerText = "full time"
+            } else {
+                job_types.innerText = ele.job_types
+            }
+
+
+            let slug = document.createElement("h3");
+            slug.innerText = ele.slug
+
+            let tags = document.createElement("h3");
+            tags.innerText = ele.tags
+
+
+
+            let url = document.createElement("h6");
+            url.innerText =`${"Apply Resume:-"}` + ele.url
+            div.append(title, company_name, location, job_types, slug, tags, url)
+            content.append(div)
+        })
+
+    }
+
+
+</script>
\ No newline at end of file