-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproducts.html
69 lines (56 loc) · 4.48 KB
/
products.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Products Page</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<video id="backgroundVideo" autoplay loop muted>
<source src="background-video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<nav>
<ul>
<li><a href="./home.html">Home</a></li>
<li><a href="./products.html">Products</a></li>
<li><a href="./calc.html">calculate</a></li>
<li><a href="./form.html">order</a></li>
</ul>
</nav>
<h1 style="text-align: center; color:aliceblue">Our Products</h1>
<div class="product" onmouseenter="showInfo(1)" onmouseleave="hideInfo(1)" >
<img id="myImage" src="product1.jpeg" alt="Image" onclick="openImage('product1.jpeg')">
<h2>Product 1</h2>
<p id="productInfo1" class="info">Introducing the Cursed Demon Doll – a truly unique and chilling addition to your collection of macabre curiosities. This malevolent doll, with its haunting porcelain visage, will send shivers down your spine as it becomes the centerpiece of your dark-themed decor.
Crafted by a sinister sorcerer's spellbinding ritual, this doll exudes an eerie mystique that's perfect for lovers of the supernatural and the paranormal. Its wicked sneer and captivating crimson eyes will draw you in, making it a sinister conversation piece for your home.
But what truly sets this cursed demon doll apart is its captivating power to hold you in its grip, much like it has with countless others. Its mesmerizing, blood-red dress and hypnotic presence will ensnare anyone who crosses its path.
Embrace the legend and infuse your space with the enigmatic energy of the Cursed Demon Doll, a captivating and sinister showpiece that will keep you enthralled for years to come. Dare to invite it into your life, and you'll possess a one-of-a-kind, unforgettable piece that will leave a lasting impression on your guests.
Transform your home decor into a hauntingly beautiful experience – order your Cursed Demon Doll today and become a part of the legend.</p>
<p id="productPrice1" class="price">$10.00</p>
</div>
<div class="product" onmouseenter="showInfo(2)" onmouseleave="hideInfo(2)" >
<img id="myImage" src="product2.jpeg" alt="Image" onclick="openImage('product2.jpeg')">
<h2>Product 2</h2>
<p id="productInfo2" class="info">Introducing the Ultimate Skeleton Decor – a bone-chilling addition that's perfect for those who appreciate the darker side of interior design. Our lifelike skeleton will breathe new life (or the lack thereof) into your space, making it the ultimate conversation starter.
Crafted with exquisite attention to detail, this skeleton will instantly add a touch of the macabre to your home. Whether you're a fan of the occult, Halloween enthusiast, or simply appreciate the artistry of anatomical accuracy, our skeleton is the ideal choice.
This stunning, anatomically correct piece is the perfect blend of art and science, allowing you to appreciate the intricate structure of the human body from a unique perspective. With movable joints and realistic features, it's not just a decorative item – it's an educational masterpiece.
Our lifelike skeleton is perfect for medical professionals, students, or anyone with a penchant for the eerie and the enigmatic. It's also a must-have for Halloween parties, haunted houses, and horror-themed events, adding a spine-tingling touch to your festivities.
Don't miss the opportunity to own this iconic piece of skeletal art. Elevate your decor and embrace the allure of the macabre with our Ultimate Skeleton Decor – a truly timeless and captivating addition to your home. Order yours today and let the fascination begin.</p>
<p id="productPrice2" class="price">$15.00</p>
</div>
<!-- Add more product entries as needed -->
<!-- Modal for Image -->
<div id="imageModal1" class="modal">
<span class="close" onclick="closeImage(1)">×</span>
<img class="modal-content" id="modalImage1">
</div>
<!-- Second Image Modal -->
<div id="imageModal2" class="modal">
<span class="close" onclick="closeImage(2)">×</span>
<img class="modal-content" id="modalImage2">
</div>
<script src="script.js"></script>
</body>
</html>