Skip to content

Commit

Permalink
Updated index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
Priyansh42 authored Oct 30, 2023
1 parent 53c420f commit a12c390
Showing 1 changed file with 10 additions and 55 deletions.
65 changes: 10 additions & 55 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -25,22 +25,14 @@
<div class="fas fa-bars"></div>
<nav class="navbar">
<ul>
<li><a href="#home" class="searchable">home</a></li>
<li><a href="#about" class="searchable">about</a></li>
<li><a href="#service" class="searchable">services</a></li>
<li><a href="#portfolio" class="searchable">portfolio</a></li>
<li><a href="#team" class="searchable">team</a></li>
<li><a href="careers.html" class="searchable">career</a></li>
<li><a href="#contact" class="searchable">contact</a></li>
<li><a href="#faq" class="searchable">FAQ</a></li>
<li><input type="text" id="search-bar" placeholder="Search..."
style="font-size: 2rem; border-radius: 0.3rem;"></div>
<div class="search-dropdown">
<div class="search-dropdown-content" id="search-results-dropdown">
<!-- Search results will be displayed here -->
</div>
</div>
</li>
<li><a href="#home">home</a></li>
<li><a href="#about">about</a></li>
<li><a href="#service">services</a></li>
<li><a href="#portfolio">portfolio</a></li>
<li><a href="#team">team</a></li>
<li><a href="careers.html">career</a></li>
<li><a href="#contact">contact</a></li>
<li><a href="#faq">FAQ</a></li>
</ul>
</nav>
</header>
Expand Down Expand Up @@ -435,8 +427,8 @@ <h4>About Us</h4>
<li><i class="ion-ios-arrow-forward"></i> <a href="#">Home</a></li>
<li><i class="ion-ios-arrow-forward"></i> <a href="#about">About us</a></li>
<li><i class="ion-ios-arrow-forward"></i> <a href="#service">Our services</a></li>
<li><i class="ion-ios-arrow-forward"></i> <a href="#" class="searchable">Terms & condition</a></li>
<li><i class="ion-ios-arrow-forward"></i> <a href="#" class="searchable">Privacy policy</a></li>
<li><i class="ion-ios-arrow-forward"></i> <a href="#">Terms & condition</a></li>
<li><i class="ion-ios-arrow-forward"></i> <a href="#">Privacy policy</a></li>
</ul>
</div>

Expand Down Expand Up @@ -493,42 +485,5 @@ <h4>Subscription</h4>
</div>

<a href="#" class="back-to-top"><i class="ion-ios-arrow-up"></i></a>

<script>
function performSearch() {
var searchQuery = document.getElementById("search-bar").value.toLowerCase();
var searchResultsDropdown = document.getElementById("search-results-dropdown");
searchResultsDropdown.innerHTML = '';

var contentToSearch = document.getElementsByClassName("searchable");

if (searchQuery.trim() !== '') {
for (var i = 0; i < contentToSearch.length; i++) {
var content = contentToSearch[i].textContent.toLowerCase();
if (content.includes(searchQuery)) {
var resultItem = document.createElement("div");

var resultLink = document.createElement("a");
resultLink.textContent = contentToSearch[i].textContent;
resultLink.href = contentToSearch[i].getAttribute("href");
resultLink.target = "_blank";

resultLink.onclick = function () {
window.location.href = this.href;
};

resultItem.appendChild(resultLink);

resultItem.style.display = "block";

searchResultsDropdown.appendChild(resultItem);
}
}
searchResultsDropdown.style.display = 'block';
} else {
searchResultsDropdown.style.display = 'none';
}
}
</script>
</body>
</html>

0 comments on commit a12c390

Please sign in to comment.