Product-5.html

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- <meta charset="UTF-8"> -->
    <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"> -->
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <title>Product Image Change</title>
    <link rel = "stylesheet" href = "style.css">
    <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /> -->
</head>
<body>

    <div class="d1">
        <h1 align="left" class="name" style="color: #DFF6FF;">
            <span class=" line"></span> <a href="home.html"> FREEIVA </a>
            <input class="sear" type="text" placeholder="Search...">
            <button class="searchBut" type="submit"> <a href="#"><img src="img/search.png" alt="🔎"></a></button>
            <a href="#" class="login">Login</a>
            <a href="#"><img class="wallet" src="img/w1.gif" alt=""></a>
        </h1>
    </div>
    <div class = "main-wrapper">
        <div class = "container">
            <div class = "product-div">
                <div class = "product-div-left">
                    <div class = "img-container">
                        <img src = "Images/Product-5(1).png" alt = "watch">
                    </div>
                    <div class = "hover-container">
                        <div><img src = "Images/Product-5(1).png"></div>
                        <div><img src = "Images/Product-5(2).jpeg"></div>
                        <!-- <div><img src = "Images/Product-4(3).jpeg"></div> -->
                    </div>
                </div>
                <div class = "product-div-right">
                    <span class = "product-name">PS-5 The Updated Version</span>
                    <span class = "product-price">$10,129</span>
                    <div class = "product-rating">
                        <img src="Images/Star-1.png">
                        <img src="Images/Star-1.png">
                        <img src="Images/Star-1.png">
                        <img src="Images/Star-1.png">
                        <img src="Images/Star-1.png">
                    </div>
                    <p>(2500 ratings)</p>
                    <p class = "product-description">PS-5 In The Black / White</p>
                    <div class = "btn-groups">
                        <button type = "button" class = "add-cart-btn"><i class = "fas fa-shopping-cart"></i>add to cart</button>
                        <button type = "button" class = "buy-now-btn"><i class = "fas fa-wallet"></i>buy now</button>
                    </div>
                </div>
            </div>
            <div class="para">
                <p style="font-size: 40px; font-family: fantasy;">Descreption :-</p>
                <br>
                <p style="font-size: 20px; font-family: Monospace;">Relipop is a registered trademark. We are committed to providing high quality fashion clothing to make your life better. Choose Relipop, choose real popularity!</p>
                <p style="font-size: 20px; font-family: Monospace;">HIGH QUALITY FABRIC: Polyester, soft, comfortable, breathable, skin-friendly, comfy to touch and wear, makes you feeling well.</p>
                <p style="font-size: 20px; font-family: Monospace;">STYLISH DESIGN: Spaghetti strap makes you more fashion. Tie waist makes you more attractive. Ruffle hem makes this dress simple but elegant and classy, helps you show your unique charming</p>
            </div>
            <br>
            <br>
            <br>
            <div class="para">
                <p style="font-size: 40px; font-family: fantasy;">Review</p>
                <br>
                <form action="">
                    <textarea class="comment" placeholder="Type Your Comment Here."></textarea>
                    <br>
                    <input type="submit" value="Send" class = "send">
                </form>
            </div>
        </div>
    </div>

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