search-results.html

    <div class="card-image">
        <img src="images/BlogData/Search/Binarysearch.jpg" alt="">
        <div class="card-topic">
            <p class="topic-name">Binary Search</p>

        </div>
        <div class="explore-btn">
            <button>Explore</button>
        </div>
    </div>
    <div class="card-image">
        <img src="images/BlogData/Search/Primsalgo.jpg" alt="">
        <div class="card-topic">
            <p class="topic-name">Prim's Algo</p>

        </div>
        <div class="explore-btn">
            <button>Explore</button>
        </div>
    </div>
    <div class="card-image">
        <img src="images/BlogData/Search/Kruskalalgo.jpeg" alt="">
        <div class="card-topic">
            <p class="topic-name">Kruskal's Algo</p>

        </div>
        <div class="explore-btn">
            <button>Explore</button>
        </div>
    </div>
    <div class="card-image">
        <img src="images/BlogData/Search/Binarytree.jpeg" alt="">
        <div class="card-topic">
            <p class="topic-name">Binary Tree</p>

        </div>
        <div class="explore-btn">
            <button>Explore</button>
        </div>
    </div>
    <div class="card-image">
        <img src="images/BlogData/Search/avltree.jpg" alt="">
        <div class="card-topic">
            <p class="topic-name">AVL Tree</p>

        </div>
        <div class="explore-btn">
            <button>Explore</button>
        </div>
    </div>
    <div class="card-image">
        <img src="images/BlogData/Search/dijkstra.jpeg" alt="">
        <div class="card-topic">
            <p class="topic-name">Dijkstra's Algo</p>

        </div>
        <div class="explore-btn">
            <button>Explore</button>
        </div>
    </div>
    <div class="card-image">
        <img src="images/BlogData/Search/DFS graph.jpeg" alt="">
        <div class="card-topic">
            <p class="topic-name">DFS Graph</p>

        </div>
        <div class="explore-btn">
            <button>Explore</button>
        </div>
    </div>
    <div class="card-image">
        <img src="images/BlogData/Search/mergesort.jpeg" alt="">
        <div class="card-topic">
            <p class="topic-name">Merge Sort</p>

        </div>
        <div class="explore-btn">
            <button>Explore</button>
        </div>
    </div>
    <div class="card-image">
        <img src="images/BlogData/Search/insertionsort.jpeg" alt="">
        <div class="card-topic">
            <p class="topic-name">Insertion Sort</p>

        </div>
        <div class="explore-btn">
            <button>Explore</button>
        </div>
    </div>
    <div class="card-image">
        <img src="images/BlogData/Search/selectionsort.jpeg" alt="">
        <div class="card-topic">
            <p class="topic-name">Selection Sort</p>

        </div>
        <div class="explore-btn">
            <button>Explore</button>
        </div>
    </div>