→ Ankit khedkar
→ Search section

Search section

This bootstrap css example is contributed by Ankit khedkar, on 20-Nov-2024. Component is made with bootstrap css v.5.3. It is responsive. similar terms for this example is find

Tags: Search Bar

Author Ankit khedkar

458

v.5.3

Fork Fullscreen

<div class="search-wrapper">
    <div class="search-container">
        <h4 class="mb-4 text-center">Discover Amazing Content</h4>

<div class="search-tags d-flex flex-wrap mb-4">
            <span class="tag">Technology</span>
            <span class="tag">Design</span>
            <span class="tag">Development</span>
            <span class="tag">AI</span>
            <span class="tag">Machine Learning</span>
        </div>

<div class="recent-searches pt-3">
            <p class="text-muted mb-3">Recent Searches</p>
            <div class="recent-item d-flex align-items-center">
                <i class="bi bi-clock-history me-2"></i>
                <span>Modern Web Development</span>
            </div>
            <div class="recent-item d-flex align-items-center">
                <i class="bi bi-clock-history me-2"></i>
                <span>UI/UX Best Practices</span>
            </div>
            <div class="recent-item d-flex align-items-center">
                <i class="bi bi-clock-history me-2"></i>
                <span>Bootstrap 5 Tutorial</span>
            </div>
        </div>
    </div>
</div>

More Examples