<!DOCTYPE html>
<html lang="et">
<head>
  <meta charset="UTF-8">

  <meta name="viewport" content="initial-scale=1.0,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0,width=device-width" />
  
  

  
  
  <meta name="copyright" content="Kärdla Lasteaed" />
<meta name="author" content="Hiiu Tarkvara" />

<title>Kärdla lasteaed</title>

<link rel="stylesheet" type="text/css" media="all" href="/assets/css/style.css" />

<link rel="stylesheet" type="text/css" media="all" href="/assets/css/nivo-slider.css" />
<link rel="stylesheet" type="text/css" media="all" href="/assets/colorbox/colorbox-light.css" />

<script src="/assets/js/jquery-2.2.0.min.js"></script>

<script src="/assets/js/cufon-yui.js"></script>
<script src="/assets/js/Museo.font.js"></script>
<script src="/assets/js/Museo_Sans.font.js"></script>
<script src="/assets/js/supersized.core.3.2.1.min.js"></script>
<script src="/assets/js/superfish-compile.js"></script>
<script src="/assets/colorbox/jquery.colorbox.js"></script>
<script src="/assets/js/jquery.nivo.slider.pack.js"></script>
<script src="/assets/js/p2.js"></script>
<script type="text/javascript">
  jQuery(function($){
    $.supersized({
      //Background image
      slides	:  [ { image : '/assets/images/bg1.jpg' } ]
    });
  });
  jQuery(document).ready(function() {
    $(".menu-trigger").on("click", function(event) {
      event.preventDefault();
      if ($("#header").hasClass("menuOpened")) {
        $("#header").removeClass("menuOpened");
        $('#menu').slideToggle('fast');
      }
      else {
        $("#header").addClass("menuOpened");
        $('#menu').slideToggle('fast');
      }
    });
  });

</script>

  

  
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700">
  <link rel="stylesheet" href="/static/splash-screen.css">
  <script type="module" crossorigin src="/static/js/p_vendor.js"></script>
  <script type="module" crossorigin src="/static/js/p_main.js"></script>
  <link rel="stylesheet" href="/static/css/main.css">
</head>

<body>
  <div id="app">
    <div id="content-wrapper">
  <!-- Container begin -->
  <div id="container">
    <!-- Header begin-->
    <div id="header" class="clearfix">
      <div id="logo">
        <a href="/"><img src="/assets/images/logo.png" alt="logo" title="Kärdla Lasteaed" /></a>
      </div>
      <span class='menu-trigger mobile'>
        <span></span>
        <span></span>
        <span></span>
      </span>
      <ul class="sf-menu">
  <li>
    <a href="/">
      <span>Esileht</span>
    </a>
    
  

  </li>
  <li>
    <a href="/teated">
      <span>Teated</span>
    </a>
    
  

  </li>
  <li>
    <a href="/tegevus-ja-paevakavad">
      <span>Tegevus- ja päevakavad</span>
    </a>
    
  <ul >
    <li>
      <a href="/tegevus-ja-paevakavad/tegevuskava">
        <span>Tegevuskava 2025/2026</span>
      </a>
      
  

    </li>
    <li>
      <a href="/tegevus-ja-paevakavad/soimeruhm-kuni-3a-lapsed">
        <span>Sõimerühm (kuni 3a lapsed)</span>
      </a>
      
  

    </li>
    <li>
      <a href="/tegevus-ja-paevakavad/aiaruhm-3-4-aastased">
        <span>Aiarühm (3-4 aastased)</span>
      </a>
      
  

    </li>
    <li>
      <a href="/tegevus-ja-paevakavad/aiaruhm-4-5-aastased">
        <span>Aiarühm (4-5 aastased)</span>
      </a>
      
  

    </li>
    <li>
      <a href="/tegevus-ja-paevakavad/aiaruhm-5-6-aastased">
        <span>Aiarühm (5-6 aastased)</span>
      </a>
      
  

    </li>
    <li>
      <a href="/tegevus-ja-paevakavad/aiaruhm-6-7-aastased">
        <span>Aiarühm (6-7 aastased)</span>
      </a>
      
  

    </li>
    <li>
      <a href="/tegevus-ja-paevakavad/aiaruhm-4-6-aastased">
        <span>Aiarühm (4-6 aastased)</span>
      </a>
      
  

    </li>
  </ul>

  </li>
  <li>
    <a href="/menuu">
      <span>Menüü</span>
    </a>
    
  

  </li>
  <li>
    <a href="/ruhmad">
      <span>Rühmad</span>
    </a>
    
  <ul >
    <li>
      <a href="/ruhmad/ruhm-mommid">
        <span>I rühm - MÕMMID - hoiurühm</span>
      </a>
      
  

    </li>
    <li>
      <a href="/ruhmad/ruhm-lepatriinud">
        <span>II rühm - LEPATRIINUD - hoiurühm</span>
      </a>
      
  

    </li>
    <li>
      <a href="/ruhmad/ruhm-kiisud">
        <span>III rühm - KIISUD</span>
      </a>
      
  

    </li>
    <li>
      <a href="/ruhmad/ruhm-jankud">
        <span>IV rühm - JÄNKUD</span>
      </a>
      
  

    </li>
    <li>
      <a href="/ruhmad/ruhm-siilid">
        <span>V rühm - SIILID</span>
      </a>
      
  

    </li>
    <li>
      <a href="/ruhmad/ruhm-oravad">
        <span>VI rühm - ORAVAD</span>
      </a>
      
  

    </li>
    <li>
      <a href="/ruhmad/ruhm-paasukesed">
        <span>VII rühm - PÄÄSUKESED - kooliksettevalmistav</span>
      </a>
      
  

    </li>
  </ul>

  </li>
  <li>
    <a href="/pildid">
      <span>Pildid</span>
    </a>
    
  

  </li>
  <li>
    <a href="/dokumendid">
      <span>Dokumendid</span>
    </a>
    
  

  </li>
  <li>
    <a href="/hoolekogu">
      <span>Hoolekogu</span>
    </a>
    
  <ul >
    <li>
      <a href="/hoolekogu/liikmed">
        <span>Liikmed</span>
      </a>
      
  

    </li>
    <li>
      <a href="/hoolekogu/dokumendid">
        <span>Dokumendid</span>
      </a>
      
  

    </li>
  </ul>

  </li>
  <li>
    <a href="/projektid">
      <span>Projektid</span>
    </a>
    
  

  </li>
  <li>
    <a href="/kontakt">
      <span>Kontakt</span>
    </a>
    
  

  </li>
</ul>
    </div>
    
    <div id="main" class="clearfix">
      
      
    </div>
    <div id="footer" class="round_8 clearfix">
      <div class="col_201">
        <h4 class="replace">Kärdla Lasteaed</h4>
        
      </div>
      <div class="col_201">
        <h4 class="replace"></h4>
        
      </div>
      <div class="col_201">
      </div>
      <div class="col_240">
      </div>
      <div id="footer-bottom">
        <div id="toTop" class="left">Tagasi üles</div>
        <div id="footer-note" class="right">
          <small>
            2026 Kärdla Lasteaed. Kodulehe valmistanud: <a href="http://www.hiiutarkvara.ee/" style="color:#666;">Hiiu Tarkvara</a> | <a href="/login" style="color:#666;">Logi sisse</a>
          </small>
        </div>
      </div>
    </div>
  </div>
</div>

    
  </div>

  <div id="splash-screen" class="splash-screen"></div>
  
</body>

</html>