Slider Responsive<\/title>\n<style>\n * {\n box-sizing: border-box;\n }\n\n body {\n margin: 0;\n background: #000;\n font-family: Arial, sans-serif;\n }\n\n .slider {\n position: relative;\n width: 90%; \/* occupa 90% della larghezza *\/\n max-width: 900px; \/* larghezza massima *\/\n height: auto;\n margin: 50px auto;\n overflow: hidden;\n border-radius: 10px;\n }\n\n .slides {\n display: flex;\n transition: transform 0.5s ease-in-out;\n }\n\n .slide {\n min-width: 100%;\n }\n\n .slide img {\n width: 100%;\n height: auto; \/* mantiene proporzioni *\/\n display: block;\n }\n\n .arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n font-size: 40px;\n color: #fff;\n background: rgba(0,0,0,0.3);\n border: none;\n padding: 10px;\n cursor: pointer;\n z-index: 10;\n border-radius: 50%;\n user-select: none;\n transition: background 0.3s;\n }\n\n .arrow:hover {\n background: rgba(0,0,0,0.6);\n }\n\n .prev {\n left: 10px;\n }\n\n .next {\n right: 10px;\n }\n\n \/* Media query per desktop pi\u00f9 grandi *\/\n @media (min-width: 1200px) {\n .slider {\n width: 70%;\n max-width: 1000px;\n }\n }\n\n \/* Media query per tablet *\/\n @media (max-width: 768px) {\n .arrow {\n font-size: 30px;\n padding: 8px;\n }\n }\n\n \/* Media query per smartphone *\/\n @media (max-width: 480px) {\n .arrow {\n font-size: 25px;\n padding: 6px;\n }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"slider\">\n <div class=\"slides\">\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2026\/01\/RENDER-BOTTIGLIA-6.jpg\" alt=\"\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2026\/01\/RENDER-BOTTIGLIA-9.jpg\" alt=\"\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2026\/01\/RENDER-BOTTIGLIA-7.jpg\" alt=\"\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2026\/01\/RENDER-BOTTIGLIA-8.jpg\" alt=\"\">\n <\/div>\n <\/div>\n\n <div class=\"arrow prev\">❮<\/div>\n <div class=\"arrow next\">❯<\/div>\n<\/div>\n\n<script>\n const slidesContainer = document.querySelector('.slides');\n const slides = document.querySelectorAll('.slide');\n const prev = document.querySelector('.prev');\n const next = document.querySelector('.next');\n\n let index = 0;\n\n function showSlide(i) {\n if(i < 0) index = slides.length - 1;\n else if(i >= slides.length) index = 0;\n else index = i;\n\n slidesContainer.style.transform = `translateX(${-index * 100}%)`;\n }\n\n prev.addEventListener('click', () => {\n showSlide(index - 1);\n });\n\n next.addEventListener('click', () => {\n showSlide(index + 1);\n });\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:33px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Guarda le tavole per saperne di pi\u00f9!<\/h2>\n\n\n\n<div style=\"height:36px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-d61d70aa wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2026\/06\/Simone-Lorenzetto_tavole.pdf\" style=\"border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;background-color:#da671a\">Tavole di progetto<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si tratta di un progetto realistico che ho realizzato per la mia tesi di laurea. Consiste nella progettazione della linea di packaging per 4 prodotti della cantina Bernardi Pietro e figli, adatto per\u00f2 alla grande distribuzione, diversamente dall’originale che era stato pensato per il settore ho.re.ca.Mi sono occupato dello sviluppo del concept, la progettazione della … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/lorenzettomediadesign.it\/?p=888\" class=\"more-link\">Leggi tutto<span class=\"screen-reader-text\"> “Restyling del packaging per Bernardi Pietro e figli”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":889,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"chat","meta":{"footnotes":""},"categories":[3],"tags":[10,16,61],"class_list":["post-888","post","type-post","status-publish","format-chat","has-post-thumbnail","hentry","category-design","tag-bernardi","tag-design","tag-vino","post_format-post-format-chat"],"_links":{"self":[{"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/posts\/888","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=888"}],"version-history":[{"count":2,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/posts\/888\/revisions"}],"predecessor-version":[{"id":1346,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/posts\/888\/revisions\/1346"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/media\/889"}],"wp:attachment":[{"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=888"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=888"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=888"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}