{"id":397,"date":"2026-02-23T17:45:02","date_gmt":"2026-02-23T17:45:02","guid":{"rendered":"https:\/\/kennel-northcrystals.fi\/?page_id=397"},"modified":"2026-02-23T17:46:57","modified_gmt":"2026-02-23T17:46:57","slug":"etusivu","status":"publish","type":"page","link":"https:\/\/kennel-northcrystals.fi\/","title":{"rendered":"Etusivu"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"fi\">\n<head>\n  <meta charset=\"UTF-8\">\n  <title>Kennel North Crystal&#8217;s<\/title>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n  <style>\n    :root {\n      --hero-dark: #05070a;\n      --hero-light: rgba(255,255,255,0.85);\n      --glass-bg: rgba(255,255,255,0.08);\n      --glass-border: rgba(255,255,255,0.18);\n      --text-main: #f5f5f5;\n      --accent: #c9d6ff;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    body {\n      font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n      background: #05070a;\n      color: var(--text-main);\n    }\n\n    \/* NAVI *\/\n    .nav {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      z-index: 20;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 12px 40px;\n      background: rgba(5,7,10,0.7);\n      backdrop-filter: blur(12px);\n      border-bottom: 1px solid rgba(255,255,255,0.06);\n    }\n\n    .nav-logo {\n      font-size: 0.9rem;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n      opacity: 0.9;\n    }\n\n    .nav-links a {\n      margin-left: 18px;\n      font-size: 0.85rem;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n      text-decoration: none;\n      color: var(--text-main);\n      opacity: 0.8;\n    }\n\n    .nav-links a:hover {\n      opacity: 1;\n    }\n\n    \/* HERO *\/\n    .hero {\n      position: relative;\n      height: 100vh;\n      width: 100%;\n      overflow: hidden;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: var(--hero-dark);\n    }\n\n    .hero-bg {\n      position: absolute;\n      inset: 0;\n      background-image: url(\"https:\/\/kennel-northcrystals.fi\/wp-content\/uploads\/2026\/02\/sisu.jpeg\"); \/* VAIHDA T\u00c4H\u00c4N SISUN KUVA *\/\n      background-size: cover;\n      background-position: center;\n      filter: brightness(0.45) contrast(1.15);\n      z-index: -3;\n    }\n\n    .hero-overlay {\n      position: absolute;\n      inset: 0;\n      background:\n        radial-gradient(circle at 30% 40%, rgba(0,0,0,0.4), transparent 70%),\n        radial-gradient(circle at 70% 70%, rgba(0,0,0,0.35), transparent 70%),\n        linear-gradient(to bottom, rgba(0,0,0,0.55), rgba(0,0,0,0.9));\n      z-index: -2;\n    }\n\n    .hero-content {\n      text-align: center;\n      padding: 0 20px;\n    }\n\n    .hero-title {\n      font-size: clamp(1.8rem, 3vw, 3.1rem);\n      letter-spacing: 0.28em;\n      font-weight: 300;\n      text-transform: uppercase;\n      margin-bottom: 12px;\n    }\n\n    .hero-tagline {\n      font-size: 0.95rem;\n      letter-spacing: 0.16em;\n      text-transform: uppercase;\n      opacity: 0.85;\n      margin-bottom: 40px;\n    }\n\n    .hero-button {\n      display: inline-block;\n      padding: 12px 32px;\n      font-size: 0.85rem;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n      color: var(--text-main);\n      background: var(--glass-bg);\n      border: 1px solid var(--glass-border);\n      border-radius: 40px;\n      backdrop-filter: blur(8px);\n      text-decoration: none;\n      transition: all 0.3s ease;\n    }\n\n    .hero-button:hover {\n      background: rgba(255,255,255,0.16);\n      box-shadow: 0 0 18px rgba(255,255,255,0.25);\n      transform: translateY(-2px);\n    }\n\n    \/* P\u00c4\u00c4SIS\u00c4LT\u00d6 *\/\n    #main-content {\n      padding: 120px 20px 80px;\n      max-width: 1000px;\n      margin: 0 auto;\n    }\n\n    #main-content h1 {\n      font-size: 1.6rem;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n      margin-bottom: 20px;\n    }\n\n    #main-content p {\n      line-height: 1.7;\n      opacity: 0.9;\n      margin-bottom: 16px;\n    }\n\n    @media (max-width: 768px) {\n      .nav {\n        padding: 10px 16px;\n      }\n      .nav-links {\n        display: none;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <header class=\"nav\">\n    <div class=\"nav-logo\">KENNEL NORTH CRYSTAL&#8217;S<\/div>\n    <nav class=\"nav-links\">\n      <a href=\"#\">Etusivu<\/a>\n      <a href=\"#koirat\">Koirat<\/a>\n      <a href=\"#pennut\">Pennut<\/a>\n      <a href=\"#sieluni-koira\">Sieluni koira<\/a>\n      <a href=\"#tapahtumat\">Tapahtumakalenteri<\/a>\n      <a href=\"#yhteys\">Yhteydenotto<\/a>\n    <\/nav>\n  <\/header>\n\n  <section class=\"hero\">\n    <div class=\"hero-bg\"><\/div>\n    <div class=\"hero-overlay\"><\/div>\n    <div class=\"hero-content\">\n      <div class=\"hero-title\">KENNEL NORTH CRYSTAL&#8217;S<\/div>\n      <div class=\"hero-tagline\">Belgians \u2013 Groenendael &#038; Tervueren<\/div>\n      <a href=\"#main-content\" class=\"hero-button\">Enter the Legacy<\/a>\n    <\/div>\n  <\/section>\n\n  <main id=\"main-content\">\n    <h1>Etusivu<\/h1>\n    <p>T\u00e4h\u00e4n kohtaan alkaa varsinainen sivusi sis\u00e4lt\u00f6 \u2013 esittely, kennelist\u00e4, koirista, tunnelmasta.<\/p>\n    <p>My\u00f6hemmin t\u00e4h\u00e4n voidaan rakentaa osiot Koirat, Pennut, Sieluni koira, Tapahtumat ja Yhteydenotto.<\/p>\n  <\/main>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kennel North Crystal&#8217;s KENNEL NORTH CRYSTAL&#8217;S Etusivu Koirat Pennut Sieluni koira Tapahtumakalenteri Yhteydenotto KENNEL NORTH CRYSTAL&#8217;S Belgians \u2013 Groenendael &#038; [&hellip;]<\/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":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","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-397","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kennel-northcrystals.fi\/index.php\/wp-json\/wp\/v2\/pages\/397","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kennel-northcrystals.fi\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kennel-northcrystals.fi\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kennel-northcrystals.fi\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/kennel-northcrystals.fi\/index.php\/wp-json\/wp\/v2\/comments?post=397"}],"version-history":[{"count":5,"href":"https:\/\/kennel-northcrystals.fi\/index.php\/wp-json\/wp\/v2\/pages\/397\/revisions"}],"predecessor-version":[{"id":402,"href":"https:\/\/kennel-northcrystals.fi\/index.php\/wp-json\/wp\/v2\/pages\/397\/revisions\/402"}],"wp:attachment":[{"href":"https:\/\/kennel-northcrystals.fi\/index.php\/wp-json\/wp\/v2\/media?parent=397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}