{"id":38,"date":"2026-07-13T16:25:02","date_gmt":"2026-07-13T13:25:02","guid":{"rendered":"http:\/\/localhost\/?page_id=38"},"modified":"2026-07-16T13:09:51","modified_gmt":"2026-07-16T10:09:51","slug":"ekran-goruntuleri","status":"publish","type":"page","link":"https:\/\/ercsaas.com\/index.php\/ekran-goruntuleri\/","title":{"rendered":"Ekran G\u00f6r\u00fcnt\u00fcleri"},"content":{"rendered":"\n<style>\n    \/* --------------------------------------\n       1. GENEL DOK\u00dcMANTASYON AYARLARI (Korunan Tema)\n       -------------------------------------- *\/\n    html {\n        scroll-behavior: smooth;\n    }\n    .erc-docs-wrapper {\n        font-family: 'Inter', system-ui, -apple-system, sans-serif;\n        background-color: #f8fafc;\n        color: #1e293b; \n        line-height: 1.4; \/* Daha minimalist his i\u00e7in *\/\n        box-sizing: border-box;\n        padding: 40px 20px; \/* \u00dcst\/alt padding azalt\u0131ld\u0131 *\/\n        min-height: 100vh;\n    }\n    .erc-docs-wrapper * {\n        box-sizing: border-box;\n    }\n    :root {\n        --brand-green: #0a5c36;\n        --brand-light-green: #e6f4ea;\n        --brand-orange: #d97706; \n        --text-main: #1e293b;\n        --text-muted: #64748b;\n        --white: #ffffff;\n        --border-color: #e2e8f0;\n    }\n\n    \/* --------------------------------------\n       2. BA\u015eLIK ALANI\n       -------------------------------------- *\/\n    .erc-docs-header {\n        text-align: center;\n        max-width: 800px;\n        margin: 0 auto 30px auto; \/* Margin azalt\u0131ld\u0131 *\/\n    }\n    .erc-docs-header h1 {\n        font-size: 36px; \/* Biraz k\u00fc\u00e7\u00fclt\u00fcld\u00fc *\/\n        font-weight: 900;\n        color: var(--text-main);\n        letter-spacing: -1.5px;\n        margin-bottom: 5px;\n    }\n    .erc-docs-header p {\n        font-size: 16px;\n        color: var(--text-muted);\n    }\n\n    \/* --------------------------------------\n       3. \u015eOV KISMI: GALER\u0130 YERLE\u015e\u0130M TASARIMI\n       -------------------------------------- *\/\n    \/* Kategori Sidebar kald\u0131r\u0131ld\u0131, ana i\u00e7erik geni\u015fletildi *\/\n    .erc-gallery-container {\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    \/* l \/ l l \/ l l Yerle\u015fim Grid'i *\/\n    .erc-gallery-layout {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        grid-template-rows: auto auto auto;\n        gap: 30px;\n        grid-template-areas:\n            \"feat cell2\"\n            \"feat cell3\"\n            \"cell4 cell5\";\n    }\n\n    \/* KAPSAYICI KART ST\u0130L\u0130 *\/\n    .erc-gallery-item {\n        background: var(--white);\n        border-radius: 20px;\n        overflow: hidden;\n        box-shadow: 0 10px 40px -15px rgba(0,0,0,0.08);\n        border: 1px solid #f1f5f9;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        cursor: crosshair;\n    }\n\n    .erc-gallery-item:hover {\n        transform: translateY(-8px) scale(1.02);\n        box-shadow: 0 20px 50px -10px rgba(10, 92, 54, 0.15);\n        z-index: 10;\n        border-color: var(--brand-light-green);\n    }\n\n    \/* G\u00f6rsel kapsay\u0131c\u0131s\u0131 ve efekti *\/\n    .erc-gallery-img-wrapper {\n        position: relative;\n        width: 100%;\n        overflow: hidden;\n        background: #0f172a;\n        height: 100%;\n    }\n    \n    .erc-gallery-img-wrapper img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n        display: block;\n        opacity: 0.95;\n    }\n\n    .erc-gallery-item:hover .erc-gallery-img-wrapper img {\n        transform: scale(1.08);\n        opacity: 1;\n    }\n\n    \/* Assign specific grid area names *\/\n    .feat { grid-area: feat; }\n    .cell2 { grid-area: cell2; }\n    .cell3 { grid-area: cell3; }\n    .cell4 { grid-area: cell4; }\n    .cell5 { grid-area: cell5; }\n\n    \/* Set image wrapper dimensions via class-specific CSS and media queries for height, let grid manage width *\/\n\n    \/* Custom Height rules based on landscape\/portrait *\/\n    \/* MASA\u00dcST\u00dc: Dikey allocated alan korunuyor ( masa\u00fcst\u00fcnde 440px y\u00fckseklik) ancak g\u00f6rsel tam s\u0131\u011f\u0131yor *\/\n    .feat .erc-gallery-img-wrapper { height: 440px; } \/* Set large portrait height,width is 1 col. *\/\n    .feat .erc-gallery-img-wrapper img {\n        object-fit: contain; \/* G\u00f6rselin t\u00fcm i\u00e7eri\u011fini k\u0131rp\u0131lmadan s\u0131\u011fd\u0131r\u0131r *\/\n    }\n\n    .cell2 .erc-gallery-img-wrapper,\n    .cell3 .erc-gallery-img-wrapper,\n    .cell4 .erc-gallery-img-wrapper,\n    .cell5 .erc-gallery-img-wrapper { height: 220px; } \/* landscape images height *\/\n\n    \/* Kart \u0130\u00e7i Etiket (Badge) *\/\n    .erc-badge {\n        position: absolute;\n        top: 20px;\n        left: 20px;\n        padding: 6px 14px;\n        border-radius: 30px;\n        font-size: 11px; \/* K\u00fc\u00e7\u00fclt\u00fcld\u00fc *\/\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        color: #fff;\n        z-index: 2;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n        backdrop-filter: blur(4px);\n    }\n    .erc-badge.orange { background: rgba(217, 119, 6, 0.9); }\n    .erc-badge.green { background: rgba(10, 92, 54, 0.9); }\n    .erc-badge.blue { background: rgba(15, 23, 42, 0.9); }\n\n    \/* Metin Alan\u0131 (Minimize Edildi) *\/\n    .erc-gallery-info {\n        padding: 15px; \/* K\u00fc\u00e7\u00fclt\u00fcld\u00fc *\/\n        text-align: center;\n    }\n    .erc-gallery-info h4 {\n        font-size: 16px; \/* K\u00fc\u00e7\u00fclt\u00fcld\u00fc *\/\n        color: var(--text-main);\n        margin: 0;\n        font-weight: 800;\n        letter-spacing: -0.3px;\n    }\n\n    \/* --------------------------------------\n       4. MOB\u0130L UYUMLULUK\n       -------------------------------------- *\/\n    @media (max-width: 900px) {\n        .erc-docs-header h1 {\n            font-size: 28px;\n        }\n        .erc-gallery-layout {\n            grid-template-columns: 1fr;\n            grid-template-rows: auto;\n            grid-template-areas:\n                \"feat\"\n                \"cell2\"\n                \"cell3\"\n                \"cell4\"\n                \"cell5\";\n        }\n        \/* mobile height rules *\/\n        \/* MOB\u0130L: Dikey allocated alan dar ve uzun portrait olarak korunuyor, g\u00f6rsel tam s\u0131\u011f\u0131yor *\/\n        .feat .erc-gallery-img-wrapper { height: 300px; } \/* mobile portrait allocated height, 1 col wide. *\/\n        .feat .erc-gallery-img-wrapper img {\n            object-fit: contain; \/* G\u00f6rselin t\u00fcm i\u00e7eri\u011fini k\u0131rp\u0131lmadan s\u0131\u011fd\u0131r\u0131r *\/\n        }\n        \n        .cell2 img, .cell3 img, .cell4 img, .cell5 img { height: 150px; } \/* Fixed mobile portrait height for horizontal images to keep them distinct. Auto height on .cell2\/3\/4\/5 in css above should prevent issues with auto on img below. *\/\n    }\n<\/style>\n\n<div class=\"erc-docs-wrapper\">\n    \n    <!-- Sayfa Ba\u015fl\u0131\u011f\u0131 -->\n    <div class=\"erc-docs-header\">\n        <h1>Sistem G\u00f6rselleri<\/h1>\n        <p>ErcMeets&#8217;in ofis ortam\u0131ndaki \u015f\u0131k ve profesyonel g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc inceleyin.<\/p>\n    <\/div>\n\n    <!-- Galeri Kapsay\u0131c\u0131s\u0131 -->\n    <div class=\"erc-gallery-container\">\n\n        <div class=\"erc-gallery-layout\">\n            \n            <!-- (l) En \u00dcstteki Tek Ba\u015f\u0131na Dikey (Portrait) Kontrol Ekran\u0131 - grid-area: feat; -->\n            <div class=\"erc-gallery-item feat\">\n                <span class=\"erc-badge blue\"><\/span>\n                <div class=\"erc-gallery-img-wrapper\">\n                    <!-- Revize edilmi\u015f dikey \u00e7\u00f6z\u00fcn\u00fcrl\u00fckl\u00fc g\u00f6rsel 20_4.png eklendi, art\u0131k tam s\u0131\u011f\u0131yor -->\n                    <img decoding=\"async\" src=\"https:\/\/ercsaas.com\/wp-content\/uploads\/2026\/07\/20-1.png\" alt=\"Sistem Kontrol Merkezi (Vertical Portrait)\">\n                <\/div>\n                <div class=\"erc-gallery-info\">\n                                   <\/div>\n            <\/div>\n\n            <!-- (l l) Korunan Yatay Pair'ler -->\n            <div class=\"erc-gallery-item cell2\">\n                <span class=\"erc-badge green\">HAZIR<\/span>\n                <div class=\"erc-gallery-img-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/ercsaas.com\/wp-content\/uploads\/2026\/07\/21-1.png\" alt=\"Oda Me\u015fgul Yak\u0131n \u00c7ekim\">\n                <\/div>\n                <div class=\"erc-gallery-info\">\n               \n                <\/div>\n            <\/div>\n\n            <div class=\"erc-gallery-item cell3\">\n                <span class=\"erc-badge orange\">ME\u015eGUL<\/span>\n                <div class=\"erc-gallery-img-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/ercsaas.com\/wp-content\/uploads\/2026\/07\/22-1.png\" alt=\"Beton Duvar Uyumu\">\n                <\/div>\n                <div class=\"erc-gallery-info\">\n                    \n                <\/div>\n            <\/div>\n\n            <div class=\"erc-gallery-item cell4\">\n                <span class=\"erc-badge orange\">ME\u015eGUL<\/span>\n                <div class=\"erc-gallery-img-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/ercsaas.com\/wp-content\/uploads\/2026\/07\/23-1.png\" alt=\"M\u00fcsait Oda Koridor\">\n                <\/div>\n                <div class=\"erc-gallery-info\">\n                   \n                <\/div>\n            <\/div>\n\n            <div class=\"erc-gallery-item cell5\">\n                <span class=\"erc-badge green\">HAZIR<\/span>\n                <div class=\"erc-gallery-img-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/ercsaas.com\/wp-content\/uploads\/2026\/07\/24-1.png\" alt=\"Cam Y\u00fczey Montaj\u0131\">\n                <\/div>\n                <div class=\"erc-gallery-info\">\n              \n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Sistem G\u00f6rselleri ErcMeets&#8217;in ofis ortam\u0131ndaki \u015f\u0131k ve profesyonel g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc inceleyin. HAZIR ME\u015eGUL ME\u015eGUL HAZIR<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-38","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/ercsaas.com\/index.php\/wp-json\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ercsaas.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ercsaas.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ercsaas.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ercsaas.com\/index.php\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":17,"href":"https:\/\/ercsaas.com\/index.php\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":144,"href":"https:\/\/ercsaas.com\/index.php\/wp-json\/wp\/v2\/pages\/38\/revisions\/144"}],"wp:attachment":[{"href":"https:\/\/ercsaas.com\/index.php\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}