Wine Accessories
ที่เปิดไวน์
SKU Z0024
฿149.00
PRODUCT DETAILS
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>รายละเอียดสินค้าและลิงก์</title>
<style>
/* CSS สำหรับการจัดวางและ Responsive Design */
body {
font-family: sans-serif; /* ตั้งค่าฟอนต์พื้นฐานให้อ่านง่าย */
margin: 0;
padding: 0;
box-sizing: border-box;
background-color: #f8f8f8; /* สีพื้นหลังอ่อนๆ ให้ดูสบายตา */
}
/* กำหนดความกว้างสูงสุดของส่วนเนื้อหาหลัก */
main {
max-width: 1200px;
margin: 0 auto;
padding: 15px 15px;
box-sizing: border-box;
background-color: #fff; /* พื้นหลังสีขาวสำหรับเนื้อหาหลัก */
box-shadow: 0 0 10px rgba(0,0,0,0.05); /* เพิ่มเงาเล็กน้อยให้ดูมีมิติ */
}
/* สไตล์สำหรับส่วนอธิบายสินค้า */
.product-description h1 {
font-size: 2.2em; /* ขนาดฟอนต์หัวข้อใหญ่ขึ้นเล็กน้อย */
color: #333;
margin-bottom: 10px;
text-align: center; /* จัดกลางหัวข้อหลัก */
padding-bottom: 10px;
border-bottom: 2px solid #eee; /* เพิ่มเส้นใต้เล็กน้อย */
}
.product-description h2 {
font-size: 1.6em; /* ขนาดฟอนต์หัวข้อรอง (สำหรับ "เกี่ยวกับสินค้า") */
color: #444;
margin-top: 0; /* ไม่ต้องมี margin-top เพราะ product-section มี padding อยู่แล้ว */
margin-bottom: 15px; /* ระยะห่างจากเนื้อหาด้านล่าง */
text-align: center; /* จัดกลางหัวข้อนี้ด้วย */
}
.product-description h3 {
font-size: 1.3em; /* ขนาดฟอนต์หัวข้อที่ 3 (สำหรับ คุณสมบัติ, ขนาด, เหมาะสำหรับ) */
color: #555;
margin-top: 25px; /* เพิ่มระยะห่างด้านบนจากส่วนก่อนหน้า */
margin-bottom: 8px;
border-left: 5px solid #ffcc00; /* เพิ่มขีดเหลืองด้านซ้าย */
padding-left: 10px;
}
.product-description p {
font-size: 1.05em; /* ขนาดฟอนต์เนื้อหา */
line-height: 1.7; /* เพิ่มระยะห่างระหว่างบรรทัด */
color: #666;
margin-bottom: 15px; /* เพิ่มระยะห่างด้านล่าง */
}
/* สไตล์สำหรับรายการ (bullet points) */
.product-description ul {
margin-top: 10px;
margin-bottom: 20px;
padding-left: 30px; /* ย่อหน้าจากขอบซ้ายสำหรับ bullet points */
list-style: disc; /* รูปแบบจุดกลมทึบ (default) */
}
.product-description li {
font-size: 1em;
line-height: 1.8; /* เพิ่มระยะห่างระหว่างแต่ละรายการ */
color: #666;
margin-bottom: 8px; /* ระยะห่างระหว่างแต่ละรายการ */
}
/* สไตล์สำหรับกรอบรายละเอียดสินค้าทั้งหมด */
.product-section {
background-color: #fefefe; /* พื้นหลังอ่อนๆ */
border: 1px solid #eee;
border-radius: 8px;
padding: 30px; /* เพิ่ม padding ให้มีพื้นที่หายใจมากขึ้น */
margin-bottom: 25px;
box-shadow: 0 2px 5px rgba(0,0,0,0.03); /* เงาเล็กน้อย */
}
/* สไตล์สำหรับข้อความที่ต้องการเน้นพิเศษ */
.highlight-text {
background-color: #fff9e6; /* สีเหลืองอ่อน */
border-left: 5px solid #ffcc00; /* ขอบซ้ายสีเหลือง */
padding: 15px;
margin: 20px 0;
font-size: 1.1em;
font-weight: bold;
color: #333;
border-radius: 5px;
}
/* สไตล์สำหรับเส้นแบ่ง */
hr.section-divider {
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
margin: 30px 0; /* ระยะห่างของเส้นแบ่ง */
}
/* สไตล์สำหรับส่วนแบนเนอร์/ลิงก์ */
.home-subbanners {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin-top: 0;
margin-bottom: 60px;
}
.subbanner-item {
flex: 1 1 auto;
min-width: 280px;
max-width: 350px;
text-align: center;
}
.subbanner-img a {
display: block;
}
.subbanner-img img {
max-width: 100%;
height: auto;
display: block;
border-radius: 8px;
transition: transform 0.3s ease;
}
.subbanner-img img:hover {
transform: translateY(-5px);
}
/* Media Queries สำหรับปรับแต่งบนหน้าจอขนาดต่างๆ */
@media (max-width: 768px) {
.product-description h1 {
font-size: 1.8em;
}
.product-description h2 {
font-size: 1.3em;
}
.product-description h3 {
font-size: 1.1em;
margin-top: 20px;
}
.product-description p {
font-size: 0.95em;
}
.product-description li {
font-size: 0.95em;
}
.home-subbanners {
flex-direction: column;
align-items: center;
margin-bottom: 40px;
}
.subbanner-item {
max-width: 90%;
}
.product-section {
padding: 20px; /* ลด padding บนมือถือ */
margin-bottom: 20px;
}
.highlight-text {
font-size: 1em;
padding: 10px;
}
hr.section-divider {
margin: 20px 0;
}
}
</style>
<main>
<section class="home-subbanners">
<div class="subbanner-item">
<div class="subbanner-img">
<a href="https://shope.ee/6AO2qcqGT5?share_channel_code=6" target="_blank" rel="noopener noreferrer">
<img src="image/catalog/Line button/PARADOX-KIYCHENWARE-SHOPEE.png" alt="ปุ่มลิงก์ไปร้าน Paradox Kitchenware บน Shopee">
</a>
</div>
</div>
<div class="subbanner-item">
<div class="subbanner-img">
<a href="https://lin.ee/CPiKHsb" target="_blank" rel="noopener noreferrer">
<img src="image/catalog/Line button/PARADOX-KIYCHENWARE-line.png" alt="ปุ่มลิงก์ไป Line Official Account ของ Paradox Kitchenware">
</a>
</div>
</div>
<div class="subbanner-item">
<div class="subbanner-img">
<a href="https://www.paradoxtrading.dk/index.php?route=information/information&information_id=11" target="_blank" rel="noopener noreferrer">
<img src="image/catalog/Line button/PARADOX-KIYCHENWARE-branch.png" alt="ปุ่มลิงก์ไปหน้าข้อมูล Paradox Trading Denmark">
</a>
</div>
</div>
</section>
<section class="product-description">
<h1>ที่เปิดไวน์</h1>
<div class="product-section">
<h2>เกี่ยวกับสินค้า</h2>
<p>Paradox พาราดอกซ์ ที่เปิดไวน์</p>
<p class="highlight-text"> 2-in-1 ใช้งานได้ทั้งไวน์ เบียร์ หรือ น้ำอัดลม <span style="font-size: 1.05em;">ตัวช่วยสำหรับมื้อพิเศษของคุณ ไม่ว่าจะเปิดไวน์แดงหอมกรุ่น หรือเบียร์เย็นชื่นใจ — ก็สะดวกในชิ้นเดียว</span></p>
<hr class="section-divider"> <h3>คุณสมบัติเด่น</h3>
<ul>
<li>ผลิตจาก สแตนเลสคุณภาพสูง แข็งแรง ทนทาน ไม่เป็นสนิม</li>
<li>ด้ามจับถนัดมือ ออกแรงน้อย เปิดไวน์ง่าย ไม่ต้องใช้แรงเยอะ</li>
<li>มาพร้อม ที่เปิดฝาขวดเบียร์ ใช้งานสะดวกในทุกโอกาส</li>
<li>ดีไซน์เรียบหรู ดูดีบนโต๊ะอาหารหรือเคาน์เตอร์บาร์</li></ul>
<hr class="section-divider"> <h3>เหมาะสำหรับ</h3>
<ul>
<li>งานปาร์ตี้ ดินเนอร์ หรือของขวัญสำหรับสายดื่ม</li></ul>
</div>
</section>
</main>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>รายละเอียดสินค้าและลิงก์</title>
<style>
/* CSS สำหรับการจัดวางและ Responsive Design */
body {
font-family: sans-serif; /* ตั้งค่าฟอนต์พื้นฐานให้อ่านง่าย */
margin: 0;
padding: 0;
box-sizing: border-box;
background-color: #f8f8f8; /* สีพื้นหลังอ่อนๆ ให้ดูสบายตา */
}
/* กำหนดความกว้างสูงสุดของส่วนเนื้อหาหลัก */
main {
max-width: 1200px;
margin: 0 auto;
padding: 15px 15px;
box-sizing: border-box;
background-color: #fff; /* พื้นหลังสีขาวสำหรับเนื้อหาหลัก */
box-shadow: 0 0 10px rgba(0,0,0,0.05); /* เพิ่มเงาเล็กน้อยให้ดูมีมิติ */
}
/* สไตล์สำหรับส่วนอธิบายสินค้า */
.product-description h1 {
font-size: 2.2em; /* ขนาดฟอนต์หัวข้อใหญ่ขึ้นเล็กน้อย */
color: #333;
margin-bottom: 10px;
text-align: center; /* จัดกลางหัวข้อหลัก */
padding-bottom: 10px;
border-bottom: 2px solid #eee; /* เพิ่มเส้นใต้เล็กน้อย */
}
.product-description h2 {
font-size: 1.6em; /* ขนาดฟอนต์หัวข้อรอง (สำหรับ "เกี่ยวกับสินค้า") */
color: #444;
margin-top: 0; /* ไม่ต้องมี margin-top เพราะ product-section มี padding อยู่แล้ว */
margin-bottom: 15px; /* ระยะห่างจากเนื้อหาด้านล่าง */
text-align: center; /* จัดกลางหัวข้อนี้ด้วย */
}
.product-description h3 {
font-size: 1.3em; /* ขนาดฟอนต์หัวข้อที่ 3 (สำหรับ คุณสมบัติ, ขนาด, เหมาะสำหรับ) */
color: #555;
margin-top: 25px; /* เพิ่มระยะห่างด้านบนจากส่วนก่อนหน้า */
margin-bottom: 8px;
border-left: 5px solid #ffcc00; /* เพิ่มขีดเหลืองด้านซ้าย */
padding-left: 10px;
}
.product-description p {
font-size: 1.05em; /* ขนาดฟอนต์เนื้อหา */
line-height: 1.7; /* เพิ่มระยะห่างระหว่างบรรทัด */
color: #666;
margin-bottom: 15px; /* เพิ่มระยะห่างด้านล่าง */
}
/* สไตล์สำหรับรายการ (bullet points) */
.product-description ul {
margin-top: 10px;
margin-bottom: 20px;
padding-left: 30px; /* ย่อหน้าจากขอบซ้ายสำหรับ bullet points */
list-style: disc; /* รูปแบบจุดกลมทึบ (default) */
}
.product-description li {
font-size: 1em;
line-height: 1.8; /* เพิ่มระยะห่างระหว่างแต่ละรายการ */
color: #666;
margin-bottom: 8px; /* ระยะห่างระหว่างแต่ละรายการ */
}
/* สไตล์สำหรับกรอบรายละเอียดสินค้าทั้งหมด */
.product-section {
background-color: #fefefe; /* พื้นหลังอ่อนๆ */
border: 1px solid #eee;
border-radius: 8px;
padding: 30px; /* เพิ่ม padding ให้มีพื้นที่หายใจมากขึ้น */
margin-bottom: 25px;
box-shadow: 0 2px 5px rgba(0,0,0,0.03); /* เงาเล็กน้อย */
}
/* สไตล์สำหรับข้อความที่ต้องการเน้นพิเศษ */
.highlight-text {
background-color: #fff9e6; /* สีเหลืองอ่อน */
border-left: 5px solid #ffcc00; /* ขอบซ้ายสีเหลือง */
padding: 15px;
margin: 20px 0;
font-size: 1.1em;
font-weight: bold;
color: #333;
border-radius: 5px;
}
/* สไตล์สำหรับเส้นแบ่ง */
hr.section-divider {
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
margin: 30px 0; /* ระยะห่างของเส้นแบ่ง */
}
/* สไตล์สำหรับส่วนแบนเนอร์/ลิงก์ */
.home-subbanners {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin-top: 0;
margin-bottom: 60px;
}
.subbanner-item {
flex: 1 1 auto;
min-width: 280px;
max-width: 350px;
text-align: center;
}
.subbanner-img a {
display: block;
}
.subbanner-img img {
max-width: 100%;
height: auto;
display: block;
border-radius: 8px;
transition: transform 0.3s ease;
}
.subbanner-img img:hover {
transform: translateY(-5px);
}
/* Media Queries สำหรับปรับแต่งบนหน้าจอขนาดต่างๆ */
@media (max-width: 768px) {
.product-description h1 {
font-size: 1.8em;
}
.product-description h2 {
font-size: 1.3em;
}
.product-description h3 {
font-size: 1.1em;
margin-top: 20px;
}
.product-description p {
font-size: 0.95em;
}
.product-description li {
font-size: 0.95em;
}
.home-subbanners {
flex-direction: column;
align-items: center;
margin-bottom: 40px;
}
.subbanner-item {
max-width: 90%;
}
.product-section {
padding: 20px; /* ลด padding บนมือถือ */
margin-bottom: 20px;
}
.highlight-text {
font-size: 1em;
padding: 10px;
}
hr.section-divider {
margin: 20px 0;
}
}
</style>
<main>
<section class="home-subbanners">
<div class="subbanner-item">
<div class="subbanner-img">
<a href="https://shope.ee/6AO2qcqGT5?share_channel_code=6" target="_blank" rel="noopener noreferrer">
<img src="image/catalog/Line button/PARADOX-KIYCHENWARE-SHOPEE.png" alt="ปุ่มลิงก์ไปร้าน Paradox Kitchenware บน Shopee">
</a>
</div>
</div>
<div class="subbanner-item">
<div class="subbanner-img">
<a href="https://lin.ee/CPiKHsb" target="_blank" rel="noopener noreferrer">
<img src="image/catalog/Line button/PARADOX-KIYCHENWARE-line.png" alt="ปุ่มลิงก์ไป Line Official Account ของ Paradox Kitchenware">
</a>
</div>
</div>
<div class="subbanner-item">
<div class="subbanner-img">
<a href="https://www.paradoxtrading.dk/index.php?route=information/information&information_id=11" target="_blank" rel="noopener noreferrer">
<img src="image/catalog/Line button/PARADOX-KIYCHENWARE-branch.png" alt="ปุ่มลิงก์ไปหน้าข้อมูล Paradox Trading Denmark">
</a>
</div>
</div>
</section>
<section class="product-description">
<h1>ที่เปิดไวน์</h1>
<div class="product-section">
<h2>เกี่ยวกับสินค้า</h2>
<p>Paradox พาราดอกซ์ ที่เปิดไวน์</p>
<p class="highlight-text"> 2-in-1 ใช้งานได้ทั้งไวน์ เบียร์ หรือ น้ำอัดลม <span style="font-size: 1.05em;">ตัวช่วยสำหรับมื้อพิเศษของคุณ ไม่ว่าจะเปิดไวน์แดงหอมกรุ่น หรือเบียร์เย็นชื่นใจ — ก็สะดวกในชิ้นเดียว</span></p>
<hr class="section-divider"> <h3>คุณสมบัติเด่น</h3>
<ul>
<li>ผลิตจาก สแตนเลสคุณภาพสูง แข็งแรง ทนทาน ไม่เป็นสนิม</li>
<li>ด้ามจับถนัดมือ ออกแรงน้อย เปิดไวน์ง่าย ไม่ต้องใช้แรงเยอะ</li>
<li>มาพร้อม ที่เปิดฝาขวดเบียร์ ใช้งานสะดวกในทุกโอกาส</li>
<li>ดีไซน์เรียบหรู ดูดีบนโต๊ะอาหารหรือเคาน์เตอร์บาร์</li></ul>
<hr class="section-divider"> <h3>เหมาะสำหรับ</h3>
<ul>
<li>งานปาร์ตี้ ดินเนอร์ หรือของขวัญสำหรับสายดื่ม</li></ul>
</div>
</section>
</main>