How to add to cart shopping in HTML,CSSs, JavaScript

Code Zara 2025-04-16 12:32:46

How to add to cart shopping in HTML, CSS, JavaScript

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Add To Cart</title>
    <link rel="stylesheet" href="./css/style.css">

   
</head>
<body>
    <div class="main-container">
        <div class="image" id="myHeader">
            <div class="image-container">
                <div class="small-image">
                    <img class="xzoom-gallery" src="./image/Coding.jpg" alt="" onmouseover="myFunctionImg(this)" xpreview="./image/Coding.jpg">
                    <img class="xzoom-gallery" src="./image/360_F_121164243_YwTDb5JLRTXBdXGkJ4bLZEJmLB1hwp6K.jpg" alt="" onmouseover="myFunctionImg(this)">
                    <img class="xzoom-gallery" src="./image/logo.png" alt="" onmouseover="myFunctionImg(this)">
                    <img class="xzoom-gallery" src="./image/Coding.jpg" alt="" onmouseover="myFunctionImg(this)">
                </div>
                <div class="big-image">
                    <img src="./image/360_F_121164243_YwTDb5JLRTXBdXGkJ4bLZEJmLB1hwp6K.jpg" alt="" id="bigImg" class="xzoom" xoriginal="./image/logo.png">
                </div>
            </div>

            <div class="cart-button">
                <a href="">ADD-TO-CART</a>
                <a href="">BUY NOW</a>
            </div>

        </div>
        <div class="text-content">
            <div class="title">
                <h2>Website design</h2>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque mollitia doloremque pariatur vero modi maiores optio placeat esse sit nesciunt nisi ea recusandae perferendis, sed dolor explicabo id earum animi.</p>
            </div>
        </div>
    </div>
    
       

 
 
    <script src="./js/main.js"></script>
</body>
</html>

YouTube Tutorial Video

JavaScript Introduction

How To Responsive Navbar HTML CSS and JavaScript

Responsive Navbar HTML CSS And JavaScript

How to add to cart shopping in HTML,CSSs, JavaScript

YouTube Tutorial Video

How To Carousel Slider Bootstrap 5.3

How to add to cart shopping in HTML,CSSs, JavaScript

How to HTML CSS Form Design in Animation border

How To Responsive Navbar HTML CSS

JavaScript Introduction

How To Responsive Navbar HTML CSS and JavaScript