
-Premium wall art / tablue
-Made of Premium glass with plastic frame
-Digital printing to give you the best quality of color
-Frame comes with wall hook to prevent drilling walls
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><style> /* Style the tab */ .tab { overflow: hidden; border-bottom: 1px solid #ccc; background-color: #f1f1f1; } /* Style the buttons inside the tab */ .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 17px; } /* Change background color of buttons on hover */ .tab button:hover { background-color: #ddd; } /* Create an active/current tab link class */ .tab button.active { background-color: #ccc; } /* Style the tab content */ .tab-content { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; } .tab-content img { width: 150px; height: auto; border: 1px solid #ddd; border-radius: 4px; padding: 5px; transition: transform 0.3s ease; } .tab-content img:hover { transform: scale(1.1); } .tab-content p { margin-top: 8px; font-size: 14px; color: #333; text-align: center; } </style><title>Frame Sizes</title></head><body><!-- Tab links --><div class="tab"><button class="tablinks" onclick="openSize(event, 'Small')">20x30 cm</button><button class="tablinks" onclick="openSize(event, 'Medium')">30x40 cm</button><button class="tablinks" onclick="openSize(event, 'Large')">40x50 cm</button></div><!-- Tab content --><div id="Small" class="tab-content"><img src="small-frame.jpg" alt="20x30 Frame"><p>20x30 cm</p></div><div id="Medium" class="tab-content"><img src="medium-frame.jpg" alt="30x40 Frame"><p>30x40 cm</p></div><div id="Large" class="tab-content"><img src="large-frame.jpg" alt="40x50 Frame"><p>40x50 cm</p></div><script> function openSize(evt, sizeName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tab-content"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(sizeName).style.display = "block"; evt.currentTarget.className += " active"; } // Open the first tab by default document.getElementsByClassName("tablinks")[0].click(); </script></body></html>