{"id":85,"date":"2025-07-31T10:55:56","date_gmt":"2025-07-31T10:55:56","guid":{"rendered":"https:\/\/bcb1.ro\/dev\/?page_id=85"},"modified":"2025-09-01T18:44:43","modified_gmt":"2025-09-01T18:44:43","slug":"despre-noi","status":"publish","type":"page","link":"https:\/\/dev.bcb1.ro\/?page_id=85","title":{"rendered":"Despre Noi"},"content":{"rendered":"\n

<\/p>\n\n\n\n\n\n\n \n Exemplu layout<\/title>\n <style>\n :root {\n --max-width: 1200px;\n --shadow: 0 16px 40px rgba(0,0,0,0.10);\n font-family: system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif;\n }\n * { box-sizing:border-box; }\n body {\n margin:0;\n line-height:1.6;\n background:#f6f8fb;\n color:#1f2d3a;\n }\n h1,h2,h3 { margin:0 0 .75rem; font-weight:700; }\n p { margin:0 0 1rem; }\n\n \/* HERO *\/\n .hero {\n position:relative;\n height:420px; \n display:flex;\n align-items:center;\n justify-content:center;\n color:#fff;\n text-align:center;\n background: url('https:\/\/dev.bcb1.ro\/wp-content\/uploads\/2025\/08\/186496681_614917216570930_1495275782118269158_n.jpg') center\/cover no-repeat;\n border-radius:0;\n overflow:hidden;\n width:100%;\n margin:0 0 2.5rem;\n }\n .hero-overlay { position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.35)); }\n .hero-content { position:relative; z-index:1; padding:0 1rem; }\n .hero-title { font-size:3rem; color:#fff; text-shadow:0 3px 12px rgba(0,0,0,.35); }\n\n \/* CARDURI *\/\n .section { padding:2.5rem 0; }\n .card {\n background:#fff; \n border-radius:0; \n padding:3rem; \n box-shadow: var(--shadow); \n margin-bottom:2.5rem;\n width:100%;\n }\n\n \/* Layout imagine + text \u00een card *\/\n .card-content {\n display:flex;\n align-items:center;\n gap:2rem;\n max-width: var(--max-width);\n margin:0 auto;\n }\n .card-content img {\n width:40%;\n min-width:300px;\n height:auto;\n object-fit:cover;\n border-radius:14px;\n flex-shrink:0;\n background:#e5e7eb; \n }\n .card-text { flex:1; font-size:1.1rem; line-height:1.7; }\n\n \/* Layout coloane *\/\n .three-cols { display:flex; flex-wrap:wrap; gap:2rem; justify-content:space-between; }\n .col { flex:1 1 32%; }\n\n @media (max-width: 1050px){\n .card-content { flex-direction:column; align-items:center; text-align:center; }\n .card-content img { width:100%; max-width:600px; height:auto; }\n .three-cols { flex-direction:column; }\n }\n <\/style>\n<\/head>\n<body>\n\n <!-- HERO -->\n <section class=\"hero\">\n <div class=\"hero-overlay\"><\/div>\n <div class=\"hero-content\">\n <h1 class=\"hero-title\">Titlu mare pe imagine<\/h1>\n <\/div>\n <\/section>\n\n <!-- CARD 1 -->\n <section class=\"section\">\n <div class=\"card\">\n <div class=\"card-content\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/500x300\" alt=\"Imagine st\u00e2nga\">\n <div class=\"card-text\">\n <h2>Titlu sec\u021biune<\/h2>\n <p>\n Acesta este un paragraf de test. Imaginea apare \u00een partea st\u00e2ng\u0103, iar textul \u00een partea dreapt\u0103.\n Cardul ocup\u0103 toat\u0103 l\u0103\u021bimea paginii, dar con\u021binutul este \u00eencadrat frumos \u0219i aerisit.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CARD 2 -->\n <section class=\"section\">\n <div class=\"card\">\n <div class=\"card-content\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/500x300\" alt=\"Imagine st\u00e2nga\">\n <div class=\"card-text\">\n <h2>Alt\u0103 sec\u021biune<\/h2>\n <p>\n Po\u021bi repeta acest model pentru oric\u00e2te sec\u021biuni dore\u0219ti. Pe mobil, imaginea trece deasupra \u0219i textul dedesubt.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n<\/body>\n<\/html>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Exemplu layout Titlu mare pe imagine Titlu sec\u021biune Acesta este un paragraf de test. Imaginea apare \u00een partea st\u00e2ng\u0103, iar […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-85","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dev.bcb1.ro\/index.php?rest_route=\/wp\/v2\/pages\/85","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.bcb1.ro\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.bcb1.ro\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.bcb1.ro\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.bcb1.ro\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=85"}],"version-history":[{"count":13,"href":"https:\/\/dev.bcb1.ro\/index.php?rest_route=\/wp\/v2\/pages\/85\/revisions"}],"predecessor-version":[{"id":304,"href":"https:\/\/dev.bcb1.ro\/index.php?rest_route=\/wp\/v2\/pages\/85\/revisions\/304"}],"wp:attachment":[{"href":"https:\/\/dev.bcb1.ro\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}