{"id":166345,"date":"2026-09-30T14:27:42","date_gmt":"2026-09-30T12:27:42","guid":{"rendered":"https:\/\/icc.it\/?page_id=166345"},"modified":"2026-09-30T14:46:10","modified_gmt":"2026-09-30T12:46:10","slug":"catalogues","status":"publish","type":"page","link":"https:\/\/icc.it\/en\/catalogues\/","title":{"rendered":"Catalogues"},"content":{"rendered":"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Catalogs and Brochures<\/title>\n    <!-- Google Fonts: Roboto -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700;900&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Roboto', sans-serif;\n            background-color: #fbfbfd;\n            color: #1d1d1f;\n            -webkit-font-smoothing: antialiased;\n            overflow-x: hidden;\n            padding: 60px 20px;\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            text-align: center;\n        }\n\n        \/* Section Header *\/\n        .section-header {\n            margin-bottom: 60px;\n        }\n\n        .section-header h1 {\n            font-size: 64px;\n            font-weight: 900;\n            letter-spacing: -0.5px;\n            color: #0564ae; \n            margin-bottom: 20px;\n            text-transform: uppercase;\n        }\n\n        .section-header p {\n            font-size: 24px;\n            color: #515154;\n            font-weight: 400;\n            max-width: 750px;\n            margin: 0 auto;\n            line-height: 1.5;\n        }\n\n        \/* Cards Grid *\/\n        .cards-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));\n            gap: 40px;\n            align-stretch;\n        }\n\n        \/* Full Card Link Wrapper *\/\n        .card-link-wrapper {\n            text-decoration: none !important; \/* Removes any default underline *\/\n            display: flex;\n            flex-direction: column;\n            text-align: left;\n        }\n\n        \/* Single Apple-Style Card *\/\n        .card {\n            background: #ffffff;\n            border-radius: 28px;\n            padding: 50px 40px;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            position: relative;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);\n            border: 1px solid rgba(0, 0, 0, 0.06);\n            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n            height: 100%;\n        }\n\n        .card-link-wrapper:hover .card {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 45px rgba(5, 100, 174, 0.15);\n            border-color: rgba(5, 100, 174, 0.3);\n        }\n\n        \/* Card Text Content *\/\n        .card-content h2 {\n            font-size: 40px;\n            font-weight: 900;\n            color: #0564ae;\n            margin-bottom: 18px;\n            letter-spacing: -0.5px;\n        }\n\n        .card-content p {\n            font-size: 22px;\n            color: #434346;\n            line-height: 1.6;\n            margin-bottom: 35px;\n            font-weight: 400;\n        }\n\n        \/* A4 Portrait Image Container *\/\n        .image-container {\n            width: 100%;\n            display: flex;\n            justify-content: center;\n            margin-bottom: 35px;\n            background: #f5f5f7;\n            border-radius: 16px;\n            padding: 20px;\n        }\n\n        .a4-mockup {\n            width: 100%;\n            max-width: 260px;\n            aspect-ratio: 1 \/ 1.414; \/* Exact A4 portrait format *\/\n            object-fit: cover;\n            border-radius: 10px;\n            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);\n            transition: transform 0.4s ease;\n        }\n\n        .card-link-wrapper:hover .a4-mockup {\n            transform: scale(1.03);\n        }\n\n        \/* Apple-style bottom link (only this part underlines) *\/\n        .card-link-text {\n            display: inline-flex;\n            align-items: center;\n            color: #0564ae;\n            font-size: 20px;\n            font-weight: 700;\n            text-decoration: none;\n            transition: color 0.2s ease;\n        }\n\n        .card-link-text::after {\n            content: \" \u203a\";\n            font-size: 24px;\n            margin-left: 6px;\n            line-height: 1;\n            transition: transform 0.2s ease;\n        }\n\n        .card-link-wrapper:hover .card-link-text {\n            color: #044f8b;\n            text-decoration: underline; \/* Underlines only the bottom text *\/\n        }\n\n        .card-link-wrapper:hover .card-link-text::after {\n            transform: translateX(4px);\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            body {\n                padding: 30px 15px;\n            }\n            .card {\n                padding: 35px 25px;\n            }\n            .section-header h1 {\n                font-size: 42px;\n            }\n            .section-header p {\n                font-size: 18px;\n            }\n            .card-content h2 {\n                font-size: 32px;\n            }\n            .card-content p {\n                font-size: 18px;\n            }\n            .card-link-text {\n                font-size: 18px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"container\">\n        <!-- Header -->\n        <div class=\"section-header\">\n            <h1>EXPLORE OUR DOCUMENTS<\/h1>\n            <p>Select your desired category to access the complete catalogue or detailed product brochures.<\/p>\n        <\/div>\n\n        <!-- Options Grid -->\n        <div class=\"cards-grid\">\n            \n            <!-- Card 1: Catalog -->\n            <a href=\"https:\/\/icc.it\/en\/cables_catalogue\/\" class=\"card-link-wrapper\">\n                <div class=\"card\">\n                    <div class=\"card-content\">\n                        <h2>Catalogue<\/h2>\n                        <p>An in-depth overview of all technical specifications, variants, and guidelines for the available products.<\/p>\n                        \n                        <!-- Catalog A4 Portrait Image -->\n                        <div class=\"image-container\">\n                            <img decoding=\"async\" src=\"https:\/\/icc.it\/wp-content\/uploads\/2026\/09\/CATALOGO.png\" alt=\"Catalog Preview\" class=\"a4-mockup\">\n                        <\/div>\n                    <\/div>\n                    <span class=\"card-link-text\">Explore our catalogue<\/span>\n                <\/div>\n            <\/a>\n\n            <!-- Card 2: Brochures -->\n            <a href=\"https:\/\/icc.it\/en\/brochure\/\" class=\"card-link-wrapper\">\n                <div class=\"card\">\n                    <div class=\"card-content\">\n                        <h2>Brochures<\/h2>\n                        <p>A focused summary centered on application specifications, dedicated solutions, and key strengths for the specific sector.<\/p>\n                        \n                        <!-- Brochure A4 Portrait Image -->\n                        <div class=\"image-container\">\n                            <img decoding=\"async\" src=\"https:\/\/icc.it\/wp-content\/uploads\/2026\/09\/Product.png\" alt=\"Brochure Preview\" class=\"a4-mockup\">\n                        <\/div>\n                    <\/div>\n                    <span class=\"card-link-text\">Discover our brochures<\/span>\n                <\/div>\n            <\/a>\n\n        <\/div>\n    <\/div>\n\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Catalogs and Brochures EXPLORE OUR DOCUMENTS Select your desired category&#8230;<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-166345","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/icc.it\/en\/wp-json\/wp\/v2\/pages\/166345","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icc.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/icc.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/icc.it\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/icc.it\/en\/wp-json\/wp\/v2\/comments?post=166345"}],"version-history":[{"count":8,"href":"https:\/\/icc.it\/en\/wp-json\/wp\/v2\/pages\/166345\/revisions"}],"predecessor-version":[{"id":166360,"href":"https:\/\/icc.it\/en\/wp-json\/wp\/v2\/pages\/166345\/revisions\/166360"}],"wp:attachment":[{"href":"https:\/\/icc.it\/en\/wp-json\/wp\/v2\/media?parent=166345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}