How to alter my HTML code to create a functioning add to cart button [closed]

I'm developing a product ordering website and I need to make my Add to Cart button to function. How would I alter this code pieces to actually add the item to my cart? I do not have a database with the products saved in, it's just images placed in HTML to display them.

Here's the code:

<section class="section featured">
        <div class="title">
            <h1>Featured Products</h1>
        </div>

        <div class="product-center container">
            <div class="product">
                <div class="product-header">
                    <img src="JC Images/JC Item 1.jpg" alt="">
                    <ul class="icons">
                        <span><i class="bx bx-heart"></i></span>
                        <span><i class="bx bx-shopping-bag"></i></span>
                        <span><i class="bx bx-search"></i></span>
                    </ul>
                </div>
                <div class="product-footer">
                    <a href="#">
                        <h3>Disco Party Castle</h3>
                    </a>
                    <div class="rating">
                        <i class="bx bxs-star"></i>
                        <i class="bx bxs-star"></i>
                        <i class="bx bxs-star"></i>
                        <i class="bx bxs-star"></i>
                        <i class="bx bx-star"></i>
                    </div>
                    <h4 class="price">R500</h4>
                </div>
            </div>
            <div class="product">
                <div class="product-header">
                    <img src="JC Images/JC Item 2.jpg" alt="">
                    <ul class="icons">
                        <span><i class="bx bx-heart"></i></span>
                        <span><i class="bx bx-shopping-bag"></i></span>
                        <span><i class="bx bx-search"></i></span>
                    </ul>
                </div>
                <div class="product-footer">
                    <a href="#"><h3>Princess Party 'N Slide</h3></a>
                    <div class="rating">
                        <i class="bx bxs-star"></i>
                        <i class="bx bxs-star"></i>
                        <i class="bx bxs-star"></i>
                        <i class="bx bxs-star"></i>
                        <i class="bx bx-star"></i>
                    </div>
                    <h4 class="price">R900</h4>
                </div>
            </div>
            <div class="product">
                <div class="product-header">
                    <img src="JC Images/JC Item 3.jpg" alt="">
                    <ul class="icons">
                        <span><i class="bx bx-heart"></i></span>
                        <span><i class="bx bx-shopping-bag"></i></span>
                        <span><i class="bx bx-search"></i></span>
                    </ul>
                </div>
                <div class="product-footer">
                    <a href="#"><h3>Jungle Party Castle</h3></a>
                    <div class="rating">
                        <i class="bx bxs-star"></i>
                        <i class="bx bxs-star"></i>
                        <i class="bx bxs-star"></i>
                        <i class="bx bxs-star"></i>
                        <i class="bx bx-star"></i>
                    </div>
                    <h4 class="price">R600</h4>
                </div>
            </div>
            <div class="product">
                <div class="product-header">
                    <img src="JC Images/JC Item 4.jpg" alt="">

                    <ul class="icons">
                        <span><i class="bx bx-heart"></i></span>
                        <span><i class="bx bx-shopping-bag"></i></span>
                        <span><i class="bx bx-search"></i></span>
                    </ul>
                </div>
                <div class="product-footer">
                    <a href="#"><h3>Football Shootout Castle</h3></a>
                    <div class="rating">
                        <i class="bx bxs-star"></i>
                        <i class="bx bxs-star"></i>
                        <i class="bx bxs-star"></i>
                        <i class="bx bxs-star"></i>
                        <i class="bx bx-star"></i>
                    </div>
                    <h4 class="price">R450</h4>
                </div>
            </div>
        </div>
    </section>

The above section is just a section of 'Featured Products' on my homepage. There's no link to the Cart Html page aside from the nav-link in the navbar. So what would I need to add or do to add a product to my cart?