LinkedIn Search | ESource AI University

&lt;!DOCTYPE html&gt; &lt;html lang=&quot;en&quot;&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt; &lt;title&gt;LinkedIn L&amp;D Consultant Search&lt;/title&gt; &lt;style&gt; body { font-family: Arial, sans-serif; } .container { max-width: 600px; margin: 0 auto; padding: 20px; } input, button { width: 100%; padding: 10px; margin-top: 10px; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div class=&quot;container&quot;&gt; &lt;h1&gt;Search for L&amp;D Consultants&lt;/h1&gt; &lt;input type=&quot;text&quot; id=&quot;locationInput&quot; placeholder=&quot;Enter location (optional)&quot;&gt; &lt;button onclick=&quot;searchConsultants()&quot;&gt;Search&lt;/button&gt; &lt;div id=&quot;results&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;script&gt; function searchConsultants() { const location = document.getElementById(&#039;locationInput&#039;).value; fetch(`https://your-backend-url.com/search?location=${encodeURIComponent(location)}`) .then(response =&gt; response.json()) .then(data =&gt; { const resultsDiv = document.getElementById(&#039;results&#039;); resultsDiv.innerHTML = &#039;&#039;; data.forEach(profile =&gt; { resultsDiv.innerHTML += `<p>${profile.name} - <a href="${profile.link}" target="_blank">Profile</a></p>`; }); }) .catch(error =&gt; console.error(&#039;Error:&#039;, error)); } &lt;/script&gt; &lt;/body&gt; &lt;/html&gt;