{"id":127,"date":"2024-09-11T08:51:32","date_gmt":"2024-09-11T08:51:32","guid":{"rendered":"https:\/\/piringkayuid.com\/?page_id=127"},"modified":"2024-09-13T07:22:14","modified_gmt":"2024-09-13T07:22:14","slug":"home","status":"publish","type":"page","link":"https:\/\/piringkayuid.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Carousel with Responsive Image<\/title>\r\n <!-- Include Bootstrap CSS for carousel -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/4.5.2\/css\/bootstrap.min.css\">\r\n <style>\r\n \/* Carousel Container *\/\r\n .carousel-item {\r\n position: relative;\r\n width: 100%;\r\n height: 60vh; \/* Set a flexible height *\/\r\n overflow: hidden;\r\n }\r\n\r\n \/* Maintain image aspect ratio and responsiveness *\/\r\n .carousel-item img {\r\n width: 100%;\r\n height: auto; \/* Adjust height automatically to maintain aspect ratio *\/\r\n max-height: 100%; \/* Ensure image does not exceed the height of the carousel item *\/\r\n object-fit: cover; \/* Ensures the image covers the container without stretching *\/\r\n }\r\n\r\n \/* Text Styling *\/\r\n .carousel-caption {\r\n position: absolute;\r\n bottom: 10%;\r\n left: 5%;\r\n max-width: 80%; \/* Maximum width for larger screens *\/\r\n width: auto; \/* Auto width to fit content *\/\r\n background-color: rgba(168, 105, 54, 0.8); \/* Teak wood color with transparency *\/\r\n padding: 10px 15px;\r\n border-radius: 10px;\r\n color: #fff; \/* Set the text color to white for better readability *\/\r\n font-family: 'Playfair Display', serif;\r\n line-height: 1.2;\r\n z-index: 1; \/* Ensure text is above the image *\/\r\n }\r\n\r\n .carousel-caption h1 {\r\n font-size: 1.5rem; \/* Adjust font size for better readability *\/\r\n margin-bottom: 5px;\r\n font-weight: bold;\r\n color: #f5deb3; \/* Lighter teak wood shade *\/\r\n }\r\n\r\n .carousel-caption p {\r\n font-size: 1rem; \/* Adjust font size for better readability *\/\r\n color: #f5deb3; \/* Lighter teak wood shade *\/\r\n margin-bottom: 0;\r\n }\r\n\r\n \/* Responsive adjustments *\/\r\n @media (max-width: 1024px) {\r\n .carousel-item {\r\n height: 50vh; \/* Adjust height for tablets and smaller laptops *\/\r\n }\r\n\r\n .carousel-caption {\r\n bottom: 10%;\r\n left: 5%;\r\n max-width: 90%; \/* Ensure text box fits well on tablets and smaller laptops *\/\r\n }\r\n\r\n .carousel-caption h1 {\r\n font-size: 1.4rem; \/* Adjust font size *\/\r\n }\r\n\r\n .carousel-caption p {\r\n font-size: 0.9rem; \/* Adjust font size *\/\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .carousel-item {\r\n height: 40vh; \/* Adjust height for smaller screens *\/\r\n }\r\n\r\n .carousel-caption {\r\n bottom: 5%;\r\n left: 2%;\r\n max-width: 95%; \/* Ensure text box fits on smaller screens *\/\r\n }\r\n\r\n .carousel-caption h1 {\r\n font-size: 1.2rem; \/* Adjust font size *\/\r\n }\r\n\r\n .carousel-caption p {\r\n font-size: 0.9rem; \/* Adjust font size *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Carousel -->\r\n <div id=\"carouselExampleIndicators\" class=\"carousel slide\" data-ride=\"carousel\">\r\n <div class=\"carousel-inner\">\r\n <!-- Carousel Item 1 -->\r\n <div class=\"carousel-item active\">\r\n <img decoding=\"async\" src=\"https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/2-2.png\" alt=\"Wooden Plates\">\r\n <\/div>\r\n <!-- Carousel Item 2 -->\r\n <div class=\"carousel-item\">\r\n <img decoding=\"async\" src=\"https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/1-1.png\" alt=\"High-Quality Teak Wood\">\r\n <\/div>\r\n <!-- Carousel Item 3 -->\r\n <div class=\"carousel-item\">\r\n <img decoding=\"async\" src=\"https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/modern-home-for-1.png\" alt=\"Sustainable and Elegant\">\r\n <\/div>\r\n <\/div>\r\n <a class=\"carousel-control-prev\" href=\"#carouselExampleIndicators\" role=\"button\" data-slide=\"prev\">\r\n <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"><\/span>\r\n <span class=\"sr-only\">Previous<\/span>\r\n <\/a>\r\n <a class=\"carousel-control-next\" href=\"#carouselExampleIndicators\" role=\"button\" data-slide=\"next\">\r\n <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"><\/span>\r\n <span class=\"sr-only\">Next<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- Include Bootstrap JS and jQuery -->\r\n <script src=\"https:\/\/code.jquery.com\/jquery-3.5.1.slim.min.js\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@4.5.2\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e4a35be e-flex e-con-boxed e-con e-parent\" data-id=\"e4a35be\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14697c3 elementor-widget elementor-widget-spacer\" data-id=\"14697c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-27e678b e-transform elementor-invisible elementor-widget elementor-widget-html\" data-id=\"27e678b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInDown","_transform_rotateZ_effect":{"unit":"px","size":0,"sizes":[]},"_transform_rotateZ_effect_tablet":{"unit":"deg","size":"","sizes":[]},"_transform_rotateZ_effect_mobile":{"unit":"deg","size":"","sizes":[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>About Us Section<\/title>\r\n <!-- Google Fonts -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Doppio+One&family=Times+New+Roman&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* About Us Section *\/\r\n .about-us {\r\n padding: 60px 5%;\r\n background-color: transparent;\r\n }\r\n\r\n .about-us .container {\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: space-between;\r\n gap: 40px; \/* Space between text and image *\/\r\n }\r\n\r\n \/* Left content (Title, quote, and description) *\/\r\n .about-us .text-content {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px; \/* Space between title and description *\/\r\n }\r\n\r\n .about-us h2 {\r\n font-family: 'Doppio One', sans-serif;\r\n font-size: 2.5rem;\r\n margin-bottom: 10px;\r\n color: #333;\r\n font-weight: bold; \/* Makes the title bold *\/\r\n }\r\n\r\n .about-us .quote {\r\n display: flex;\r\n align-items: flex-start;\r\n font-family: 'Times New Roman', serif;\r\n font-size: 1.2rem;\r\n color: #666;\r\n line-height: 1.6;\r\n position: relative;\r\n }\r\n\r\n .about-us .quote::before {\r\n content: \"\u275d\"; \/* Quote icon *\/\r\n font-size: 3rem;\r\n color: #6d4c41; \/* Teak wood color *\/\r\n margin-right: 15px;\r\n line-height: 0.9; \/* Adjust vertical alignment of icon *\/\r\n }\r\n\r\n .about-us .description {\r\n font-family: 'Times New Roman', serif;\r\n font-size: 1.2rem;\r\n color: #666;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Image *\/\r\n .about-us img {\r\n max-width: 400px;\r\n width: 100%;\r\n height: auto;\r\n border-radius: 10px;\r\n rgba(0, 0, 0, 0.2);\r\n flex-shrink: 0; \/* Prevent image from shrinking *\/\r\n }\r\n\r\n \/* Make layout responsive *\/\r\n @media (max-width: 768px) {\r\n .about-us .container {\r\n flex-direction: column; \/* Stack text and image on smaller screens *\/\r\n align-items: center;\r\n }\r\n\r\n .about-us img {\r\n max-width: 100%; \/* Ensure image is responsive *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- About Us Section -->\r\n <section class=\"about-us\">\r\n <div class=\"container\">\r\n <!-- Left Column: Title, Quote, Description -->\r\n <div class=\"text-content\">\r\n <h2>About Us<\/h2>\r\n <div class=\"quote\">\r\n PiringKayuID is a premier online store specializing in exquisite wooden plates, meticulously handcrafted from the finest teak wood. Renowned for its exceptional durability and rich, natural grain, teak wood adds a timeless elegance to each piece, making them not only practical but also a statement of refined taste. Our collection is designed to meet the highest standards of quality, catering to those who appreciate the perfect blend of craftsmanship and functionality.\r\n <\/div>\r\n \r\n <\/div>\r\n\r\n <!-- Right Column: Image -->\r\n <img decoding=\"async\" src=\"https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/piringkayu.webp\" alt=\"PiringKayuID Products Image\">\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f6406c elementor-widget elementor-widget-heading\" data-id=\"5f6406c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Purpose<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d445a9b elementor-widget elementor-widget-image\" data-id=\"d445a9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"200\" height=\"200\" src=\"https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/4303775-200.png\" class=\"attachment-large size-large wp-image-264\" alt=\"\" srcset=\"https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/4303775-200.png 200w, https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/4303775-200-100x100.png 100w, https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/4303775-200-150x150.png 150w\" sizes=\"(max-width: 200px) 100vw, 200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-171af1d e-grid e-con-boxed e-con e-parent\" data-id=\"171af1d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fad6e03 elementor-position-top elementor-invisible elementor-widget elementor-widget-image-box\" data-id=\"fad6e03\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInLeft"}\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"1920\" src=\"https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/55.jpg\" class=\"attachment-full size-full wp-image-227\" alt=\"\" srcset=\"https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/55.jpg 1920w, https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/55-300x300.jpg 300w, https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/55-100x100.jpg 100w, https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/55-500x500.jpg 500w, https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/55-1024x1024.jpg 1024w, https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/55-150x150.jpg 150w, https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/55-768x768.jpg 768w, https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/55-1536x1536.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Crafting Elegance<\/h3><p class=\"elementor-image-box-description\">we transform the finest teak wood into stunning cutlery that adds a touch of sophistication to every meal<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c798f2 elementor-position-top elementor-invisible elementor-widget elementor-widget-image-box\" data-id=\"4c798f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInDown"}\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img decoding=\"async\" width=\"1920\" height=\"1920\" src=\"https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/54.jpg\" class=\"attachment-full size-full wp-image-226\" alt=\"\" srcset=\"https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/54.jpg 1920w, https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/54-300x300.jpg 300w, https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/54-100x100.jpg 100w, https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/54-500x500.jpg 500w, https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/54-1024x1024.jpg 1024w, https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/54-150x150.jpg 150w, https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/54-768x768.jpg 768w, https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/54-1536x1536.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Sustainable Beauty<\/h3><p class=\"elementor-image-box-description\">Our cutlery not only showcases natural elegance but also supports environmentally friendly practices.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-91cdf3d elementor-position-top elementor-invisible elementor-widget elementor-widget-image-box\" data-id=\"91cdf3d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInRight"}\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1920\" src=\"https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/52.jpg\" class=\"attachment-full size-full wp-image-223\" alt=\"\" srcset=\"https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/52.jpg 1920w, https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/52-300x300.jpg 300w, https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/52-100x100.jpg 100w, https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/52-500x500.jpg 500w, https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/52-1024x1024.jpg 1024w, https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/52-150x150.jpg 150w, https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/52-768x768.jpg 768w, https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/52-1536x1536.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Timeless Tradition<\/h3><p class=\"elementor-image-box-description\">Combining traditional craftsmanship with modern design, our teak wood cutlery celebrates the rich heritage of woodcraft.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-45dea2c e-flex e-con-boxed e-con e-parent\" data-id=\"45dea2c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4822068 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"4822068\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5061357 elementor-widget elementor-widget-spacer\" data-id=\"5061357\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b24856 elementor-widget elementor-widget-heading\" data-id=\"8b24856\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">EVENTS<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52697a8 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"52697a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInRight"}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Event Flipbook<\/title>\r\n <!-- Google Fonts -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Doppio+One&family=Times+New+Roman&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* Flipbook Container *\/\r\n .flipbook-container {\r\n position: relative;\r\n width: 80%;\r\n margin: 0 auto;\r\n perspective: 1000px; \/* Provides a 3D perspective *\/\r\n height: 400px; \/* Adjust height as needed *\/\r\n }\r\n\r\n .flipbook {\r\n width: 100%;\r\n height: 100%;\r\n position: relative;\r\n transform-style: preserve-3d;\r\n transition: transform 0.8s;\r\n }\r\n\r\n .flipbook.flip {\r\n transform: rotateY(180deg);\r\n }\r\n\r\n .flipbook-inner {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n transform-style: preserve-3d;\r\n transition: transform 0.8s;\r\n }\r\n\r\n .flipbook-item {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n backface-visibility: hidden;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n display: flex;\r\n }\r\n\r\n .flipbook-front,\r\n .flipbook-back {\r\n background: #ffffff;\r\n }\r\n\r\n .flipbook-front {\r\n display: flex;\r\n flex-direction: row;\r\n transform: rotateY(0deg);\r\n }\r\n\r\n .flipbook-front img {\r\n width: 50%;\r\n height: auto;\r\n object-fit: cover;\r\n }\r\n\r\n .flipbook-front .content {\r\n padding: 20px;\r\n width: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n }\r\n\r\n .flipbook-back {\r\n background: #f0f0f0;\r\n transform: rotateY(180deg);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-start;\r\n padding: 20px;\r\n text-align: center;\r\n color: #333;\r\n overflow-y: auto; \/* Allow vertical scrolling *\/\r\n box-sizing: border-box; \/* Ensure padding does not affect the height *\/\r\n }\r\n\r\n .event-description {\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n max-height: 100%;\r\n overflow-y: auto; \/* Allow vertical scrolling within description *\/\r\n box-sizing: border-box; \/* Ensure padding is included in width\/height calculations *\/\r\n }\r\n\r\n .event-description h3 {\r\n font-family: 'Doppio One', sans-serif;\r\n font-size: 1.5rem;\r\n margin-bottom: 10px;\r\n font-weight: bold; \/* Makes the title bold *\/\r\n padding-top: 10px; \/* Ensure title is not cut off *\/\r\n margin: 0; \/* Remove default margin *\/\r\n }\r\n\r\n .event-description p {\r\n font-family: 'Times New Roman', serif;\r\n font-size: 1rem;\r\n line-height: 1.5; \/* Improved readability *\/\r\n padding: 0 10px; \/* Added padding for better readability *\/\r\n }\r\n\r\n .event-controls {\r\n display: flex;\r\n justify-content: space-between;\r\n margin-top: 20px;\r\n }\r\n\r\n .event-controls button {\r\n background: #6d4c41; \/* Teak wood color *\/\r\n color: white;\r\n border: none;\r\n padding: 10px 20px;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n font-family: 'Times New Roman', serif;\r\n font-size: 1rem;\r\n }\r\n\r\n .event-controls button:hover {\r\n background: #4a3b2b; \/* Slightly darker shade *\/\r\n }\r\n\r\n \/* Responsive adjustments *\/\r\n @media (max-width: 1024px) {\r\n .flipbook-container {\r\n width: 90%;\r\n height: 300px; \/* Adjust height for tablets *\/\r\n }\r\n\r\n .flipbook-front img {\r\n width: 40%; \/* Adjust image width for tablets *\/\r\n }\r\n\r\n .flipbook-front .content {\r\n width: 60%; \/* Adjust content width for tablets *\/\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .flipbook-container {\r\n width: 95%;\r\n height: 250px; \/* Adjust height for smaller screens *\/\r\n }\r\n\r\n .flipbook-front img {\r\n width: 100%; \/* Make image width 100% for small screens *\/\r\n height: auto; \/* Adjust height automatically *\/\r\n }\r\n\r\n .flipbook-front .content {\r\n width: 100%; \/* Make content width 100% for small screens *\/\r\n }\r\n\r\n .flipbook-back {\r\n padding: 15px; \/* Increased padding for smaller screens *\/\r\n height: auto; \/* Allow height to adjust *\/\r\n max-height: 100%; \/* Ensure it respects container height *\/\r\n }\r\n\r\n .event-description h3 {\r\n font-size: 1.2rem; \/* Reduce font size for better fit *\/\r\n }\r\n\r\n .event-description p {\r\n font-size: 0.9rem; \/* Adjust font size for smaller screens *\/\r\n line-height: 1.6; \/* Increase line-height for better readability *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Event Section -->\r\n <div class=\"flipbook-container\">\r\n <div class=\"flipbook\">\r\n <div class=\"flipbook-inner\">\r\n <!-- Event -->\r\n <div class=\"flipbook-item flipbook-front\">\r\n <img decoding=\"async\" src=\"https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/pilarpiring2.jpg\" alt=\"Event Image\">\r\n <div class=\"content\">\r\n <div class=\"event-description\">\r\n <h3>PiringKayuID Release<\/h3>\r\n <p>PiringkayuID Exceed Peoples expectations, swipe to see more.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flipbook-item flipbook-back\">\r\n <div class=\"event-description\">\r\n <h3>PiringKayuID Release<\/h3>\r\n <p>Join us in celebrating the grand opening of PiringKayuID, your premier destination for exquisite handcrafted wooden plates. On this special occasion, we unveil our stunning collection, meticulously crafted from the finest teak wood. Renowned for its durability and timeless elegance, our teak wood plates are a testament to superior craftsmanship and refined taste. Discover the perfect blend of functionality and sophistication as we introduce a new era in elegant tableware. Experience the charm of sustainable, high-quality dining products that elevate your dining experience to new heights.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Event Controls -->\r\n <div class=\"event-controls\">\r\n <button id=\"prevButton\">Previous<\/button>\r\n <button id=\"nextButton\">Next<\/button>\r\n <\/div>\r\n\r\n <!-- JavaScript for Flip Animation -->\r\n <script>\r\n const flipbookInner = document.querySelector('.flipbook-inner');\r\n let currentIndex = 0;\r\n const totalItems = 1; \/\/ Only one flipbook item in this example\r\n\r\n function updateFlip() {\r\n flipbookInner.style.transform = `rotateY(${currentIndex * -180}deg)`;\r\n }\r\n\r\n document.getElementById('prevButton').addEventListener('click', () => {\r\n if (currentIndex > 0) {\r\n currentIndex--;\r\n updateFlip();\r\n }\r\n });\r\n\r\n document.getElementById('nextButton').addEventListener('click', () => {\r\n if (currentIndex < totalItems) {\r\n currentIndex++;\r\n updateFlip();\r\n }\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8f6fc9f e-flex e-con-boxed e-con e-parent\" data-id=\"8f6fc9f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2acadc elementor-widget elementor-widget-spacer\" data-id=\"e2acadc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1004852 e-flex e-con-boxed e-con e-parent\" data-id=\"1004852\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Carousel with Responsive Image Previous Next About Us Section About Us PiringKayuID is a premier online store specializing in exquisite wooden plates, meticulously handcrafted from the finest teak wood. Renowned for its exceptional durability and rich, natural grain, teak wood adds a timeless elegance to each piece, making them not only practical but also a […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-127","page","type-page","status-publish","hentry"],"blocksy_meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - PiringkayuID<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/piringkayuid.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - PiringkayuID\" \/>\n<meta property=\"og:description\" content=\"Carousel with Responsive Image Previous Next About Us Section About Us PiringKayuID is a premier online store specializing in exquisite wooden plates, meticulously handcrafted from the finest teak wood. Renowned for its exceptional durability and rich, natural grain, teak wood adds a timeless elegance to each piece, making them not only practical but also a […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/piringkayuid.com\/\" \/>\n<meta property=\"og:site_name\" content=\"PiringkayuID\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-13T07:22:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/2-2.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/piringkayuid.com\\\/\",\"url\":\"https:\\\/\\\/piringkayuid.com\\\/\",\"name\":\"Home - PiringkayuID\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/piringkayuid.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/piringkayuid.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/piringkayuid.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/piringkayuid.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/2-2.png\",\"datePublished\":\"2024-09-11T08:51:32+00:00\",\"dateModified\":\"2024-09-13T07:22:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/piringkayuid.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/piringkayuid.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/piringkayuid.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/piringkayuid.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/2-2.png\",\"contentUrl\":\"https:\\\/\\\/piringkayuid.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/2-2.png\",\"width\":1413,\"height\":621},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/piringkayuid.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/piringkayuid.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/piringkayuid.com\\\/#website\",\"url\":\"https:\\\/\\\/piringkayuid.com\\\/\",\"name\":\"PiringkayuID\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/piringkayuid.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/piringkayuid.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/piringkayuid.com\\\/#organization\",\"name\":\"PiringkayuID\",\"url\":\"https:\\\/\\\/piringkayuid.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/piringkayuid.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/piringkayuid.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/piringkayu-2.webp\",\"contentUrl\":\"https:\\\/\\\/piringkayuid.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/piringkayu-2.webp\",\"width\":174,\"height\":150,\"caption\":\"PiringkayuID\"},\"image\":{\"@id\":\"https:\\\/\\\/piringkayuid.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - PiringkayuID","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/piringkayuid.com\/","og_locale":"en_US","og_type":"article","og_title":"Home - PiringkayuID","og_description":"Carousel with Responsive Image Previous Next About Us Section About Us PiringKayuID is a premier online store specializing in exquisite wooden plates, meticulously handcrafted from the finest teak wood. Renowned for its exceptional durability and rich, natural grain, teak wood adds a timeless elegance to each piece, making them not only practical but also a […]","og_url":"https:\/\/piringkayuid.com\/","og_site_name":"PiringkayuID","article_modified_time":"2024-09-13T07:22:14+00:00","og_image":[{"url":"https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/2-2.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/piringkayuid.com\/","url":"https:\/\/piringkayuid.com\/","name":"Home - PiringkayuID","isPartOf":{"@id":"https:\/\/piringkayuid.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/piringkayuid.com\/#primaryimage"},"image":{"@id":"https:\/\/piringkayuid.com\/#primaryimage"},"thumbnailUrl":"https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/2-2.png","datePublished":"2024-09-11T08:51:32+00:00","dateModified":"2024-09-13T07:22:14+00:00","breadcrumb":{"@id":"https:\/\/piringkayuid.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/piringkayuid.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/piringkayuid.com\/#primaryimage","url":"https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/2-2.png","contentUrl":"https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/2-2.png","width":1413,"height":621},{"@type":"BreadcrumbList","@id":"https:\/\/piringkayuid.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/piringkayuid.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/piringkayuid.com\/#website","url":"https:\/\/piringkayuid.com\/","name":"PiringkayuID","description":"","publisher":{"@id":"https:\/\/piringkayuid.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/piringkayuid.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/piringkayuid.com\/#organization","name":"PiringkayuID","url":"https:\/\/piringkayuid.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/piringkayuid.com\/#\/schema\/logo\/image\/","url":"https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/piringkayu-2.webp","contentUrl":"https:\/\/piringkayuid.com\/wp-content\/uploads\/2024\/09\/piringkayu-2.webp","width":174,"height":150,"caption":"PiringkayuID"},"image":{"@id":"https:\/\/piringkayuid.com\/#\/schema\/logo\/image\/"}}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/piringkayuid.com\/index.php?rest_route=\/wp\/v2\/pages\/127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/piringkayuid.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/piringkayuid.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/piringkayuid.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/piringkayuid.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=127"}],"version-history":[{"count":94,"href":"https:\/\/piringkayuid.com\/index.php?rest_route=\/wp\/v2\/pages\/127\/revisions"}],"predecessor-version":[{"id":480,"href":"https:\/\/piringkayuid.com\/index.php?rest_route=\/wp\/v2\/pages\/127\/revisions\/480"}],"wp:attachment":[{"href":"https:\/\/piringkayuid.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}