{"id":3649,"date":"2026-04-16T15:31:35","date_gmt":"2026-04-16T13:31:35","guid":{"rendered":"http:\/\/www.biblioteca-sancarloborromeo.it\/?page_id=3649"},"modified":"2026-04-16T15:42:48","modified_gmt":"2026-04-16T13:42:48","slug":"elementor-3649","status":"publish","type":"page","link":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/elementor-3649\/","title":{"rendered":"Elementor #3649"},"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\t\r\n\r\n\r\n \r\n \r\n Biblioteca San Carlo Borromeo<\/title>\r\n <!-- Tailwind CSS CDN -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <!-- Google Fonts -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n <!-- Lucide Icons -->\r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n <style>\r\n \/* Reset totale per evitare margini di Elementor o del Tema *\/\r\n html, body { \r\n margin: 0 !important; \r\n padding: 0 !important; \r\n width: 100% !important;\r\n overflow-x: hidden;\r\n font-family: 'Inter', sans-serif; \r\n background-color: #FDFCF8;\r\n }\r\n .font-serif { font-family: 'Playfair Display', serif; }\r\n .bordeaux-bg { background-color: #800020; }\r\n .bordeaux-text { color: #800020; }\r\n .bordeaux-border { border-color: #800020; }\r\n \r\n \/* Forza il contenitore a ignorare i limiti del widget di Elementor *\/\r\n .full-screen-section {\r\n width: 100vw !important;\r\n position: relative;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"text-stone-900\">\r\n\r\n <!-- NAVBAR -->\r\n <nav class=\"bg-white border-b border-[#800020]\/10 sticky top-0 z-50 px-6 md:px-12 w-full\">\r\n <div class=\"w-full h-16 flex justify-between items-center\">\r\n <div class=\"flex items-center gap-3\">\r\n <i data-lucide=\"book\" class=\"h-5 w-5 text-[#800020]\"><\/i>\r\n <span class=\"font-serif text-2xl font-bold tracking-tight text-[#800020]\">San Carlo<\/span>\r\n <\/div>\r\n <div class=\"hidden md:flex space-x-10 text-[10px] uppercase font-bold tracking-[0.2em]\">\r\n <a href=\"#\" class=\"text-[#800020] border-b-2 border-[#800020] pb-1\">Home<\/a>\r\n <a href=\"#\" class=\"text-stone-400 hover:text-[#800020] transition-colors\">Agenda<\/a>\r\n <a href=\"#\" class=\"text-stone-400 hover:text-[#800020] transition-colors\">Servizi<\/a>\r\n <a href=\"#\" class=\"text-stone-400 hover:text-[#800020] transition-colors\">Calendari<\/a>\r\n <a href=\"#\" class=\"text-stone-400 hover:text-[#800020] transition-colors\">Dove Siamo<\/a>\r\n <\/div>\r\n <i data-lucide=\"search\" class=\"text-[#800020] cursor-pointer w-5 h-5\"><\/i>\r\n <\/div>\r\n <\/nav>\r\n\r\n <main>\r\n <!-- HERO SECTION -->\r\n <section class=\"relative h-[75vh] flex items-center justify-center text-center bordeaux-bg overflow-hidden text-white w-full\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1481627834876-b7833e8f5570?q=80&w=2000&auto=format&fit=crop\" \r\n class=\"absolute inset-0 w-full h-full object-cover opacity-25 mix-blend-overlay scale-105\" alt=\"Interno Biblioteca\">\r\n <div class=\"relative z-10 w-full px-6\">\r\n <span class=\"uppercase text-[10px] tracking-[1.2em] mb-6 block text-white\/70\">Milano \u2022 Dal 1954<\/span>\r\n <h1 class=\"text-6xl md:text-8xl font-serif mb-8 leading-tight italic tracking-tighter\">La Memoria <br>\u00e8 Viva.<\/h1>\r\n <div class=\"flex justify-center gap-6\">\r\n <button class=\"bg-white text-[#800020] px-10 py-3 text-[10px] font-bold uppercase tracking-[0.3em] hover:bg-stone-100 transition-all shadow-xl\">Archivio<\/button>\r\n <button class=\"border-2 border-white\/40 px-10 py-3 text-[10px] font-bold uppercase tracking-[0.3em] hover:bg-white\/10 transition-all\">Eventi<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FRASE DEL GIORNO -->\r\n <section class=\"py-24 bg-white border-b border-[#800020]\/10 w-full\">\r\n <div class=\"w-full max-w-5xl mx-auto px-6 text-center\">\r\n <i data-lucide=\"quote\" class=\"mx-auto mb-8 text-[#800020] opacity-20 w-10 h-10\"><\/i>\r\n <h2 id=\"frase-testo\" class=\"text-4xl md:text-6xl font-serif italic text-[#800020] leading-tight mb-8\">\r\n \"Caricamento frase...\"\r\n <\/h2>\r\n <div class=\"h-px w-24 bordeaux-bg opacity-30 mx-auto mb-6\"><\/div>\r\n <span id=\"frase-autore\" class=\"text-[12px] uppercase tracking-[0.6em] font-bold text-stone-400\"><\/span>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- I NOSTRI NUMERI -->\r\n <section class=\"py-20 bordeaux-bg text-white w-full\">\r\n <div class=\"w-full px-6 md:px-20\">\r\n <div class=\"grid grid-cols-2 lg:grid-cols-4 gap-12 text-center\">\r\n <div class=\"group\">\r\n <i data-lucide=\"library\" class=\"mx-auto mb-6 opacity-50 group-hover:opacity-100 transition-opacity w-8 h-8\"><\/i>\r\n <p class=\"text-4xl md:text-5xl font-serif mb-2\">45.000+<\/p>\r\n <p class=\"text-[10px] uppercase tracking-[0.3em] text-white\/60 font-bold\">Volumi a catalogo<\/p>\r\n <\/div>\r\n <div class=\"group\">\r\n <i data-lucide=\"users\" class=\"mx-auto mb-6 opacity-50 group-hover:opacity-100 transition-opacity w-8 h-8\"><\/i>\r\n <p class=\"text-4xl md:text-5xl font-serif mb-2\">12.500<\/p>\r\n <p class=\"text-[10px] uppercase tracking-[0.3em] text-white\/60 font-bold\">Lettori attivi<\/p>\r\n <\/div>\r\n <div class=\"group\">\r\n <i data-lucide=\"calendar\" class=\"mx-auto mb-6 opacity-50 group-hover:opacity-100 transition-opacity w-8 h-8\"><\/i>\r\n <p class=\"text-4xl md:text-5xl font-serif mb-2\">150<\/p>\r\n <p class=\"text-[10px] uppercase tracking-[0.3em] text-white\/60 font-bold\">Eventi annuali<\/p>\r\n <\/div>\r\n <div class=\"group\">\r\n <i data-lucide=\"award\" class=\"mx-auto mb-6 opacity-50 group-hover:opacity-100 transition-opacity w-8 h-8\"><\/i>\r\n <p class=\"text-4xl md:text-5xl font-serif mb-2\">70<\/p>\r\n <p class=\"text-[10px] uppercase tracking-[0.3em] text-white\/60 font-bold\">Anni di storia<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SERVIZI -->\r\n <section class=\"py-24 px-6 md:px-12 w-full\">\r\n <div class=\"text-center mb-16\">\r\n <span class=\"text-[10px] uppercase tracking-[0.5em] bordeaux-text font-bold mb-3 block\">Cosa Offriamo<\/span>\r\n <h2 class=\"text-4xl md:text-5xl font-serif text-stone-900\">Servizi ai Lettori<\/h2>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8\">\r\n <div class=\"p-10 bg-white border border-[#800020]\/10 hover:border-[#800020] hover:shadow-2xl transition-all group\">\r\n <i data-lucide=\"wifi\" class=\"bordeaux-text mb-6 w-6 h-6\"><\/i>\r\n <h5 class=\"font-serif text-2xl mb-4 italic\">Wi-Fi Gratuito<\/h5>\r\n <p class=\"text-stone-500 text-sm leading-relaxed font-light\">Connessione ultra-veloce in tutta la struttura per i nostri iscritti.<\/p>\r\n <\/div>\r\n <div class=\"p-10 bg-white border border-[#800020]\/10 hover:border-[#800020] hover:shadow-2xl transition-all group\">\r\n <i data-lucide=\"printer\" class=\"bordeaux-text mb-6 w-6 h-6\"><\/i>\r\n <h5 class=\"font-serif text-2xl mb-4 italic\">Stampa & Scan<\/h5>\r\n <p class=\"text-stone-500 text-sm leading-relaxed font-light\">Servizio professionale di stampa e scansione digitale documenti.<\/p>\r\n <\/div>\r\n <div class=\"p-10 bg-white border border-[#800020]\/10 hover:border-[#800020] hover:shadow-2xl transition-all group\">\r\n <i data-lucide=\"laptop\" class=\"bordeaux-text mb-6 w-6 h-6\"><\/i>\r\n <h5 class=\"font-serif text-2xl mb-4 italic\">Postazioni PC<\/h5>\r\n <p class=\"text-stone-500 text-sm leading-relaxed font-light\">Computer di ultima generazione a disposizione per ricerca e studio.<\/p>\r\n <\/div>\r\n <div class=\"p-10 bg-white border border-[#800020]\/10 hover:border-[#800020] hover:shadow-2xl transition-all group\">\r\n <i data-lucide=\"coffee\" class=\"bordeaux-text mb-6 w-6 h-6\"><\/i>\r\n <h5 class=\"font-serif text-2xl mb-4 italic\">Area Relax<\/h5>\r\n <p class=\"text-stone-500 text-sm leading-relaxed font-light\">Uno spazio accogliente e silenzioso per brevi pause rigeneranti.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ORARI E MAPPA -->\r\n <section class=\"bg-stone-900 border-t-8 bordeaux-border text-white w-full\">\r\n <div class=\"w-full grid grid-cols-1 lg:grid-cols-3\">\r\n <div class=\"p-16 border-b lg:border-b-0 lg:border-r border-white\/5\">\r\n <div class=\"flex items-center gap-4 mb-10\">\r\n <i data-lucide=\"clock\" class=\"bordeaux-text w-7 h-7\"><\/i>\r\n <h3 class=\"font-serif text-3xl italic\">Orari di Apertura<\/h3>\r\n <\/div>\r\n <div class=\"space-y-6\">\r\n <div class=\"flex justify-between border-b border-white\/5 pb-3\">\r\n <span class=\"text-[11px] uppercase font-bold text-stone-500 tracking-widest\">Luned\u00ec - Venerd\u00ec<\/span>\r\n <span class=\"bordeaux-text font-serif italic text-xl\">09:00 - 19:00<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between border-b border-white\/5 pb-3\">\r\n <span class=\"text-[11px] uppercase font-bold text-stone-500 tracking-widest\">Sabato<\/span>\r\n <span class=\"bordeaux-text font-serif italic text-xl\">09:00 - 13:00<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between\">\r\n <span class=\"text-[11px] uppercase font-bold text-stone-500 tracking-widest\">Domenica<\/span>\r\n <span class=\"bordeaux-text font-serif italic text-xl\">Chiuso<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"lg:col-span-2 p-16 relative overflow-hidden min-h-[450px] flex items-end\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1526778548025-fa2f459cd5c1?q=80&w=1200&auto=format&fit=crop\" \r\n class=\"absolute inset-0 w-full h-full object-cover opacity-20 grayscale hover:grayscale-0 transition-all duration-1000\" alt=\"Mappa Stradale Milano\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-stone-900 via-transparent to-transparent\"><\/div>\r\n <div class=\"relative z-10\">\r\n <div class=\"flex items-center gap-4 mb-4\">\r\n <i data-lucide=\"map-pin\" class=\"bordeaux-text w-10 h-10\"><\/i>\r\n <h3 class=\"font-serif text-4xl italic\">Piazza San Carlo, 1<\/h3>\r\n <\/div>\r\n <p class=\"text-stone-400 text-sm uppercase tracking-[0.4em] font-bold\">20122 Milano \u2022 Centro Storico<\/p>\r\n <button class=\"mt-8 bordeaux-bg text-white px-8 py-3 text-[10px] font-bold uppercase tracking-[0.2em] hover:bg-white hover:text-[#800020] transition-all\">Come raggiungerci<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <footer class=\"bg-white py-16 px-6 text-center w-full border-t border-stone-100\">\r\n <h4 class=\"font-serif text-3xl bordeaux-text font-bold tracking-tighter\">San Carlo Borromeo<\/h4>\r\n <div class=\"flex justify-center gap-8 mt-6 text-[10px] font-bold uppercase tracking-[0.3em] text-stone-400\">\r\n <a href=\"#\" class=\"hover:text-[#800020]\">Contatti<\/a>\r\n <a href=\"#\" class=\"hover:text-[#800020]\">Privacy Policy<\/a>\r\n <a href=\"#\" class=\"hover:text-[#800020]\">Cookie<\/a>\r\n <\/div>\r\n <p class=\"text-[9px] text-stone-300 uppercase tracking-widest mt-12\">© 2024 Biblioteca San Carlo Borromeo. Tutti i diritti riservati.<\/p>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ Inizializza Icone Lucide\r\n lucide.createIcons();\r\n\r\n \/\/ Logica Frase del Giorno\r\n const frasi = [\r\n { testo: \"Leggere, in fondo, non \u00e8 altro che un modo di sognare guidati da una mano amica.\", autore: \"Jorge Luis Borges\" },\r\n { testo: \"Una biblioteca non \u00e8 un lusso, ma una delle necessit\u00e0 della vita.\", autore: \"Henry Ward Beecher\" },\r\n { testo: \"Chi non legge, a 70 anni avr\u00e0 vissuto una sola vita. Chi legge avr\u00e0 vissuto 5000 anni.\", autore: \"Umberto Eco\" }\r\n ];\r\n \r\n const oggi = new Date().getDate();\r\n const frase = frasi[oggi % frasi.length];\r\n document.getElementById('frase-testo').innerText = `\"${frase.testo}\"`;\r\n document.getElementById('frase-autore').innerText = frase.autore;\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\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":"<div class=\"mh-excerpt\"><p>Biblioteca San Carlo Borromeo San Carlo Home Agenda Servizi Calendari Dove Siamo Milano \u2022 Dal 1954 La Memoria \u00e8 Viva. Archivio Eventi “Caricamento frase…” 45.000+ Volumi a catalogo 12.500 Lettori <a class=\"mh-excerpt-more\" href=\"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/elementor-3649\/\" title=\"Elementor #3649\">[…]<\/a><\/p>\n<\/div>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-3649","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages\/3649","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/comments?post=3649"}],"version-history":[{"count":8,"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages\/3649\/revisions"}],"predecessor-version":[{"id":3658,"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages\/3649\/revisions\/3658"}],"wp:attachment":[{"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/media?parent=3649"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}