{"id":7,"date":"2026-03-24T10:49:57","date_gmt":"2026-03-24T10:49:57","guid":{"rendered":"https:\/\/demo.soms.invekor.net\/?page_id=7"},"modified":"2026-03-24T11:51:45","modified_gmt":"2026-03-24T11:51:45","slug":"demo1","status":"publish","type":"page","link":"https:\/\/demo.soms.invekor.net\/index.php\/demo1\/","title":{"rendered":"demo1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0751bd6 e-con-full e-flex e-con e-parent\" data-id=\"0751bd6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6446d86 elementor-widget elementor-widget-html\" data-id=\"6446d86\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"tr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>SOMS Hukuk & Dan\u0131\u015fmanl\u0131k<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --gold: #B8972A;\n    --gold-light: #D4AF50;\n    --gold-pale: #F8F2E3;\n    --dark: #1A1A1A;\n    --gray: #6B6B6B;\n    --gray-light: #F7F7F5;\n    --border: #E5DDD0;\n    --white: #FFFFFF;\n  }\n  *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n  html { scroll-behavior: smooth; }\n  body { font-family: 'Montserrat', sans-serif; background: var(--white); color: var(--dark); overflow-x: hidden; }\n\n  \/* NAV *\/\n  nav {\n    position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n    padding: 22px 64px;\n    display: flex; align-items: center; justify-content: space-between;\n    transition: all 0.4s;\n  }\n  nav.scrolled {\n    background: rgba(255,255,255,0.96);\n    backdrop-filter: blur(12px);\n    padding: 14px 64px;\n    box-shadow: 0 1px 0 var(--border);\n  }\n  .nav-logo { display: flex; align-items: center; text-decoration: none; }\n  .nav-logo img { height: 46px; object-fit: contain; }\n  .nav-logo-text {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 28px; font-weight: 600; color: var(--dark); letter-spacing: 3px;\n  }\n  .nav-links { display: flex; gap: 40px; list-style: none; }\n  .nav-links a { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--gray); text-decoration: none; transition: color 0.3s; font-weight: 500; }\n  .nav-links a:hover { color: var(--gold); }\n  .nav-cta { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--white); background: var(--dark); padding: 13px 30px; text-decoration: none; font-weight: 600; transition: all 0.3s; }\n  .nav-cta:hover { background: var(--gold); }\n  .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; background: none; border: none; padding: 4px; }\n  .hamburger span { width: 24px; height: 2px; background: var(--dark); display: block; transition: all 0.3s; }\n\n  \/* HERO *\/\n  .hero { min-height: 100vh; display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; }\n  .hero-left { display: flex; flex-direction: column; justify-content: center; padding: 150px 64px 90px; background: var(--white); position: relative; z-index: 2; }\n  .hero-eyebrow { font-size: 10px; letter-spacing: 4px; text-transform: uppercase; color: var(--gold); margin-bottom: 22px; font-weight: 600; display: flex; align-items: center; gap: 14px; }\n  .hero-eyebrow::before { content: ''; width: 36px; height: 1px; background: var(--gold); }\n  .hero-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(46px, 5vw, 78px); font-weight: 300; line-height: 1.07; color: var(--dark); margin-bottom: 26px; }\n  .hero-title em { font-style: italic; color: var(--gold); }\n  .hero-desc { font-size: 13px; line-height: 2; color: var(--gray); max-width: 400px; margin-bottom: 44px; }\n  .hero-btns { display: flex; gap: 16px; flex-wrap: wrap; }\n  .btn-primary { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--white); background: var(--dark); padding: 15px 34px; text-decoration: none; font-weight: 700; transition: all 0.3s; display: inline-block; }\n  .btn-primary:hover { background: var(--gold); }\n  .btn-outline { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--dark); border: 2px solid var(--border); padding: 13px 34px; text-decoration: none; font-weight: 600; transition: all 0.3s; display: inline-block; }\n  .btn-outline:hover { border-color: var(--dark); }\n  .hero-stats { display: flex; gap: 44px; margin-top: 56px; padding-top: 44px; border-top: 1px solid var(--border); }\n  .stat-num { font-family: 'Cormorant Garamond', serif; font-size: 42px; font-weight: 300; color: var(--dark); line-height: 1; }\n  .stat-label { font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--gray); margin-top: 5px; }\n\n  .hero-right { position: relative; overflow: hidden; }\n  .hero-right img { width: 100%; height: 100%; object-fit: cover; display: block; }\n  .hero-right::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to right, var(--white) 0%, transparent 8%); }\n  .hero-float-card {\n    position: absolute; bottom: 52px; left: 28px; z-index: 3;\n    background: var(--white); box-shadow: 0 12px 48px rgba(0,0,0,0.14);\n    padding: 22px 26px; border-left: 3px solid var(--gold);\n    min-width: 160px;\n  }\n  .hero-float-num { font-family: 'Cormorant Garamond', serif; font-size: 40px; font-weight: 300; line-height: 1; color: var(--dark); }\n  .hero-float-label { font-size: 9px; letter-spacing: 2px; text-transform: uppercase; color: var(--gray); margin-top: 4px; }\n\n  \/* MARQUEE *\/\n  .marquee-section { background: var(--dark); padding: 15px 0; overflow: hidden; }\n  .marquee-track { display: flex; white-space: nowrap; animation: marquee 26s linear infinite; }\n  .marquee-item { font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: rgba(255,255,255,0.55); font-weight: 500; padding: 0 32px; display: flex; align-items: center; gap: 32px; }\n  .marquee-item::after { content: '\u25c6'; font-size: 6px; color: var(--gold); }\n  @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\n\n  \/* ABOUT *\/\n  .about { padding: 120px 64px; display: grid; grid-template-columns: 1fr 1fr; gap: 88px; align-items: center; }\n  .about-visuals { position: relative; }\n  .about-img-main { width: 82%; aspect-ratio: 3\/4; object-fit: cover; display: block; }\n  .about-img-small { position: absolute; bottom: -36px; right: 0; width: 52%; aspect-ratio: 1; object-fit: cover; border: 6px solid var(--white); box-shadow: 0 16px 52px rgba(0,0,0,0.13); }\n  .about-gold-sq { position: absolute; top: 28px; left: -14px; width: 44px; height: 44px; background: var(--gold); }\n  .section-label { font-size: 10px; letter-spacing: 4px; text-transform: uppercase; color: var(--gold); margin-bottom: 18px; font-weight: 600; display: flex; align-items: center; gap: 14px; }\n  .section-label::before { content: ''; width: 28px; height: 1px; background: var(--gold); }\n  .section-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(32px, 3.5vw, 50px); font-weight: 300; line-height: 1.15; color: var(--dark); margin-bottom: 24px; }\n  .section-title em { font-style: italic; color: var(--gold); }\n  .section-text { font-size: 13px; line-height: 2; color: var(--gray); margin-bottom: 14px; }\n  .check-list { list-style: none; margin: 24px 0 36px; }\n  .check-list li { font-size: 12px; color: var(--gray); padding: 9px 0; border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: 12px; }\n  .check-list li::before { content: ''; width: 18px; height: 1px; background: var(--gold); flex-shrink: 0; }\n\n  \/* SERVICES *\/\n  .services { padding: 120px 64px; background: var(--gray-light); }\n  .services-head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 64px; }\n  .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }\n  .svc { background: var(--white); padding: 44px 32px; border: 1px solid var(--border); position: relative; overflow: hidden; transition: all 0.4s; }\n  .svc:hover { transform: translateY(-6px); box-shadow: 0 24px 64px rgba(0,0,0,0.09); border-color: var(--gold); }\n  .svc-icon { width: 52px; height: 52px; background: var(--gold-pale); display: flex; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 26px; }\n  .svc-title { font-family: 'Cormorant Garamond', serif; font-size: 21px; font-weight: 400; margin-bottom: 12px; }\n  .svc-text { font-size: 12px; line-height: 1.9; color: var(--gray); }\n  .svc-link { display: inline-flex; align-items: center; gap: 7px; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: var(--gold); text-decoration: none; margin-top: 22px; font-weight: 600; transition: gap 0.3s; }\n  .svc-link:hover { gap: 13px; }\n  .svc-bg { position: absolute; bottom: -10px; right: -6px; font-family: 'Cormorant Garamond', serif; font-size: 88px; color: rgba(184,151,42,0.05); pointer-events: none; font-weight: 300; line-height: 1; }\n\n  \/* WHY *\/\n  .why { padding: 120px 64px; display: grid; grid-template-columns: 1fr 1fr; gap: 88px; align-items: center; }\n  .why-img-wrap { position: relative; }\n  .why-img-wrap img { width: 100%; aspect-ratio: 4\/3; object-fit: cover; display: block; }\n  .why-badge { position: absolute; top: 36px; right: -28px; background: var(--gold); padding: 26px 28px; text-align: center; }\n  .why-badge-num { font-family: 'Cormorant Garamond', serif; font-size: 46px; color: var(--white); font-weight: 300; line-height: 1; }\n  .why-badge-label { font-size: 9px; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,0.85); margin-top: 4px; }\n  .why-items { display: flex; flex-direction: column; }\n  .why-item { padding: 26px 0; border-bottom: 1px solid var(--border); display: flex; gap: 22px; align-items: flex-start; transition: all 0.3s; }\n  .why-item:hover .wi-icon { background: var(--gold); color: var(--white); }\n  .wi-icon { width: 42px; height: 42px; background: var(--gold-pale); display: flex; align-items: center; justify-content: center; font-size: 17px; flex-shrink: 0; transition: all 0.3s; }\n  .wi-title { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 400; margin-bottom: 5px; }\n  .wi-text { font-size: 12px; color: var(--gray); line-height: 1.8; }\n\n  \/* TEAM *\/\n  .team { padding: 120px 64px; background: var(--gray-light); }\n  .team-header { margin-bottom: 60px; }\n  .team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }\n  .team-card { }\n  .team-photo { aspect-ratio: 3\/4; overflow: hidden; margin-bottom: 18px; position: relative; }\n  .team-photo img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s; }\n  .team-card:hover .team-photo img { transform: scale(1.05); }\n  .team-name { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 400; margin-bottom: 5px; }\n  .team-role { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: var(--gold); font-weight: 500; }\n\n  \/* TESTIMONIALS *\/\n  .testimonials { padding: 120px 64px; background: var(--dark); }\n  .test-inner { max-width: 820px; margin: 0 auto; text-align: center; }\n  .test-label { font-size: 10px; letter-spacing: 4px; text-transform: uppercase; color: var(--gold); font-weight: 600; margin-bottom: 40px; }\n  .test-quote { font-family: 'Cormorant Garamond', serif; font-size: clamp(19px, 2.5vw, 27px); font-style: italic; line-height: 1.65; color: rgba(255,255,255,0.88); margin-bottom: 32px; transition: opacity 0.3s; }\n  .test-author { font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: var(--gold); font-weight: 500; }\n  .test-dots { display: flex; justify-content: center; gap: 9px; margin-top: 44px; }\n  .t-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.2); cursor: pointer; transition: all 0.3s; border: none; }\n  .t-dot.active { background: var(--gold); width: 26px; border-radius: 4px; }\n\n  \/* CTA *\/\n  .cta { display: grid; grid-template-columns: 1fr 1fr; }\n  .cta-visual { position: relative; overflow: hidden; min-height: 500px; }\n  .cta-visual img { width: 100%; height: 100%; object-fit: cover; display: block; filter: brightness(0.75); }\n  .cta-form-wrap { background: var(--gold-pale); padding: 80px 64px; display: flex; flex-direction: column; justify-content: center; }\n  .cta-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(30px, 3vw, 48px); font-weight: 300; line-height: 1.15; margin-bottom: 18px; }\n  .cta-title em { font-style: italic; color: var(--gold); }\n  .cta-text { font-size: 13px; line-height: 2; color: var(--gray); margin-bottom: 36px; }\n  .form-field { display: flex; flex-direction: column; gap: 11px; max-width: 400px; }\n  .form-field input {\n    padding: 14px 18px; background: var(--white); border: 1px solid var(--border);\n    font-family: 'Montserrat', sans-serif; font-size: 13px; outline: none; color: var(--dark);\n    transition: border-color 0.3s;\n  }\n  .form-field input:focus { border-color: var(--gold); }\n  .form-field button { padding: 15px 32px; background: var(--dark); border: none; font-family: 'Montserrat', sans-serif; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; color: var(--white); cursor: pointer; transition: background 0.3s; align-self: flex-start; margin-top: 4px; }\n  .form-field button:hover { background: var(--gold); }\n\n  \/* FOOTER *\/\n  footer { background: #0D0D0D; padding: 80px 64px 40px; }\n  .footer-grid { display: grid; grid-template-columns: 2.5fr 1fr 1fr 1fr; gap: 56px; margin-bottom: 60px; }\n  .f-logo img { height: 38px; object-fit: contain; filter: brightness(1.5); display: block; margin-bottom: 18px; }\n  .f-logo-text { font-family: 'Cormorant Garamond', serif; font-size: 22px; color: var(--white); letter-spacing: 3px; margin-bottom: 18px; display: none; }\n  .f-desc { font-size: 12px; line-height: 1.9; color: rgba(255,255,255,0.38); max-width: 230px; }\n  .f-head { font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: var(--gold); margin-bottom: 22px; font-weight: 600; }\n  .f-links { list-style: none; display: flex; flex-direction: column; gap: 11px; }\n  .f-links a { font-size: 12px; color: rgba(255,255,255,0.42); text-decoration: none; transition: color 0.3s; }\n  .f-links a:hover { color: var(--gold); }\n  .footer-bottom { border-top: 1px solid rgba(255,255,255,0.06); padding-top: 30px; display: flex; justify-content: space-between; }\n  .f-copy { font-size: 11px; color: rgba(255,255,255,0.28); }\n\n  \/* MOBILE MENU *\/\n  .mobile-nav { position: fixed; inset: 0; background: var(--white); z-index: 200; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 26px; transform: translateX(100%); transition: transform 0.4s cubic-bezier(.77,0,.18,1); }\n  .mobile-nav.open { transform: translateX(0); }\n  .mobile-nav a { font-family: 'Cormorant Garamond', serif; font-size: 36px; color: var(--dark); text-decoration: none; font-weight: 300; }\n  .mobile-nav a:hover { color: var(--gold); }\n  .mobile-close { position: absolute; top: 22px; right: 22px; font-size: 22px; cursor: pointer; background: none; border: none; color: var(--dark); }\n\n  \/* REVEAL *\/\n  .rv { opacity: 0; transform: translateY(28px); transition: opacity 0.7s ease, transform 0.7s ease; }\n  .rv.show { opacity: 1; transform: none; }\n  .d1 { transition-delay: 0.1s; } .d2 { transition-delay: 0.2s; } .d3 { transition-delay: 0.35s; } .d4 { transition-delay: 0.5s; }\n\n  \/* RESPONSIVE *\/\n  @media (max-width: 1100px) {\n    nav, nav.scrolled { padding: 18px 28px; }\n    .nav-links, .nav-cta { display: none; }\n    .hamburger { display: flex; }\n    .hero { grid-template-columns: 1fr; }\n    .hero-left { padding: 110px 28px 60px; }\n    .hero-right { height: 54vw; min-height: 280px; }\n    .about { grid-template-columns: 1fr; padding: 80px 28px; gap: 52px; }\n    .about-img-small { display: none; }\n    .services { padding: 80px 28px; }\n    .services-head { flex-direction: column; align-items: flex-start; gap: 16px; }\n    .services-grid { grid-template-columns: 1fr 1fr; }\n    .why { grid-template-columns: 1fr; padding: 80px 28px; gap: 52px; }\n    .why-badge { right: 0; }\n    .team { padding: 80px 28px; }\n    .team-grid { grid-template-columns: 1fr 1fr; }\n    .testimonials { padding: 80px 28px; }\n    .cta { grid-template-columns: 1fr; }\n    .cta-visual { min-height: 280px; }\n    .cta-form-wrap { padding: 60px 28px; }\n    footer { padding: 60px 28px 32px; }\n    .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; }\n  }\n  @media (max-width: 600px) {\n    .services-grid, .team-grid { grid-template-columns: 1fr; }\n    .hero-stats { gap: 20px; flex-wrap: wrap; }\n    .footer-grid { grid-template-columns: 1fr; }\n    .footer-bottom { flex-direction: column; gap: 10px; }\n    .hero-btns { flex-direction: column; }\n    .btn-primary, .btn-outline { text-align: center; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"mobile-nav\" id=\"mobileNav\">\n  <button class=\"mobile-close\" onclick=\"closeMob()\">\u2715<\/button>\n  <a href=\"#about\" onclick=\"closeMob()\">Hakk\u0131m\u0131zda<\/a>\n  <a href=\"#services\" onclick=\"closeMob()\">Hizmetler<\/a>\n  <a href=\"#team\" onclick=\"closeMob()\">Ekibimiz<\/a>\n  <a href=\"#contact\" onclick=\"closeMob()\">\u0130leti\u015fim<\/a>\n<\/div>\n\n<nav id=\"mainNav\">\n  <a href=\"#\" class=\"nav-logo\">\n    <img decoding=\"async\"\n      src=\"https:\/\/www.somslegal.com\/Files\/Thumbnail.aspx?Filename=Upload\/Contents\/files\/logo.png&size=100\"\n      alt=\"SOMS\"\n      onerror=\"this.style.display='none';this.nextElementSibling.style.display='block'\"\n    >\n    <span class=\"nav-logo-text\" style=\"display:none\">SOMS<\/span>\n  <\/a>\n  <ul class=\"nav-links\">\n    <li><a href=\"#about\">Hakk\u0131m\u0131zda<\/a><\/li>\n    <li><a href=\"#services\">Hizmetler<\/a><\/li>\n    <li><a href=\"#team\">Ekibimiz<\/a><\/li>\n    <li><a href=\"#contact\">\u0130leti\u015fim<\/a><\/li>\n  <\/ul>\n  <a href=\"#contact\" class=\"nav-cta\">Dan\u0131\u015fma Al<\/a>\n  <button class=\"hamburger\" onclick=\"openMob()\">\n    <span><\/span><span><\/span><span><\/span>\n  <\/button>\n<\/nav>\n\n<!-- HERO -->\n<section class=\"hero\">\n  <div class=\"hero-left\">\n    <div class=\"hero-eyebrow rv\">1995'ten Beri G\u00fcvenilir Hukuki Dan\u0131\u015fmanl\u0131k<\/div>\n    <h1 class=\"hero-title rv d1\">\n      Haklar\u0131n\u0131z\u0131<br><em>Kararl\u0131l\u0131kla<\/em><br>Savunuyoruz\n    <\/h1>\n    <p class=\"hero-desc rv d2\">\n      30 y\u0131l\u0131 a\u015fk\u0131n deneyimimizle kurumsal, ticari ve uluslararas\u0131 hukuk alanlar\u0131nda \n      m\u00fcvekkillerimize en \u00fcst d\u00fczey hukuki hizmet sunuyoruz.\n    <\/p>\n    <div class=\"hero-btns rv d3\">\n      <a href=\"#contact\" class=\"btn-primary\">\u00dccretsiz Dan\u0131\u015fma<\/a>\n      <a href=\"#services\" class=\"btn-outline\">Hizmetlerimiz<\/a>\n    <\/div>\n    <div class=\"hero-stats rv d4\">\n      <div><div class=\"stat-num\" data-target=\"30\">0<\/div><div class=\"stat-label\">Y\u0131l Deneyim<\/div><\/div>\n      <div><div class=\"stat-num\" data-target=\"1500\">0<\/div><div class=\"stat-label\">Ba\u015far\u0131l\u0131 Dava<\/div><\/div>\n      <div><div class=\"stat-num\" data-target=\"98\" data-suffix=\"%\">0<\/div><div class=\"stat-label\">Memnuniyet<\/div><\/div>\n    <\/div>\n  <\/div>\n  <div class=\"hero-right\">\n    <!-- Unsplash: justice scales - photographer Tingey Injury Law Firm -->\n    <img decoding=\"async\"\n      src=\"https:\/\/images.unsplash.com\/photo-1589994965851-a8f479c573a9?w=1200&q=85&fit=crop&crop=center\"\n      alt=\"Adalet\"\n      loading=\"eager\"\n    >\n    <div class=\"hero-float-card\">\n      <div class=\"hero-float-num\">30+<\/div>\n      <div class=\"hero-float-label\">Y\u0131l Deneyim<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- MARQUEE -->\n<div class=\"marquee-section\">\n  <div class=\"marquee-track\">\n    <div class=\"marquee-item\">Kurumsal Hukuk<\/div>\n    <div class=\"marquee-item\">Ticaret Hukuku<\/div>\n    <div class=\"marquee-item\">\u0130\u015f Hukuku<\/div>\n    <div class=\"marquee-item\">Gayrimenkul<\/div>\n    <div class=\"marquee-item\">Uluslararas\u0131 Tahkim<\/div>\n    <div class=\"marquee-item\">Vergi Hukuku<\/div>\n    <div class=\"marquee-item\">Ceza Hukuku<\/div>\n    <div class=\"marquee-item\">Kurumsal Hukuk<\/div>\n    <div class=\"marquee-item\">Ticaret Hukuku<\/div>\n    <div class=\"marquee-item\">\u0130\u015f Hukuku<\/div>\n    <div class=\"marquee-item\">Gayrimenkul<\/div>\n    <div class=\"marquee-item\">Uluslararas\u0131 Tahkim<\/div>\n    <div class=\"marquee-item\">Vergi Hukuku<\/div>\n    <div class=\"marquee-item\">Ceza Hukuku<\/div>\n  <\/div>\n<\/div>\n\n<!-- ABOUT -->\n<section class=\"about\" id=\"about\">\n  <div class=\"about-visuals rv\">\n    <div class=\"about-gold-sq\"><\/div>\n    <!-- Unsplash: law books library \u2014 Giammarco Boscaro -->\n    <img decoding=\"async\" class=\"about-img-main\"\n      src=\"https:\/\/images.unsplash.com\/photo-1450101499163-c8848c66ca85?w=800&q=85&fit=crop\"\n      alt=\"Hukuk b\u00fcrosu\" loading=\"lazy\">\n    <!-- Unsplash: signing contract \u2014 Scott Graham -->\n    <img decoding=\"async\" class=\"about-img-small\"\n      src=\"https:\/\/images.unsplash.com\/photo-1554224155-6726b3ff858f?w=500&q=80&fit=crop\"\n      alt=\"S\u00f6zle\u015fme\" loading=\"lazy\">\n  <\/div>\n  <div>\n    <div class=\"section-label rv\">Hakk\u0131m\u0131zda<\/div>\n    <h2 class=\"section-title rv d1\">G\u00fcven, <em>Liyakat<\/em><br>ve Kararl\u0131l\u0131k<\/h2>\n    <p class=\"section-text rv d2\">SOMS Hukuk B\u00fcrosu, T\u00fcrkiye'nin \u00f6nde gelen hukuk firmalar\u0131ndan biri olarak kurumsal m\u00fcvekkillere ve bireylere kapsaml\u0131 hukuki hizmet sunmaktad\u0131r.<\/p>\n    <p class=\"section-text rv d2\">Deneyimli avukat kadromuz; ticaret hukuku, i\u015f hukuku, gayrimenkul ve uluslararas\u0131 tahkim alanlar\u0131nda uzmanla\u015fm\u0131\u015f olup her m\u00fcvekkilimize \u00f6zel \u00e7\u00f6z\u00fcmler \u00fcretmektedir.<\/p>\n    <ul class=\"check-list rv d3\">\n      <li>Uzman ve deneyimli avukat kadrosu<\/li>\n      <li>Uluslararas\u0131 hukuk a\u011f\u0131 ve i\u015f birlikleri<\/li>\n      <li>\u015eeffaf ileti\u015fim ve s\u00fcre\u00e7 takibi<\/li>\n      <li>Her m\u00fcvekkile \u00f6zel hukuki strateji<\/li>\n    <\/ul>\n    <a href=\"#contact\" class=\"btn-primary rv d3\">\u0130leti\u015fime Ge\u00e7in<\/a>\n  <\/div>\n<\/section>\n\n<!-- SERVICES -->\n<section class=\"services\" id=\"services\">\n  <div class=\"services-head\">\n    <div>\n      <div class=\"section-label rv\">Uzmanl\u0131k Alanlar\u0131<\/div>\n      <h2 class=\"section-title rv d1\" style=\"margin-bottom:0\">Kapsaml\u0131 <em>Hukuki<\/em> Hizmetler<\/h2>\n    <\/div>\n    <a href=\"#contact\" class=\"btn-primary rv\" style=\"flex-shrink:0\">T\u00fcm Hizmetler<\/a>\n  <\/div>\n  <div class=\"services-grid\">\n    <div class=\"svc rv\"><div class=\"svc-icon\">\u2696\ufe0f<\/div><div class=\"svc-title\">Kurumsal Hukuk<\/div><p class=\"svc-text\">\u015eirket kurulu\u015fu, birle\u015fme ve devralmalar, kurumsal y\u00f6netim alan\u0131nda kapsaml\u0131 dan\u0131\u015fmanl\u0131k.<\/p><a href=\"#\" class=\"svc-link\">Detay \u2192<\/a><div class=\"svc-bg\">01<\/div><\/div>\n    <div class=\"svc rv d1\"><div class=\"svc-icon\">\ud83e\udd1d<\/div><div class=\"svc-title\">Ticaret Hukuku<\/div><p class=\"svc-text\">S\u00f6zle\u015fme haz\u0131rlama, ticari anla\u015fmazl\u0131k \u00e7\u00f6z\u00fcm\u00fc ve i\u015f d\u00fcnyas\u0131nda stratejik hukuki destek.<\/p><a href=\"#\" class=\"svc-link\">Detay \u2192<\/a><div class=\"svc-bg\">02<\/div><\/div>\n    <div class=\"svc rv d2\"><div class=\"svc-icon\">\ud83d\udc65<\/div><div class=\"svc-title\">\u0130\u015f Hukuku<\/div><p class=\"svc-text\">\u0130\u015f\u00e7i-i\u015fveren ili\u015fkileri, i\u015f s\u00f6zle\u015fmeleri ve i\u015f mahkemelerinde temsil hizmetleri.<\/p><a href=\"#\" class=\"svc-link\">Detay \u2192<\/a><div class=\"svc-bg\">03<\/div><\/div>\n    <div class=\"svc rv\"><div class=\"svc-icon\">\ud83c\udfdb\ufe0f<\/div><div class=\"svc-title\">Gayrimenkul Hukuku<\/div><p class=\"svc-text\">Ta\u015f\u0131nmaz al\u0131m sat\u0131m, kira anla\u015fmazl\u0131klar\u0131 ve gayrimenkul geli\u015ftirme projelerinde dan\u0131\u015fmanl\u0131k.<\/p><a href=\"#\" class=\"svc-link\">Detay \u2192<\/a><div class=\"svc-bg\">04<\/div><\/div>\n    <div class=\"svc rv d1\"><div class=\"svc-icon\">\ud83c\udf10<\/div><div class=\"svc-title\">Uluslararas\u0131 Tahkim<\/div><p class=\"svc-text\">ICC, ICSID nezdinde s\u0131n\u0131r \u00f6tesi ticari anla\u015fmazl\u0131klarda deneyimli temsil hizmetleri.<\/p><a href=\"#\" class=\"svc-link\">Detay \u2192<\/a><div class=\"svc-bg\">05<\/div><\/div>\n    <div class=\"svc rv d2\"><div class=\"svc-icon\">\ud83d\udcca<\/div><div class=\"svc-title\">Vergi Hukuku<\/div><p class=\"svc-text\">Vergi planlamas\u0131, vergi ihtilaflar\u0131 ve Maliye Bakanl\u0131\u011f\u0131 nezdinde temsil hizmetleri.<\/p><a href=\"#\" class=\"svc-link\">Detay \u2192<\/a><div class=\"svc-bg\">06<\/div><\/div>\n  <\/div>\n<\/section>\n\n<!-- WHY -->\n<section class=\"why\">\n  <div class=\"why-img-wrap rv\">\n    <!-- Unsplash: modern office interior \u2014 Nastuh Abootalebi -->\n    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?w=900&q=80&fit=crop\" alt=\"Ofis\" loading=\"lazy\">\n    <div class=\"why-badge\"><div class=\"why-badge-num\">98%<\/div><div class=\"why-badge-label\">Memnuniyet<\/div><\/div>\n  <\/div>\n  <div>\n    <div class=\"section-label rv\">Neden SOMS?<\/div>\n    <h2 class=\"section-title rv d1\">Fark\u0131m\u0131z\u0131<br><em>Hissedeceksiniz<\/em><\/h2>\n    <div class=\"why-items\">\n      <div class=\"why-item rv d1\"><div class=\"wi-icon\">\ud83c\udfaf<\/div><div><div class=\"wi-title\">Sonu\u00e7 Odakl\u0131 Yakla\u015f\u0131m<\/div><div class=\"wi-text\">Her davada m\u00fcvekkilimizin menfaatini koruyacak stratejiler geli\u015ftiriyoruz.<\/div><\/div><\/div>\n      <div class=\"why-item rv d2\"><div class=\"wi-icon\">\ud83d\udd12<\/div><div><div class=\"wi-title\">Gizlilik ve G\u00fcvenilirlik<\/div><div class=\"wi-text\">M\u00fcvekkil bilgilerinin mutlak gizlili\u011fini sa\u011fl\u0131yor, \u015feffaf ileti\u015fimi \u00f6n planda tutuyoruz.<\/div><\/div><\/div>\n      <div class=\"why-item rv d2\"><div class=\"wi-icon\">\u23f1\ufe0f<\/div><div><div class=\"wi-title\">H\u0131zl\u0131 Yan\u0131t S\u00fcresi<\/div><div class=\"wi-text\">Acil hukuki s\u00fcre\u00e7lerde 24 saat i\u00e7inde d\u00f6n\u00fc\u015f garantisi veriyoruz.<\/div><\/div><\/div>\n      <div class=\"why-item rv d3\"><div class=\"wi-icon\">\ud83c\udf0d<\/div><div><div class=\"wi-title\">Uluslararas\u0131 A\u011f<\/div><div class=\"wi-text\">Avrupa ve Orta Do\u011fu'daki i\u015f ortakl\u0131klar\u0131m\u0131z ile s\u0131n\u0131r \u00f6tesi destek sunuyoruz.<\/div><\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- TEAM -->\n<section class=\"team\" id=\"team\">\n  <div class=\"team-header\">\n    <div class=\"section-label rv\">Ekibimiz<\/div>\n    <h2 class=\"section-title rv d1\">Uzman <em>Avukat<\/em> Kadromuz<\/h2>\n  <\/div>\n  <div class=\"team-grid\">\n    <div class=\"team-card rv\">\n      <div class=\"team-photo\">\n        <!-- Unsplash: business man suit \u2014 Michael Dam -->\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?w=400&q=80&fit=crop&crop=top\" alt=\"Avukat\" loading=\"lazy\">\n      <\/div>\n      <div class=\"team-name\">Av. Ahmet Soms<\/div>\n      <div class=\"team-role\">Kurucu Ortak<\/div>\n    <\/div>\n    <div class=\"team-card rv d1\">\n      <div class=\"team-photo\">\n        <!-- Unsplash: professional woman \u2014 Christina -->\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573496799652-408c2ac9fe98?w=400&q=80&fit=crop&crop=top\" alt=\"Avukat\" loading=\"lazy\">\n      <\/div>\n      <div class=\"team-name\">Av. Ay\u015fe Kaya<\/div>\n      <div class=\"team-role\">K\u0131demli Ortak<\/div>\n    <\/div>\n    <div class=\"team-card rv d2\">\n      <div class=\"team-photo\">\n        <!-- Unsplash: professional man \u2014 LinkedIn Sales Navigator -->\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519085360753-af0119f7cbe7?w=400&q=80&fit=crop&crop=top\" alt=\"Avukat\" loading=\"lazy\">\n      <\/div>\n      <div class=\"team-name\">Av. Mehmet Y\u0131lmaz<\/div>\n      <div class=\"team-role\">\u0130\u015f Hukuku Uzman\u0131<\/div>\n    <\/div>\n    <div class=\"team-card rv d3\">\n      <div class=\"team-photo\">\n        <!-- Unsplash: woman professional \u2014 Amy Hirschi -->\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551836022-4c4c79ecde51?w=400&q=80&fit=crop&crop=top\" alt=\"Avukat\" loading=\"lazy\">\n      <\/div>\n      <div class=\"team-name\">Av. Emre \u00c7elik<\/div>\n      <div class=\"team-role\">Ticaret Hukuku<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- TESTIMONIALS -->\n<section class=\"testimonials\">\n  <div class=\"test-inner\">\n    <div class=\"test-label rv\">Referanslar\u0131m\u0131z<\/div>\n    <p class=\"test-quote rv d1\" id=\"tQuote\">\n      SOMS Hukuk B\u00fcrosu, \u015firketimizin en kritik d\u00f6neminde yan\u0131m\u0131zda oldu. \n      Profesyonel yakla\u015f\u0131mlar\u0131 ve derin hukuki bilgileri sayesinde davam\u0131z\u0131 ba\u015far\u0131yla sonu\u00e7land\u0131rd\u0131k.\n    <\/p>\n    <div class=\"test-author rv d2\" id=\"tAuthor\">Ahmet Kaya \u2014 CEO, Kaya Holding<\/div>\n    <div class=\"test-dots rv d3\">\n      <button class=\"t-dot active\" onclick=\"setQ(0)\"><\/button>\n      <button class=\"t-dot\" onclick=\"setQ(1)\"><\/button>\n      <button class=\"t-dot\" onclick=\"setQ(2)\"><\/button>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CTA -->\n<section class=\"cta\" id=\"contact\">\n  <div class=\"cta-visual\">\n    <!-- Unsplash: lawyer handshake \u2014 Cytonn Photography -->\n    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521791055366-0d553872952f?w=900&q=80&fit=crop\" alt=\"Dan\u0131\u015fmanl\u0131k\" loading=\"lazy\">\n  <\/div>\n  <div class=\"cta-form-wrap\">\n    <div class=\"section-label rv\" style=\"color:var(--gold)\">\u0130leti\u015fim<\/div>\n    <h2 class=\"cta-title rv d1\">Hukuki Sorununuzu<br><em>Birlikte<\/em> \u00c7\u00f6zelim<\/h2>\n    <p class=\"cta-text rv d2\">Deneyimli hukuk ekibimizle \u00fccretsiz \u00f6n dan\u0131\u015fma randevusu al\u0131n.<\/p>\n    <div class=\"form-field rv d3\">\n      <input type=\"text\" placeholder=\"Ad\u0131n\u0131z Soyad\u0131n\u0131z\">\n      <input type=\"email\" placeholder=\"E-posta adresiniz\">\n      <input type=\"tel\" placeholder=\"Telefon numaran\u0131z\">\n      <button>Randevu Al<\/button>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer>\n  <div class=\"footer-grid\">\n    <div>\n      <div class=\"f-logo\">\n        <img decoding=\"async\"\n          src=\"https:\/\/www.somslegal.com\/Files\/Thumbnail.aspx?Filename=Upload\/Contents\/files\/logo.png&size=100\"\n          alt=\"SOMS\"\n          onerror=\"this.style.display='none';this.nextElementSibling.style.display='block'\"\n        >\n        <span class=\"f-logo-text\">SOMS<\/span>\n      <\/div>\n      <p class=\"f-desc\">1995'ten bu yana T\u00fcrkiye'nin \u00f6nde gelen hukuk b\u00fcrolar\u0131ndan biri olarak hizmet veriyoruz.<\/p>\n    <\/div>\n    <div>\n      <div class=\"f-head\">Hizmetler<\/div>\n      <ul class=\"f-links\">\n        <li><a href=\"#\">Kurumsal Hukuk<\/a><\/li>\n        <li><a href=\"#\">Ticaret Hukuku<\/a><\/li>\n        <li><a href=\"#\">\u0130\u015f Hukuku<\/a><\/li>\n        <li><a href=\"#\">Gayrimenkul<\/a><\/li>\n        <li><a href=\"#\">Tahkim<\/a><\/li>\n      <\/ul>\n    <\/div>\n    <div>\n      <div class=\"f-head\">Firma<\/div>\n      <ul class=\"f-links\">\n        <li><a href=\"#\">Hakk\u0131m\u0131zda<\/a><\/li>\n        <li><a href=\"#\">Ekibimiz<\/a><\/li>\n        <li><a href=\"#\">Haberler<\/a><\/li>\n        <li><a href=\"#\">Kariyer<\/a><\/li>\n      <\/ul>\n    <\/div>\n    <div>\n      <div class=\"f-head\">\u0130leti\u015fim<\/div>\n      <ul class=\"f-links\">\n        <li><a href=\"#\">\u0130stanbul Ofisi<\/a><\/li>\n        <li><a href=\"#\">+90 212 XXX XX XX<\/a><\/li>\n        <li><a href=\"#\">info@somslegal.com<\/a><\/li>\n        <li><a href=\"#\">somslegal.com<\/a><\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n  <div class=\"footer-bottom\">\n    <span class=\"f-copy\">\u00a9 2025 SOMS Hukuk B\u00fcrosu. T\u00fcm haklar\u0131 sakl\u0131d\u0131r.<\/span>\n    <span class=\"f-copy\">Gizlilik Politikas\u0131 \u00b7 Kullan\u0131m Ko\u015fullar\u0131<\/span>\n  <\/div>\n<\/footer>\n\n<script>\n  \/\/ Nav scroll\n  window.addEventListener('scroll', () => {\n    document.getElementById('mainNav').classList.toggle('scrolled', scrollY > 60);\n  });\n\n  \/\/ Mobile\n  function openMob() { document.getElementById('mobileNav').classList.add('open'); }\n  function closeMob() { document.getElementById('mobileNav').classList.remove('open'); }\n\n  \/\/ Reveal\n  const obs = new IntersectionObserver(entries => {\n    entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('show'); });\n  }, { threshold: 0.1, rootMargin: '0px 0px -32px 0px' });\n  document.querySelectorAll('.rv').forEach(el => obs.observe(el));\n\n  \/\/ Hero instant reveal\n  document.querySelectorAll('.hero .rv').forEach((el, i) => {\n    setTimeout(() => el.classList.add('show'), 180 + i * 120);\n  });\n\n  \/\/ Counter\n  function runCounter(el) {\n    const target = +el.getAttribute('data-target');\n    const suffix = el.getAttribute('data-suffix') || '+';\n    let cur = 0;\n    const step = target \/ 120;\n    const t = setInterval(() => {\n      cur = Math.min(cur + step, target);\n      el.textContent = Math.floor(cur) + suffix;\n      if (cur >= target) clearInterval(t);\n    }, 16);\n  }\n  const cObs = new IntersectionObserver(entries => {\n    entries.forEach(e => { if (e.isIntersecting) { runCounter(e.target); cObs.unobserve(e.target); } });\n  }, { threshold: 0.5 });\n  document.querySelectorAll('[data-target]').forEach(el => cObs.observe(el));\n\n  \/\/ Testimonials\n  const qs = [\n    { text: \"SOMS Hukuk B\u00fcrosu, \u015firketimizin en kritik d\u00f6neminde yan\u0131m\u0131zda oldu. Profesyonel yakla\u015f\u0131mlar\u0131 ve derin hukuki bilgileri sayesinde davam\u0131z\u0131 ba\u015far\u0131yla sonu\u00e7land\u0131rd\u0131k.\", author: \"Ahmet Kaya \u2014 CEO, Kaya Holding\" },\n    { text: \"Uluslararas\u0131 tahkim s\u00fcrecimizde g\u00f6sterdikleri performans ola\u011fan\u00fcst\u00fcyd\u00fc. Her a\u015famada bilgilendirildik ve en iyi sonucu elde ettik.\", author: \"Fatma Demir \u2014 Genel M\u00fcd\u00fcr, Demir Tekstil\" },\n    { text: \"Gayrimenkul al\u0131m s\u00fcrecimizde kar\u015f\u0131la\u015ft\u0131\u011f\u0131m\u0131z karma\u015f\u0131k meseleleri SOMS ekibi son derece etkin bi\u00e7imde \u00e7\u00f6zd\u00fc.\", author: \"Mustafa \u015eahin \u2014 Giri\u015fimci\" }\n  ];\n  let qi = 0;\n  function setQ(i) {\n    qi = i;\n    const q = document.getElementById('tQuote');\n    q.style.opacity = '0';\n    setTimeout(() => {\n      q.textContent = qs[i].text;\n      document.getElementById('tAuthor').textContent = qs[i].author;\n      q.style.opacity = '1';\n    }, 280);\n    document.querySelectorAll('.t-dot').forEach((d, idx) => d.classList.toggle('active', idx === i));\n  }\n  setInterval(() => setQ((qi + 1) % 3), 5500);\n<\/script>\n<\/body>\n<\/html>\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>SOMS Hukuk &#038; Dan\u0131\u015fmanl\u0131k \u2715 Hakk\u0131m\u0131zda Hizmetler Ekibimiz \u0130leti\u015fim SOMS Hakk\u0131m\u0131zda Hizmetler Ekibimiz \u0130leti\u015fim Dan\u0131\u015fma Al 1995&#8217;ten Beri G\u00fcvenilir Hukuki Dan\u0131\u015fmanl\u0131k Haklar\u0131n\u0131z\u0131Kararl\u0131l\u0131klaSavunuyoruz 30 y\u0131l\u0131 a\u015fk\u0131n deneyimimizle kurumsal, ticari ve uluslararas\u0131 hukuk alanlar\u0131nda m\u00fcvekkillerimize en \u00fcst d\u00fczey hukuki hizmet sunuyoruz. \u00dccretsiz Dan\u0131\u015fma Hizmetlerimiz 0Y\u0131l Deneyim 0Ba\u015far\u0131l\u0131 Dava 0Memnuniyet 30+ Y\u0131l Deneyim Kurumsal Hukuk Ticaret Hukuku \u0130\u015f [&hellip;]<\/p>\n","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-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":8,"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}