{"id":15,"date":"2026-08-19T09:38:42","date_gmt":"2026-08-19T09:38:42","guid":{"rendered":"https:\/\/classmarinyachtinteriors.com\/?page_id=15"},"modified":"2026-08-20T13:47:25","modified_gmt":"2026-08-20T13:47:25","slug":"elementor-15","status":"publish","type":"page","link":"https:\/\/classmarinyachtinteriors.com\/","title":{"rendered":"Elementor #15"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"15\" class=\"elementor elementor-15\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cff27cf e-con-full e-flex e-con e-parent\" data-id=\"cff27cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e12112 elementor-widget elementor-widget-html\" data-id=\"7e12112\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600&family=Montserrat:wght@400;500;600&display=swap');\r\n\r\n:root{\r\n    --navy:#061c2d;\r\n    --navy2:#0a2941;\r\n    --gold:#c9a35f;\r\n    --cream:#f7f4ee;\r\n    --white:#ffffff;\r\n    --text:#172331;\r\n\r\n\r\nhtml{\r\n    scroll-behavior:smooth;\r\n}\r\n\r\nhtml,body{\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n}\r\n\r\nbody{\r\n    overflow-x:hidden;\r\n    background:#fff;\r\n}\r\n\r\nheader,\r\nfooter,\r\n.site-header,\r\n.site-footer,\r\n#masthead,\r\n#colophon{\r\n    display:none !important;\r\n}\r\n\r\n.elementor,\r\n.elementor-section,\r\n.elementor-container{\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n}\r\n\r\n.cm-shell{\r\n    width:100vw;\r\n    margin-left:calc(50% - 50vw);\r\n    overflow:hidden;\r\n    font-family:'Montserrat',sans-serif;\r\n    color:var(--text);\r\n}\r\n\r\n.cm-shell *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.cm-container{\r\n    width:min(1180px,90%);\r\n    margin:0 auto;\r\n}\r\n\r\n.cm-kicker{\r\n    color:var(--gold);\r\n    font-size:11px;\r\n    font-weight:600;\r\n    letter-spacing:1.6px;\r\n    text-transform:uppercase;\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n}\r\n\r\n.cm-kicker:after{\r\n    content:\"\";\r\n    width:46px;\r\n    height:1px;\r\n    background:var(--gold);\r\n}\r\n.cm-kicker::before{\r\n    content:\"\";\r\n    width:46px;\r\n    height:1px;\r\n    background:var(--gold);\r\n}itle{\r\n    margin:10px 0 0;\r\n    font-family:'Cormorant Garamond',serif;\r\n    font-size:44px;\r\n    line-height:1.03;\r\n    font-weight:600;\r\n    color:#122133;\r\n}\r\n\r\n\/* =========================\r\n   HERO\r\n========================= *\/\r\n\r\n.cm-hero{\r\n    height:100vh;\r\n    min-height:720px;\r\n    position:relative;\r\n    color:#fff;\r\n    overflow:hidden;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(4,20,33,.80) 0%,\r\n            rgba(4,20,33,.47) 38%,\r\n            rgba(4,20,33,.10) 72%\r\n        ),\r\n        linear-gradient(\r\n            0deg,\r\n            rgba(3,17,29,.66) 0%,\r\n            transparent 45%\r\n        ),\r\n        url(https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/08\/dadf307d-2f4f-4b1d-a4eb-3fb0502ef2a0.png);\r\n\r\n    background-size:cover;\r\n    background-position:center;\r\n}\r\n\r\n.cm-nav{\r\n    position:absolute;\r\n    top:0;\r\n    left:0;\r\n    width:100%;\r\n    z-index:10;\r\n    padding:27px 0;\r\n}\r\n\r\n.cm-nav-inner{\r\n    width:min(1180px,90%);\r\n    margin:0 auto;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n}\r\n\r\n.cm-logo{\r\n    width:280px;\r\n    margin-left:-120px;\r\n}\r\n\r\n.cm-logo img{\r\n    display:block;\r\n    width:100%;\r\n    height:auto;\r\n}\r\n\r\n.cm-menu{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:38px;\r\n}\r\n\r\n.cm-menu a{\r\n    position:relative;\r\n    color:#fff;\r\n    text-decoration:none;\r\n    text-transform:uppercase;\r\n    font-size:13px;\r\n    letter-spacing:.5px;\r\n    font-weight:700;\r\n}\r\n\r\n.cm-menu a.active{\r\n    color:var(--gold);\r\n}\r\n\r\n.cm-menu a::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0;\r\n    bottom:-12px;\r\n    width:0;\r\n    height:2px;\r\n    background:#d89b3c;\r\n    transition:width .25s ease;\r\n}\r\n\r\n.cm-menu a:hover::after{\r\n    width:100%;\r\n}\r\n\r\n.cm-language{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:8px;\r\n}\r\n\r\n.cm-language button{\r\n    position:relative;\r\n    border:0;\r\n    padding:0 0 10px 0;\r\n    background:transparent;\r\n    color:#fff;\r\n    font-size:12px;\r\n    font-weight:700;\r\n    cursor:pointer;\r\n}\r\n\r\n.cm-language button::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0;\r\n    bottom:0;\r\n    width:0;\r\n    height:2px;\r\n    background:#d89b3c;\r\n    transition:width .25s ease;\r\n}\r\n\r\n.cm-language button:hover::after{\r\n    width:100%;\r\n}\r\n\r\n.cm-language button:hover{\r\n    color:#fff;\r\n}\r\n\r\n.cm-language button.active{\r\n    color:#fff;\r\n}\r\n\r\n.cm-hero-content{\r\n    position:absolute;\r\n    left:50%;\r\n    top:51%;\r\n    transform:translate(-50%,-50%);\r\n    width:min(1180px,90%);\r\n}\r\n\r\n.cm-hero-copy{\r\n    width:470px;\r\n}\r\n\r\n.cm-hero-copy .cm-kicker{\r\n    color:var(--gold);\r\n}\r\n\r\n.cm-hero-title{\r\n    margin:12px 0 15px;\r\n    font-family:\"Times New Roman\", serif !important;\r\n    font-size:58px;\r\n    line-height:.95;\r\n    font-weight:400;\r\n    color:#fff;\r\n}\r\n\r\n.cm-hero-desc{\r\n    margin:0 0 25px;\r\n    max-width:320px;\r\n    font-size:13px;\r\n    line-height:1.7;\r\n    color:rgba(255,255,255,.88);\r\n}\r\n\r\n.cm-actions{\r\n    display:flex;\r\n    gap:12px;\r\n    flex-wrap:wrap;\r\n}\r\n\r\n.cm-action{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:9px;\r\n    height:39px;\r\n    padding:0 18px;\r\n    border:1px solid rgba(255,255,255,.60);\r\n    border-radius:9px;\r\n    color:#fff;\r\n    text-decoration:none;\r\n    font-size:10px;\r\n    font-weight:600;\r\n    letter-spacing:.6px;\r\n    transition:.25s ease;\r\n}\r\n\r\n.cm-action:hover{\r\n    background:#fff;\r\n    color:var(--navy);\r\n}\r\n\r\n.cm-action span{\r\n    font-size:15px;\r\n}\r\n\r\n.cm-scroll{\r\n    position:absolute;\r\n    left:50%;\r\n    bottom:34px;\r\n    transform:translateX(-50%);\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    gap:7px;\r\n    color:#fff;\r\n    font-size:9px;\r\n    font-weight:600;\r\n}\r\n\r\n.cm-scroll-mouse{\r\n    width:18px;\r\n    height:30px;\r\n    border:1px solid #fff;\r\n    border-radius:10px;\r\n    position:relative;\r\n}\r\n\r\n.cm-scroll-mouse:before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:50%;\r\n    top:6px;\r\n    width:2px;\r\n    height:6px;\r\n    background:#fff;\r\n    transform:translateX(-50%);\r\n    border-radius:2px;\r\n    animation:cmMouse 1.5s infinite;\r\n}\r\n\r\n@keyframes cmMouse{\r\n    0%{opacity:1;transform:translate(-50%,0)}\r\n    100%{opacity:0;transform:translate(-50%,10px)}\r\n}\r\n\r\n\/* =========================\r\n   HAKKIMIZDA\r\n========================= *\/\r\n\r\n.cm-about{\r\n    background:var(--cream);\r\n    padding-top:0 !important;\r\n    margin-top:0 !important;\r\n}\r\n\r\n.cm-about-grid{\r\n    margin-top:0 !important;\r\n    padding-top:0 !important;\r\n}\r\n\r\n.cm-about-grid{\r\n  \r\n    display:grid;\r\n    grid-template-columns:50% 50%;\r\n    width:100%;\r\n}\r\n}\r\n\r\n.cm-about-copy{\r\n    padding:62px 55px max(62px,5vw) max(5vw,40px);\r\n}\r\n\r\n\r\n}\r\n\r\n.cm-about-copy .en{\r\n    color:#7a7f84;\r\n}\r\n\r\n\r\n\r\n.cm-about-image{\r\n   height:574px;\r\n   min-height:574px;\r\n    margin-top:-24px !important;\r\n    overflow:hidden;\r\n    background-image:url('\/wp-content\/uploads\/2026\/08\/class-marine-yacht-interior.jpg') !important;\r\n    background-size:cover !important;\r\n    background-position:center center !important;\r\n    background-repeat:no-repeat !important;\r\n    filter:saturate(1.35) contrast(1.08) brightness(0.96);\r\nborder-left: 2px solid rgba(201,163,91,.55);\r\n}\r\n \r\n\r\n.cm-about-image img{\r\n    display:none !important;\r\n}\r\n\r\n.cm-more{\r\n    display:inline-flex;\r\n    margin-top:27px;\r\n    padding:11px 23px;\r\n   .cm-about-image img{\r\n    display:none !important;\r\n}\r\n    font-size:9px;\r\n    font-weight:600;\r\n    letter-spacing:.7px;\r\n}\r\n\r\n\/* =========================\r\n   HIZMETLER\r\n========================= *\/\r\n\r\n.cm-services{\r\n    padding:50px 0 55px;\r\n    position:relative;\r\n    color:#fff;\r\n    background:\r\n        linear-gradient(rgba(4,29,48,.94),rgba(4,29,48,.96)),\r\n        url('BURAYA_LACIVERT_DOKU_URL') center\/cover no-repeat;\r\n}\r\n\r\n.cm-services .cm-kicker{\r\n    justify-content:center;\r\n}\r\n\r\n.cm-services-title{\r\n    font-family:'Cormorant Garamond',serif;\r\n    text-align:center;\r\n    font-size:40px;\r\n    margin:8px 0 30px;\r\n    font-weight:600;\r\n}\r\n\r\n.cm-service-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(5,1fr);\r\n    gap:12px;\r\n}\r\n\r\n.cm-service-card{\r\n    min-width:0;\r\n    border:1px solid rgba(255,255,255,.14);\r\n    background:#072138;\r\n    overflow:hidden;\r\n}\r\n\r\n.cm-service-photo{\r\n    aspect-ratio:1.18\/1;\r\n    background-size:cover;\r\n    background-position:center;\r\n}\r\n\r\n.cm-service-info{\r\n    padding:19px 10px 17px;\r\n    text-align:center;\r\n}\r\n\r\n.cm-service-icon{\r\n    font-size:24px;\r\n    margin-bottom:7px;\r\n    opacity:.94;\r\n}\r\n\r\n.cm-service-name{\r\n    font-size:10px;\r\n    font-weight:600;\r\n    letter-spacing:.8px;\r\n}\r\n\r\n.cm-service-line{\r\n    width:22px;\r\n    height:1px;\r\n    margin:9px auto 0;\r\n    background:var(--gold);\r\n}\r\n\r\n.cm-center-button{\r\n    text-align:center;\r\n    margin-top:24px;\r\n}\r\n\r\n.cm-outline{\r\n    display:inline-flex;\r\n    padding:10px 27px;\r\n    border:1px solid rgba(255,255,255,.58);\r\n    border-radius:20px;\r\n    color:#fff;\r\n    text-decoration:none;\r\n    font-size:9px;\r\n    letter-spacing:.7px;\r\n}\r\n\r\n\/* =========================\r\n   GALERI\r\n========================= *\/\r\n\r\n.cm-gallery{\r\n    padding:52px 0 47px;\r\n    background:#faf8f5;\r\n}\r\n\r\n.cm-gallery .cm-kicker{\r\n    justify-content:center;\r\n}\r\n\r\n.cm-gallery-title{\r\n    text-align:center;\r\n    margin:8px 0 25px;\r\n    font-family:'Cormorant Garamond',serif;\r\n    font-size:39px;\r\n    color:#152436;\r\n}\r\n\r\n.cm-gallery-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(5,1fr);\r\n    gap:7px;\r\n}\r\n\r\n.cm-gallery-grid img{\r\n    display:block;\r\n    width:100%;\r\n    height:205px;\r\n    object-fit:cover;\r\n}\r\n\r\n\/* =========================\r\n   MARKALAR\r\n========================= *\/\r\n\r\n.cm-brands{\r\n    background:#072139;\r\n    color:#fff;\r\n    padding:43px 0 48px;\r\n}\r\n\r\n.cm-brands .cm-kicker{\r\n    justify-content:center;\r\n}\r\n\r\n.cm-brands-title{\r\n    text-align:center;\r\n    font-family:'Cormorant Garamond',serif;\r\n    font-size:38px;\r\n    margin:9px 0 30px;\r\n    font-weight:500;\r\n}\r\n\r\n.cm-brand-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(5,1fr);\r\n    gap:45px;\r\n    align-items:center;\r\n}\r\n\r\n.cm-brand-grid img{\r\n    width:100%;\r\n    max-height:55px;\r\n    object-fit:contain;\r\n    filter:brightness(0) invert(1);\r\n    opacity:.92;\r\n}\r\n\r\n.cm-brand-grid img:first-child{\r\n    filter:none;\r\n}\r\n\r\n\/* =========================\r\n   FOOTER\r\n========================= *\/\r\n\r\n.cm-footer{\r\n    color:#fff;\r\n    padding:52px 0 20px;\r\n    background:\r\n        linear-gradient(rgba(3,20,34,.96),rgba(3,20,34,.98)),\r\n        url('BURAYA_FOOTER_DOKU_URL') center\/cover no-repeat;\r\n}\r\n\r\n.cm-footer-grid{\r\n    display:grid;\r\n    grid-template-columns:1.25fr .7fr 1fr;\r\n    gap:85px;\r\n}\r\n\r\n.cm-footer-logo{\r\n    width:205px;\r\n    margin-bottom:17px;\r\n}\r\n\r\n.cm-footer-logo img{\r\n    width:100%;\r\n}\r\n\r\n.cm-footer p,\r\n.cm-footer a{\r\n    font-size:10px;\r\n    line-height:1.8;\r\n    color:rgba(255,255,255,.86);\r\n    text-decoration:none;\r\n}\r\n\r\n.cm-footer-heading{\r\n    margin-bottom:14px;\r\n    font-size:10px;\r\n    font-weight:600;\r\n    letter-spacing:.6px;\r\n}\r\n\r\n.cm-footer-links{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:4px;\r\n}\r\n\r\n.cm-contact-line{\r\n    margin-bottom:9px;\r\n}\r\n\r\n.cm-socials{\r\n    display:flex;\r\n    gap:8px;\r\n    margin-top:15px;\r\n}\r\n\r\n.cm-socials a{\r\n    width:28px;\r\n    height:28px;\r\n    border:1px solid rgba(255,255,255,.55);\r\n    border-radius:50%;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    font-size:11px;\r\n}\r\n\r\n.cm-copy{\r\n    margin-top:38px;\r\n    padding-top:17px;\r\n    border-top:1px solid rgba(255,255,255,.22);\r\n    text-align:center;\r\n    font-size:9px;\r\n    color:rgba(255,255,255,.56);\r\n}\r\n\r\n\/* =========================\r\n   TABLET \/ MOBILE\r\n========================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n    .cm-menu{\r\n        display:none;\r\n    }\r\n\r\n    .cm-hero-title{\r\n        font-size:50px;\r\n    }\r\n\r\n    .cm-about-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .cm-about-image{\r\n        min-height:450px;\r\n    }\r\n\r\n    .cm-service-grid{\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n\r\n    .cm-gallery-grid{\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n\r\n    .cm-brand-grid{\r\n        grid-template-columns:repeat(3,1fr);\r\n    }\r\n\r\n    .cm-footer-grid{\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:600px){\r\n\r\n    .cm-hero{\r\n        min-height:720px;\r\n    }\r\n\r\n    .cm-logo{\r\n        width:155px;\r\n    }\r\n\r\n    .cm-language{\r\n        font-size:9px;\r\n    }\r\n\r\n    .cm-hero-content{\r\n        top:52%;\r\n    }\r\n\r\n    .cm-hero-copy{\r\n        width:100%;\r\n    }\r\n\r\n    .cm-hero-title{\r\n        font-size:42px;\r\n    }\r\n\r\n    .cm-about-copy{\r\n        padding:45px 25px;\r\n    }\r\n\r\n    .cm-title{\r\n        font-size:38px;\r\n    }\r\n\r\n    .cm-service-grid,\r\n    .cm-gallery-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .cm-gallery-grid img{\r\n        height:280px;\r\n    }\r\n\r\n    .cm-brand-grid{\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n\r\n    .cm-footer-grid{\r\n        grid-template-columns:1fr;\r\n        gap:35px;\r\n    }\r\n\r\n}\r\n\r\n.cm-language button,\r\n.cm-language button:hover,\r\n.cm-language button:focus,\r\n.cm-language button:active,\r\n.cm-language button.active{\r\n    color:#fff !important;\r\n}\r\n\r\n\r\n.cm-language button,\r\n.cm-language button:hover,\r\n.cm-language button:focus,\r\n.cm-language button:active,\r\n.cm-language button.active{\r\n    color:#fff !important;\r\n    background:transparent !important;\r\n    border:none !important;\r\n    outline:none !important;\r\n    box-shadow:none !important;\r\n    text-decoration:none !important;\r\n}\r\n\r\n.cm-language button::after{\r\n    background:#d89b3c !important;\r\n}\r\n\r\n.cm-language button:hover::after{\r\n    width:100% !important;\r\n}\r\n\r\n.cm-language button:focus::after,\r\n.cm-language button:active::after,\r\n.cm-language button.active::after{\r\n    width:0 !important;\r\n}\r\n\r\n.cm-hero-title{\r\n    font-family: Georgia, \"Times New Roman\", serif !important;\r\n    font-weight:400 !important;\r\n    font-size:58px !important;\r\n    letter-spacing:2px !important;\r\n}\r\n\r\nhtml {\r\n    scroll-behavior: smooth;\r\n}\r\n\r\n\/* AGIR BOLUM GECISLERI *\/\r\n\r\n.cm-shell > section,\r\n.cm-shell > footer{\r\n    scroll-margin-top:0;\r\n}\r\n\r\n\/* bolumler ilk gelirken hafif soft gorunsun *\/\r\n.cm-shell > section{\r\n    opacity:.82;\r\n    transform:translateY(24px);\r\n    transition:\r\n        opacity .9s cubic-bezier(.22,.61,.36,1),\r\n        transform .9s cubic-bezier(.22,.61,.36,1);\r\n}\r\n\r\n.cm-shell > section.cm-visible{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n}\r\n\r\n\/* hero ilk ekranda direkt net olsun *\/\r\n.cm-hero{\r\n    opacity:1 !important;\r\n    transform:none !important;\r\n}\r\n.cm-icon{\r\n    width:18px;\r\n    height:18px;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n}\r\n\r\n.cm-icon svg{\r\n    width:18px;\r\n    height:18px;\r\n    display:block;\r\n    fill:none;\r\n    stroke:#fff !important;\r\n    stroke-width:1.8;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n.cm-about-image{\r\n    width:100%;\r\n    height:100%;\r\n    min-height:520px;\r\n    overflow:hidden;\r\n}\r\n\r\n.cm-about-image img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    display:block;\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"cm-shell\">\r\n\r\n    <!-- HERO -->\r\n    <section class=\"cm-hero\" id=\"anasayfa\">\r\n\r\n        <div class=\"cm-nav\">\r\n\r\n            <div class=\"cm-nav-inner\">\r\n\r\n                <a class=\"cm-logo\" href=\"#anasayfa\">\r\n                    <img src=https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/08\/41e4c1ff-4ab2-46c5-b5f8-4883801023bd-1.png alt=\"Class Marine\">\r\n                <\/a>\r\n\r\n                <nav class=\"cm-menu\">\r\n                    <a href=\"#anasayfa\" class=\"active\">ANA SAYFA<\/a>\r\n                    <a href=\"#hakkimizda\">HAKKIMIZDA<\/a>\r\n                    <a href=\"#hizmetler\">H\u0130ZMETLER\u0130M\u0130Z<\/a>\r\n                    <a href=\"#markalar\">MARKALAR<\/a>\r\n                    <a href=\"#iletisim\">\u0130LET\u0130\u015e\u0130M<\/a>\r\n                <\/nav>\r\n\r\n               <div class=\"cm-language\">\r\n    <button type=\"button\" id=\"lang-tr\">TR<\/button>\r\n    <span>|<\/span>\r\n    <button type=\"button\" id=\"lang-en\">EN<\/button>\r\n<\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cm-hero-content\">\r\n\r\n            <div class=\"cm-hero-copy\">\r\n\r\n                <div class=\"cm-kicker\">\r\n                    CLASS MARINE\r\n                <\/div>\r\n\r\n                <h1 class=\"cm-hero-title\">\r\n    Yat\u0131n\u0131z \u0130\u00e7in<br>\r\n    \u00d6zel Tasar\u0131m<br>\r\n    D\u00f6\u015feme \u00c7\u00f6z\u00fcmleri\r\n<\/h1>\r\n\r\n              <p class=\"cm-hero-desc\">\r\n    Konfor, estetik ve kaliteyi denizlerde bulu\u015fturuyoruz.\r\n                <\/p>\r\n\r\n                <div class=\"cm-actions\">\r\n\r\n<a class=\"cm-action\" href=\"https:\/\/www.instagram.com\/classmarineyatchupholstery\/\" target=\"_blank\">\r\n    <span class=\"cm-icon\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"><\/rect>\r\n            <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\r\n            <circle cx=\"17.5\" cy=\"6.5\" r=\"1\"><\/circle>\r\n        <\/svg>\r\n    <\/span>\r\n    INSTAGRAM\r\n<\/a>\r\n\r\n                    <a class=\"cm-action\"\r\n                   href=\"https:\/\/wa.me\/905364735069\" target=\"_blank\">\r\n   <span class=\"cm-icon\">\r\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n        <path d=\"M20.5 11.8a8.5 8.5 0 0 1-12.6 7.5L3.5 20.5l1.2-4.3a8.5 8.5 0 1 1 15.8-4.4Z\"><\/path>\r\n     <g transform=\"translate(4.8 4.8) scale(0.60)\">\r\n    <path d=\"M8.4 7.6c.3-.5.5-.5.8-.5h.6c.2 0 .4.1.5.4l.9 2.1c.1.3.1.5-.1.7l-.7.9c-.2.2-.1.4 0 .6.7 1.2 1.7 2.2 2.9 2.9.2.1.4.2.6 0l1-1.2c.2-.2.4-.3.7-.2l2 .9c.3.1.5.3.5.5 0 .3-.2 1.4-.9 2.1-.7.7-1.6.9-2.7.8-1.1-.2-2.4-.6-4.1-1.7-3-1.9-4.9-4.7-5.1-6.2-.2-1.4.4-2.5 1.1-3.1Z\"><\/path>\r\n<\/g>\r\n    <\/svg>\r\n<\/span>\r\n    WHATSAPP\r\n<\/a>\r\n\r\n\r\n     <a class=\"cm-action\" href=\"https:\/\/mail.google.com\/mail\/?view=cm&amp;fs=1&amp;to=classmarineupholstery@gmail.com\" target=\"_blank\">\r\n                       <span class=\"cm-icon\">\r\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n        <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect>\r\n        <path d=\"M4 7l8 6 8-6\"><\/path>\r\n    <\/svg>\r\n<\/span>\r\n                        E-POSTA\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n      <a class=\"cm-scroll\" href=\"#hakkimizda\">\r\n    <div class=\"cm-scroll-mouse\"><\/div>\r\n    <div>A\u015eA\u011eI KAYDIRIN<\/div>\r\n<\/a>\r\n\r\n<\/section>\r\n\r\n\r\n    <!-- HAKKIMIZDA -->\r\n    <section class=\"cm-about\" id=\"hakkimizda\">\r\n\r\n        <div class=\"cm-about-grid\">\r\n\r\n            <div class=\"cm-about-copy\">\r\n\r\n                <div class=\"cm-kicker\">\r\n                    HAKKIMIZDA\r\n                <\/div>\r\n\r\n                <h2 class=\"cm-title\">\r\n                    22 Yillik Tecrube,<br>\r\n                    Sonsuz Tutku.\r\n                <\/h2>\r\n\r\n                <p>\r\n                    Class Marine Yacht Interiors olarak, 22 senelik\r\n                    tecrubemizle yat doseme ve ic mekan cozumlerinde\r\n                    fark yaratiyoruz. Her yatin kendine has olculeri ve\r\n                    tarzi oldugunun bilinciyle, tum urunlerimizi size ozel\r\n                    olcu ve tasarimlarla uretiyoruz.\r\n                <\/p>\r\n\r\n                <p class=\"en\">\r\n                    With 22 years of experience, we create the difference\r\n                    in yacht upholstery and interior solutions.\r\n                    We know that every yacht has its own dimensions\r\n                    and style, therefore we produce all our products\r\n                    in custom sizes and designs.\r\n                <\/p>\r\n\r\n                <a class=\"cm-more\" href=\"#hizmetler\">\r\n                    DAHA FAZLA\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n      <div class=\"cm-about-image\"><\/div>\r\n<\/div>\r\n\r\n   \r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- HIZMETLER -->\r\n    <section class=\"cm-services\" id=\"hizmetler\">\r\n\r\n        <div class=\"cm-container\">\r\n\r\n            <div class=\"cm-kicker\">\r\n                H\u0130ZMETLER\u0130M\u0130Z\r\n            <\/div>\r\n\r\n            <h2 class=\"cm-services-title\">\r\n                Yapt\u0131\u011f\u0131m\u0131z \u0130\u015fler\r\n            <\/h2>\r\n\r\n\r\n            <div class=\"cm-service-grid\">\r\n\r\n                <div class=\"cm-service-card\">\r\n                    <div class=\"cm-service-photo\"\r\n                         style=\"background-image:url('BURAYA_MINDER_FOTOGRAFI_URL');\">\r\n                    <\/div>\r\n                    <div class=\"cm-service-info\">\r\n                        <div class<div class=\"cm-service-icon\">\r\n<svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n<rect x=\"4\" y=\"6\" width=\"16\" height=\"12\" rx=\"3\"\/>\r\n<path d=\"M7 15h10\"\/>\r\n<\/svg>\r\n<\/div>\r\n                       <div class=\"cm-service-name\">M\u0130NDER<\/div>\r\n                        <div class=\"cm-service-line\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cm-service-card\">\r\n                    <div class=\"cm-service-photo\"\r\n                         style=\"background-image:url('BURAYA_HAVLU_FOTOGRAFI_URL');\">\r\n                    <\/div>\r\n                    <div class=\"cm-service-info\">\r\n                       <div class=\"cm-service-icon\">\r\n    <svg viewBox=\"0 0 32 32\" width=\"30\" height=\"30\"\r\n         fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\r\n         stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <path d=\"M9 5h14v22H9z\"\/>\r\n        <path d=\"M12 8h8\"\/>\r\n        <path d=\"M12 21h8\"\/>\r\n        <path d=\"M12 24h8\"\/>\r\n        <path d=\"M9 18h14\"\/>\r\n    <\/svg>\r\n<\/div>\r\n                        <div class=\"cm-service-name\">HAVLU KILIFI<\/div>\r\n                        <div class=\"cm-service-line\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cm-service-card\">\r\n                    <div class=\"cm-service-photo\"\r\n                         style=\"background-image:url('BURAYA_TENTE_FOTOGRAFI_URL');\">\r\n                    <\/div>\r\n                    <div class=\"cm-service-info\">\r\n                        <div class<div class=\"cm-service-icon\">\r\n    <svg viewBox=\"0 0 48 32\" width=\"38\" height=\"28\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n  <path d=\"M5 10 C12 6,20 5,28 6 C35 6,40 8,43 11\"\/>\r\n  <path d=\"M5 10 L10 12\"\/>\r\n  <path d=\"M43 11 L38 13\"\/>\r\n  <path d=\"M10 12 L6 28\"\/>\r\n  <path d=\"M38 13 L42 28\"\/>\r\n  <path d=\"M17 10 L14 28\"\/>\r\n  <path d=\"M31 11 L34 28\"\/>\r\n  <path d=\"M6 28 Q24 31 42 28\"\/>\r\n<\/svg>\r\n<\/div>\r\n                        <div class=\"cm-service-name\">TENTE<\/div>\r\n                        <div class=\"cm-service-line\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cm-service-card\">\r\n                    <div class=\"cm-service-photo\"\r\n                         style=\"background-image:url('BURAYA_KAPATMA_FOTOGRAFI_URL');\">\r\n                    <\/div>\r\n                    <div class=\"cm-service-info\">\r\n                       <div class=\"cm-service-icon\">\r\n<svg viewBox=\"0 0 48 32\" width=\"40\" height=\"30\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n<path d=\"M5 23 L9 28 H37 L43 23\"\/>\r\n<path d=\"M5 23 H43\"\/>\r\n<path d=\"M12 22 L16 15 H31 L37 22\"\/>\r\n<path d=\"M17 15 L20 11 H29 L32 15\"\/>\r\n<path d=\"M9 20 Q24 10 39 20\"\/>\r\n<path d=\"M9 20 Q24 25 39 20\"\/>\r\n<path d=\"M14 18 L11 24\"\/>\r\n<path d=\"M34 18 L38 24\"\/>\r\n<\/svg>\r\n<\/div>\r\n                        <div class=\"cm-service-name\">KAPATMA<\/div>\r\n                        <div class=\"cm-service-line\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cm-service-card\">\r\n                    <div class=\"cm-service-photo\"\r\n                         style=\"background-image:url('BURAYA_BOT_KILIFI_FOTOGRAFI_URL');\">\r\n                    <\/div>\r\n                    <div class=\"cm-service-info\">\r\n                   <svg viewBox=\"0 0 64 44\" width=\"46\" height=\"32\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n<path d=\"M32 4 C23 5 16 10 12 18 L8 32 C14 36 21 39 32 40 C43 39 50 36 56 32 L52 18 C48 10 41 5 32 4Z\"\/>\r\n<path d=\"M32 9 C25 10 20 14 17 20 L15 29 C20 32 25 34 32 35 C39 34 44 32 49 29 L47 20 C44 14 39 10 32 9Z\"\/>\r\n<path d=\"M17 20 H47\"\/>\r\n<path d=\"M19 25 H45\"\/>\r\n<path d=\"M21 30 H43\"\/>\r\n<path d=\"M11 20 C9 24 9 28 8 32\"\/>\r\n<path d=\"M53 20 C55 24 55 28 56 32\"\/>\r\n<path d=\"M16 35 L13 40\"\/>\r\n<path d=\"M48 35 L51 40\"\/>\r\n<\/svg>\r\n                        <div class=\"cm-service-name\">BOT KILIFI<\/div>\r\n                        <div class=\"cm-service-line\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n           \r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- GALERI -->\r\n    <section class=\"cm-gallery\">\r\n\r\n        <div class=\"cm-kicker\">\r\n            GALERIDEN\r\n        <\/div>\r\n\r\n        <h2 class=\"cm-gallery-title\">\r\n            Baz\u0131 \u00c7al\u0131\u015fmalar\u0131m\u0131z\r\n        <\/h2>\r\n\r\n\r\n        <div class=\"cm-gallery-grid\">\r\n\r\n            <img decoding=\"async\" src=\"BURAYA_GALERI_1_URL\">\r\n            <img decoding=\"async\" src=\"BURAYA_GALERI_2_URL\">\r\n            <img decoding=\"async\" src=\"BURAYA_GALERI_3_URL\">\r\n            <img decoding=\"async\" src=\"BURAYA_GALERI_4_URL\">\r\n            <img decoding=\"async\" src=\"BURAYA_GALERI_5_URL\">\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cm-center-button\">\r\n            <a class=\"cm-more\" href=\"#\">\r\n                TUM GALERI\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- MARKALAR -->\r\n    <section class=\"cm-brands\" id=\"markalar\">\r\n\r\n        <div class=\"cm-container\">\r\n\r\n            <div class=\"cm-kicker\">\r\n                CALISTIGIMIZ MARKALAR\r\n            <\/div>\r\n\r\n            <h2 class=\"cm-brands-title\">\r\n                Kaliteli Markalar, Kaliteli Iscilik\r\n            <\/h2>\r\n\r\n\r\n            <div class=\"cm-brand-grid\">\r\n\r\n                <img decoding=\"async\" src=\"BURAYA_SUNBRELLA_LOGO_URL\">\r\n                <img decoding=\"async\" src=\"BURAYA_SPRADLING_LOGO_URL\">\r\n                <img decoding=\"async\" src=\"BURAYA_SERGE_FERRARI_LOGO_URL\">\r\n                <img decoding=\"async\" src=\"BURAYA_NAUTOLEX_LOGO_URL\">\r\n                <img decoding=\"async\" src=\"BURAYA_SATTLER_LOGO_URL\">\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- FOOTER -->\r\n    <footer class=\"cm-footer\" id=\"iletisim\">\r\n\r\n        <div class=\"cm-container\">\r\n\r\n            <div class=\"cm-footer-grid\">\r\n\r\n\r\n                <div>\r\n\r\n                    <div class=\"cm-footer-logo\">\r\n                        <img decoding=\"async\" src=\"BURAYA_LOGO_URL\">\r\n                    <\/div>\r\n\r\n                    <p>\r\n                        Class Marine Yacht Interiors olarak,\r\n            deger katan ozel tasarim doseme\r\n                        ve ic mekan cozumleri sunuyoruz.\r\n                        Kaliteyi, konforu ve estetigi bir araya getiriyoruz.\r\n                    <\/p>\r\n\r\n                    <div class=\"cm-socials\">\r\n                        <a href=\"#\">\u25ce<\/a>\r\n                        <a href=\"#\">\u25c9<\/a>\r\n                        <a href=\"#\">\u2709<\/a>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div>\r\n\r\n                    <div class=\"cm-footer-heading\">\r\n                        HIZLI LINKLER\r\n                    <\/div>\r\n\r\n                    <div class=\"cm-footer-links\">\r\n                        <a href=\"#anasayfa\">Ana Sayfa<\/a>\r\n                        <a href=\"#hakkimizda\">Hakkimizda<\/a>\r\n                        <a href=\"#hizmetler\">Hizmetlerimiz<\/a>\r\n                        <a href=\"#markalar\">Markalar<\/a>\r\n                        <a href=\"#iletisim\">Iletisim<\/a>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div>\r\n\r\n                    <div class=\"cm-footer-heading\">\r\n                        ILETISIM\r\n                    <\/div>\r\n\r\n                    <div class=\"cm-contact-line\">\r\n                        \u25c9 Marmaris, Mugla \/ TURKIYE\r\n                    <\/div>\r\n\r\n                    <div class=\"cm-contact-line\">\r\n                        \u25c9 WhatsApp ile Iletisime Gecin\r\n                    <\/div>\r\n\r\n                    <div class=\"cm-contact-line\">\r\n                        \u2709 info@classmarineyachtinteriors.com\r\n                    <\/div>\r\n\r\n                    <div class=\"cm-contact-line\">\r\n                        \u25ce @classmarineyachtinteriors\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cm-copy\">\r\n                \u00a9 2026 Class Marine Yacht Interiors. Tum haklari saklidir.\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/footer>\r\n\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    const trButton = document.getElementById(\"lang-tr\");\r\n    const enButton = document.getElementById(\"lang-en\");\r\n\r\n    const translations = {\r\n        tr: {\r\n            menu: [\r\n                \"ANA SAYFA\",\r\n                \"HAKKIMIZDA\",\r\n                \"H\u0130ZMETLER\u0130M\u0130Z\",\r\n                \"MARKALAR\",\r\n                \"\u0130LET\u0130\u015e\u0130M\"\r\n            ],\r\n            kicker: \"CLASS MARINE\",\r\n            title: \"Yat\u0131n\u0131z \u0130\u00e7in<br>\u00d6zel Tasar\u0131m<br>D\u00f6\u015feme \u00c7\u00f6z\u00fcmleri\"\r\n        },\r\n\r\n        en: {\r\n            menu: [\r\n                \"HOME\",\r\n                \"ABOUT US\",\r\n                \"SERVICES\",\r\n                \"BRANDS\",\r\n                \"CONTACT\"\r\n            ],\r\n            kicker: \"CLASS MARINE\",\r\n            title: \"Bespoke Upholstery<br>Solutions For<br>Your Yacht\"\r\n        }\r\n    };\r\n\r\n    function changeLanguage(lang) {\r\n\r\n        const data = translations[lang];\r\n\r\n        \/\/ UST MENU\r\n        const menuLinks = document.querySelectorAll(\".cm-menu a\");\r\n\r\n        menuLinks.forEach(function(link, index) {\r\n            if (data.menu[index]) {\r\n                link.textContent = data.menu[index];\r\n            }\r\n        });\r\n\r\n        \/\/ CLASS MARINE KUCUK BASLIK\r\n        const kicker = document.querySelector(\".cm-kicker\");\r\n\r\n        if (kicker) {\r\n            kicker.textContent = data.kicker;\r\n        }\r\n\r\n        \/\/ ANA BUYUK BASLIK\r\n        const heroTitle = document.querySelector(\".cm-hero-title\");\r\n\r\n        if (heroTitle) {\r\n            heroTitle.innerHTML = data.title;\r\n        }\r\n\r\n        \/\/ AKTIF DIL GORUNUMU\r\n    \r\n        \/\/ SECIMI HATIRLA\r\n        localStorage.setItem(\"cm-language\", lang);\r\n        document.documentElement.lang = lang;\r\n    }\r\n\r\n    trButton.addEventListener(\"click\", function () {\r\n        changeLanguage(\"tr\");\r\n    });\r\n\r\n    enButton.addEventListener(\"click\", function () {\r\n        changeLanguage(\"en\");\r\n    });\r\n\r\n    const savedLanguage = localStorage.getItem(\"cm-language\") || \"tr\";\r\n\r\n    changeLanguage(savedLanguage);\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ANA SAYFA HAKKIMIZDA H\u0130ZMETLER\u0130M\u0130Z MARKALAR \u0130LET\u0130\u015e\u0130M TR | EN CLASS MARINE Yat\u0131n\u0131z \u0130\u00e7in \u00d6zel Tasar\u0131m D\u00f6\u015feme \u00c7\u00f6z\u00fcmleri Konfor, estetik ve kaliteyi denizlerde bulu\u015fturuyoruz. INSTAGRAM WHATSAPP E-POSTA A\u015eA\u011eI KAYDIRIN HAKKIMIZDA 22 Yillik Tecrube, Sonsuz Tutku. Class Marine Yacht Interiors olarak, 22 senelik tecrubemizle yat doseme ve ic mekan cozumlerinde fark yaratiyoruz. Her yatin kendine has olculeri [&hellip;]<\/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-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/classmarinyachtinteriors.com\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/classmarinyachtinteriors.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/classmarinyachtinteriors.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/classmarinyachtinteriors.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/classmarinyachtinteriors.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":94,"href":"https:\/\/classmarinyachtinteriors.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":138,"href":"https:\/\/classmarinyachtinteriors.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/138"}],"wp:attachment":[{"href":"https:\/\/classmarinyachtinteriors.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}