https://vikk.ee/et

Submitted URL:
https://vikk.ee/Redirected
Report Finished:

The outgoing links identified from the page

JavaScript Variables · 28 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

Console log messages · 0 found

Messages logged to the web console

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="et" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/  dc: http://purl.org/dc/terms/  foaf: http://xmlns.com/foaf/0.1/  og: http://ogp.me/ns#  rdfs: http://www.w3.org/2000/01/rdf-schema#  schema: http://schema.org/  sioc: http://rdfs.org/sioc/ns#  sioct: http://rdfs.org/sioc/types#  skos: http://www.w3.org/2004/02/skos/core#  xsd: http://www.w3.org/2001/XMLSchema# " class="js js-focus-visible" data-js-focus-visible="" data-once="webform-dialog"><head>
    <meta charset="utf-8">
<script type="text/javascript" defer="" async="" src="https://loendaja.eenet.ee/matomo.js"></script><script>var _paq = _paq || [];(function(){var u=(("https:" == document.location.protocol) ? "https://loendaja.eenet.ee/" : "https://loendaja.eenet.ee/");_paq.push(["setSiteId", "23"]);_paq.push(["setTrackerUrl", u+"matomo.php"]);_paq.push(["setDoNotTrack", 1]);if (!window.matomo_search_results_active) {_paq.push(["trackPageView"]);}_paq.push(["setIgnoreClasses", ["no-tracking","colorbox"]]);_paq.push(["enableLinkTracking"]);var d=document,g=d.createElement("script"),s=d.getElementsByTagName("script")[0];g.type="text/javascript";g.defer=true;g.async=true;g.src=u+"matomo.js";s.parentNode.insertBefore(g,s);})();</script>
<link rel="shortlink" href="https://vikk.ee/et">
<link rel="canonical" href="https://vikk.ee/et">
<meta property="og:url" content="https://vikk.ee/et/node/1">
<meta property="og:title" content="Viljandi Kutseõppekeskus">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Viljandi Kutseõppekeskus">
<meta name="twitter:url" content="https://vikk.ee/et/node/1">
<meta name="Generator" content="Drupal 10 (https://www.drupal.org)">
<meta name="MobileOptimized" content="width">
<meta name="HandheldFriendly" content="true">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {background: #FFFFFF} div#sliding-popup.eu-cookie-withdraw-wrapper { background: transparent; } #sliding-popup h1, #sliding-popup h2, #sliding-popup h3, #sliding-popup p, #sliding-popup label, #sliding-popup div, .eu-cookie-compliance-more-button, .eu-cookie-compliance-secondary-button, .eu-cookie-withdraw-tab { color: #11001C;} .eu-cookie-withdraw-tab { border-color: #11001C;}#sliding-popup.sliding-popup-top { position: fixed; }</style>
<link rel="icon" href="https://vikk.ee/sites/vikk.ee/files/vikklogo2_0.png" type="image/vnd.microsoft.icon">
<link rel="alternate" hreflang="et" href="https://vikk.ee/et">

      </head><body class="path-frontpage node--type-front-page eu-cookie-compliance-popup-open eu-cookie-compliance-status-null" data-eu-cookie-compliance-once="true"><div id="sliding-popup" role="alertdialog" aria-describedby="popup-text" class="sliding-popup-top clearfix" style="height: auto; width: 100%; top: 0px;"><div aria-labelledby="popup-text" class="eu-cookie-compliance-banner eu-cookie-compliance-banner-info eu-cookie-compliance-banner--opt-in" aria-hidden="false">
  <div class="popup-content info eu-cookie-compliance-content">
        <div id="popup-text" class="eu-cookie-compliance-message" role="document">
      <p>See veebisait kasutab küpsiseid, et saaksime teile pakkuda parimat külastajakogemust. Kas annate nõusoleku küpsiste kasutamiseks?&nbsp;</p>
          </div>

    
    <div id="popup-buttons" class="eu-cookie-compliance-buttons">
            <button type="button" class="agree-button eu-cookie-compliance-secondary-button" tabindex="0">Nõustun</button>
              <button type="button" class="decline-button eu-cookie-compliance-default-button" tabindex="0">Ei nõustu</button>
          </div>
  </div>
</div></div><div style="display: none !important;">Git tag 0.0.20</div>
    <title>Viljandi Kutseõppekeskus</title>
    <link rel="stylesheet" media="all" href="/sites/vikk.ee/files/css/css_uvmvsRAPILMLv51yCvVq9qtZciZpLLl28Qt0ffhtSMc.css?delta=0&amp;language=et&amp;theme=harno_theme&amp;include=eJx1jEEOwyAMBD9E6ychh2wIqsERmFb8vlGSS6T2NOvZlTObZqV8wLXRDJkmbnAr16LeVmTQmUNv--pWRNGJ5dFsSCrRfTAtWjNdfM6JRaND90H1lbAjb5K4BNAv6Wcs3MWc8NBufk4t6Bt1kBYEFbdULebPls5j44jLuAauYfW8Jc_d9HgMA_3xX6wCZO0">
<link rel="stylesheet" media="all" href="/sites/vikk.ee/files/css/css_DDjULEfPhU2kioVbLW9VmRVwUQGT0Mv-0eSoZylPS8U.css?delta=1&amp;language=et&amp;theme=harno_theme&amp;include=eJx1jEEOwyAMBD9E6ychh2wIqsERmFb8vlGSS6T2NOvZlTObZqV8wLXRDJkmbnAr16LeVmTQmUNv--pWRNGJ5dFsSCrRfTAtWjNdfM6JRaND90H1lbAjb5K4BNAv6Wcs3MWc8NBufk4t6Bt1kBYEFbdULebPls5j44jLuAauYfW8Jc_d9HgMA_3xX6wCZO0">

    
          <link rel="shortcut icon" href="https://vikk.ee/sites/vikk.ee/files/vikklogo2_0.png" type="image/vnd.microsoft.icon">
        <style>
      :root {
                    --main-highlight:#004476;
                    --lighten-highlight:#e6edf2;
                    --secondary-highlight:#393a4d;
                  }
    </style>
      <script>
        var ariaLabels = {
          share: 'share picture',
          print: 'print picture',
          download: 'download picture',
          close: 'close modal',
          pause: 'Peata bännerite liikumine',
          start: 'Käivita bännerite liikumine',
        }
      </script>
  
  
    <div class="accessibility" aria-expanded="false" aria-labelledby="accessibility-id">
      <span id="accessibility-id" class="sr-only">Juurdepääsetavuse modaalaken</span>
      <div class="container">
        <button class="btn btn-close-accessibility">
          <span class="sr-only">Sulge juurdepääsetavuse modaalaken</span>
          <i class="mdi mdi-close" aria-hidden="true"></i>
        </button><!--/btn btn-close-accessibility-->
        <div class="row">
          <div class="col-12 md-12 sm-12">
            <div class="accessibility__inner">
              <div class="row">
                <div class="col-4 md-12 sm-12">
                  <h3>Teksti suurus</h3>
                  <p>Teksti suuruse valimisel muutub see automaatselt</p>
                  <div class="form-group">
                    <div class="radio-list" role="group" aria-labelledby="accessibility-font">
                      <span id="accessibility-font" class="sr-only">Muuda fondi suurust</span>
                      <div class="custom-control custom-form-radio custom-form-inline">
                        <input type="radio" name="fontSize" id="input1696" class="custom-form-input" value="1x" checked="">
                        <label for="input1696" class="custom-form-label size-normal">Vaikeväärtus</label>
                      </div><!--/custom-control custom-form-radio custom-form-inline-->
                      <div class="custom-control custom-form-radio custom-form-inline">
                        <input type="radio" name="fontSize" id="input1797" class="custom-form-input" value="2x">
                        <label for="input1797" class="custom-form-label size-2x">Suur</label>
                      </div><!--/custom-control custom-form-radio custom-form-inline-->
                      <div class="custom-control custom-form-radio custom-form-inline">
                        <input type="radio" name="fontSize" id="input1898" class="custom-form-input" value="4x">
                        <label for="input1898" class="custom-form-label size-4x">Väga suur</label>
                      </div><!--/custom-control custom-form-radio custom-form-inline-->
                    </div><!--/radio-list-->
                  </div><!--/form-group-->
                </div><!--/col-4 md-12 sm-12-->
                <div class="col-4 md-12 sm-12">
                  <h3>Reavahe</h3>
                  <p>Reavahe valimisel muutub see automaatselt</p>
                  <div class="form-group">
                    <div class="checkbox-list" role="group" aria-labelledby="accessibility-line-height">
                      <span id="accessibility-line-height" class="sr-only">Muuda joone kõrgust</span>
                      <div class="custom-control custom-checkbox custom-form-inline">
                        <input type="checkbox" name="paragraphSpacing" id="input1664" class="custom-form-input" value="high">
                        <label for="input1664" class="custom-form-label">Suurenda lõiguvahet</label>
                      </div><!--/custom-control custom-form-radio custom-form-inline-->
                      <div class="custom-control custom-checkbox custom-form-inline word-spacing">
                        <input type="checkbox" name="wordSpacing" id="input1774" class="custom-form-input" value="high">
                        <label for="input1774" class="custom-form-label">Suurenda sõnavahet</label>
                      </div><!--/custom-control custom-form-radio custom-form-inline-->
                      <div class="custom-control custom-checkbox custom-form-inline letter-spacing">
                        <input type="checkbox" name="letterSpacing" id="input1884" class="custom-form-input" value="high">
                        <label for="input1884" class="custom-form-label">Suurenda tähevahet</label>
                      </div><!--/custom-control custom-checkbox custom-form-inline-->
                    </div><!--/checkbox-list-->
                  </div><!--/form-group-->
                </div><!--/col-4 md-12 sm-12-->
                <div class="col-4 md-12 sm-12">
                  <h3>Kontrastsus</h3>
                  <p>Kontrastsuse valimisel muutub see automaatselt</p>
                  <div class="form-group">
                    <div class="radio-list" role="group" aria-labelledby="accessibility-line-height">
                      <span id="accessibility-line-height" class="sr-only">Muuda lehekülje kontrasti värvi</span>
                      <div class="custom-control custom-form-radio custom-form-inline">
                        <input type="radio" name="pageContrast" id="input11664" class="custom-form-input" value="normal" checked="">
                        <label for="input11664" class="custom-form-label">Vaikeväärtus</label>
                      </div><!--/custom-control custom-form-radio custom-form-inline-->
                      <div class="custom-control custom-form-radio custom-form-inline">
                        <input type="radio" name="pageContrast" id="input11774" class="custom-form-input" value="high">
                        <label for="input11774" class="custom-form-label">Must-kollane</label>
                      </div><!--/custom-control custom-form-radio custom-form-inline-->
                    </div><!--/radio-list-->
                  </div><!--/form-group-->
                                  </div><!--/col-4 md-12 sm-12-->
              </div><!--/row-->
            </div><!--/accessibility__inner-->
          </div><!--/col-12 md-12 sm-12-->
        </div><!--/row-->
      </div><!--/container-->
    </div><!--/accessibility-->
    
      <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas="">
      <div id="page-wrapper" class="main-wrapper">
  <a href="#main-content" class="skip-link">
    Liigu edasi põhisisu juurde
  </a>
	<header id="header" class="main-header" role="banner" aria-label="Saidi päis">
		<div class="container">
      <div class="header-wrapper">
        <div class="header-left">
          <a href="/et" class="header-logo-content">
                      <div class="header-logo" style="background-image: url(https://vikk.ee/sites/vikk.ee/files/logo/vikk-logo_08.03.24-1.png);">
              <img src="/themes/custom/harno_theme/static/assets/images/placeholder-2.gif" alt="Viljandi Kutseõppekeskus">
            </div>
            <div class="header-logo-text xl-hide">
              <span>Viljandi Kutseõppekeskus</span>
            </div>
                    </a><!--/header-logo-content-->
        </div><!--/header-left-->
        <div class="header-right">
          <div class="header-right__top">
            <div class="header-school-name">
                              <span class="school-name">Viljandi Kutseõppekeskus</span>
                                            <span class="school-slogan"><em>Tuleviku nimel</em></span>
                          </div><!--/header-school-name-->
            <button class="btn btn-header-accessibility">Juurdepääsetavus</button>
                          <div class="language-picker">
                <button class="language-picker__button" aria-expanded="false" aria-haspopup="true">
                  EST
                  <i class="mdi mdi-menu-down" aria-hidden="true"></i>
                </button><!--/language-picker__button-->
                                <div class="col-3 md-6 sm-12">
                        <div class="language-picker__dropdown" aria-describedby="language-picker-desc">
    <span class="sr-only" id="language-picker-desc">Select your language</span>
    <ul class="links language-picker__list"><li hreflang="et" data-drupal-link-system-path="<front>" class="language-picker__item is-active"><a href="/et" class="language-link is-active" aria-current="true" hreflang="et" data-drupal-link-system-path="<front>">EST</a></li><li hreflang="en" data-drupal-link-system-path="<front>" class="language-picker__item"><a href="/en" class="language-link" hreflang="en" data-drupal-link-system-path="<front>">ENG</a></li></ul>
  </div><!--/language-picker__dropdown-->
                  </div>
    
    
    <!--/col-3 sm-12-->


              </div><!--/language-picker-->
                                      <div class="form-item search-input desktop-search">
            <form action="/et" method="post" id="harno-blocks-search-api-form" accept-charset="UTF-8">
  <div class="form-item search-input">  
  <label for="edit-search-keys" class="form-label">
  </label>
    <input placeholder="Otsing..." data-drupal-selector="edit-search-keys" data-search-api-autocomplete-search="general_search" class="form-autocomplete form-text search ui-autocomplete-input" data-autocomplete-path="/et/search_api_autocomplete/general_search?display=general_search&amp;filter=keys&amp;" type="text" id="edit-search-keys" name="search_keys" value="" size="10" maxlength="128" aria-label="Otsingukast    Sisesta märksõnad, mida soovid otsida." data-once="autocomplete search-api-autocomplete" autocomplete="off">

  
                <button class="btn-link btn-search button js-form-submit form-submit btn search-submit-btn" title="Search..." data-drupal-selector="edit-submit-search" type="submit" id="edit-submit-search" name="op" value="Search..." aria-label="Search..."></button>
        

</div>
  <input tabindex="-1" autocomplete="off" data-drupal-selector="form-giatmtocdopsvju4v8wzc9yjz3v8lokpov2ezbyd5dk" type="hidden" name="form_build_id" value="form-GIaTMtOcDOPsVJU4v8WzC9Yjz3V8loKpov2ezByD5dk">

  <input tabindex="-1" data-drupal-selector="edit-harno-blocks-search-api-form" type="hidden" name="form_id" value="harno_blocks_search_api_form">

</form>

      </div><!--/form-item search-input-->


                        <div class="mobile-banner">
              <div class="mobile-links">
                <button class="btn btn-mobile-search" aria-expanded="false">
                  <span class="sr-only">Otsing</span>
                  <i class="mdi mdi-magnify" aria-hidden="true"></i>
                </button><!--/btn btn-mobile-search-->
                <button class="menu-link" aria-label="Vaheta menüüd" aria-expanded="false">
                  <span class="sr-only">Menüü avamine/sulgemine</span>
                  <i class="mdi mdi-menu" aria-hidden="true"></i>
                </button><!--/menu-link-->
              </div><!--/mobile-links-->
              <div class="mobile-search-overlay" style="height: 64px;">
                <div class="form-item search-input">
            <form action="/et" method="post" id="harno-blocks-search-api-form--2" accept-charset="UTF-8">
  <div class="form-item search-input">  
  <label for="edit-search-keys--2" class="form-label">
  </label>
    <input placeholder="Otsing..." data-drupal-selector="edit-search-keys" data-search-api-autocomplete-search="general_search" class="form-autocomplete form-text search ui-autocomplete-input" data-autocomplete-path="/et/search_api_autocomplete/general_search?display=general_search&amp;filter=keys&amp;" type="text" id="edit-search-keys--2" name="search_keys" value="" size="10" maxlength="128" aria-label="Otsingukast    Sisesta märksõnad, mida soovid otsida." data-once="autocomplete search-api-autocomplete" autocomplete="off">

  
                <button class="btn-link btn-search button js-form-submit form-submit btn search-submit-btn" title="Search..." data-drupal-selector="edit-submit-search" type="submit" id="edit-submit-search--2" name="op" value="Search..." aria-label="Search..."></button>
        

</div>
  <input tabindex="-1" autocomplete="off" data-drupal-selector="form-xlvmsoh8e-r9yoafatdrcxidzalwmjv-fidxo6mrruw" type="hidden" name="form_build_id" value="form-XLVMsOH8E-r9yoAfATDRCxidzalWmJv-FIDXo6mRRUw">

  <input tabindex="-1" data-drupal-selector="edit-harno-blocks-search-api-form-2" type="hidden" name="form_id" value="harno_blocks_search_api_form">

</form>

      </div><!--/form-item search-input-->


                <button class="btn close-btn-search" aria-label="Sulge menüü">
                  <i class="mdi mdi-close"></i>
                </button><!--/close-btn-->
              </div><!--/mobile-search-overlay-->
              <div class="mobile-menu" style="top: 64px;">
                <nav aria-label="main-navigation">
                  <ul class="main-menu mobile">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
                                  
    <li>
                                                                                              <a href="/et" aria-current="page" class="active">
    Avaleht
                </a>

          </li>
                                        
                                  
    <li>
                                  
                                                                                                                                                                                                          <a href="#" aria-expanded="false">
    Tule õpi!
                <span class="mdi mdi-chevron-down" aria-hidden="true"></span></a>

              <div class="main-menu-dropdown">
                                          
                        
                <ul class="dropdown-link-block">
                              <li class="sm-show">
                  <a href="#" class="back-to-menu" aria-label="Tagasi peamenüüsse">
                    <i class="mdi mdi-menu-down"></i>
                    Tule õpi!
                  </a>
                </li>
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/tule-opi/vastuvotu-uldinfo">Vastuvõtt
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/tule-opi/erialad">Erialad
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/tule-opi/statsionaarne-ope">Statsionaarne õpe
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/tule-opi/mittestatsionaarne-ope">Mittestatsionaarne õpe
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
                <ul class="dropdown-link-block">
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/tule-opi/tookohapohine-ope">Töökohapõhine õpe
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/tule-opi/toevajadusega-oppija-voimalused">HEV
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/tule-opi/avatud-uksed">Avatud uste päev
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/tule-opi/eelkutseope">Eelkutseõpe
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
                <ul class="dropdown-link-block">
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/tule-opi/kutsevaliku-ope">Kutsevaliku õpe
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/tule-opi/kkk">KKK
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
        </div><!--/main-menu-dropdown-->
          </li>
                                        
                                  
    <li>
                                  
                                                                                                                                                                                              <a href="#" aria-expanded="false">
    Õppetöö
                <span class="mdi mdi-chevron-down" aria-hidden="true"></span></a>

              <div class="main-menu-dropdown">
                                          
                        
                <ul class="dropdown-link-block">
                              <li class="sm-show">
                  <a href="#" class="back-to-menu" aria-label="Tagasi peamenüüsse">
                    <i class="mdi mdi-menu-down"></i>
                    Õppetöö
                  </a>
                </li>
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/oppetoo/akadeemiline-kalender">Akadeemiline kalender 2024/25
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/oppetoo/konsultatsioonid">Konsultatsioonid
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/oppetoo/oppetoograafik">Õppetöögraafik
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/oppetoo/oppija-meelespea">Õppija meelespea
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
                <ul class="dropdown-link-block">
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/oppetoo/tunniplaan">Tunniplaan
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/oppetoo/opilasfirma">Õpilasfirma
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/oppetoo/oppimise-e-toendid-haridusportaalis">Õppimise e-tõendid haridusportaalis
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/oppetoo/vota-varasemate-opingute-ja-tookogemuse-arvestamine">VÕTA
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
                <ul class="dropdown-link-block">
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/oppetoo/praktika">Praktika
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
        </div><!--/main-menu-dropdown-->
          </li>
                                        
                                  
    <li>
                                  
                                                                                                                                                                                                          <a href="#" aria-expanded="false">
    Koolielu
                <span class="mdi mdi-chevron-down" aria-hidden="true"></span></a>

              <div class="main-menu-dropdown">
                                          
                        
                <ul class="dropdown-link-block">
                              <li class="sm-show">
                  <a href="#" class="back-to-menu" aria-label="Tagasi peamenüüsse">
                    <i class="mdi mdi-menu-down"></i>
                    Koolielu
                  </a>
                </li>
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/koolielu/kodukord/uldnouded">Kodukord
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/koolielu/sessioonoppe-oppetoo-korraldus">Sessioonõppe õppetöö korraldus
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/koolielu/majutus">Majutus
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/koolielu/toitlustamine">Toitlustamine
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
                <ul class="dropdown-link-block">
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/koolielu/lopetamine">Lõpetamine
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/koolielu/raamatukogu-teabetuba">Raamatukogu
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/koolielu/huvitegevused">Huvitegevused
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/koolielu/sportimisvoimalused">Sportimisvõimalused
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
                <ul class="dropdown-link-block">
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/koolielu/tugiteenused">Nõustamine
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/koolielu/toetused">Toetused
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
        </div><!--/main-menu-dropdown-->
          </li>
                                        
                                  
    <li>
                                  
                                                                                                                                                                                                                                              <a href="#" aria-expanded="false">
    Meie koolist
                <span class="mdi mdi-chevron-down" aria-hidden="true"></span></a>

              <div class="main-menu-dropdown">
                                          
                        
                <ul class="dropdown-link-block">
                              <li class="sm-show">
                  <a href="#" class="back-to-menu" aria-label="Tagasi peamenüüsse">
                    <i class="mdi mdi-menu-down"></i>
                    Meie koolist
                  </a>
                </li>
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/meie-koolist/kooli-ajalugu">Kooli ajalugu
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/meie-koolist/kooli-valjaanded">Kooli väljaanded
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/meie-koolist/missioon-visioon-ja-vaartused">Põhiväärtused
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/meie-koolist/tunnustused">Tunnustused
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/meie-koolist/opilasesindus">Õpilasesindus
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
                <ul class="dropdown-link-block">
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/meie-koolist/kooli-noukogu">Kooli nõukogu
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/meie-koolist/nounike-kogu">Nõunike kogu
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/meie-koolist/toopakkumised">Tööpakkumised
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/meie-koolist/hanked">Hanked
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/meie-koolist/koostoo-ja-projektid">Koostöö ja projektid
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
                <ul class="dropdown-link-block">
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/meie-koolist/meie-meedias">Meie meedias
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/meie-koolist/vilistlastele">Vilistlastele
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/meie-koolist/vaartused-ja-pohimotted">Väärtused ja põhimõtted
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
        </div><!--/main-menu-dropdown-->
          </li>
                                        
                                  
    <li>
                                  
                                                                                                          <a href="#" aria-expanded="false">
    Olulised dokumendid
                <span class="mdi mdi-chevron-down" aria-hidden="true"></span></a>

              <div class="main-menu-dropdown">
                                          
                        
                <ul class="dropdown-link-block">
                              <li class="sm-show">
                  <a href="#" class="back-to-menu" aria-label="Tagasi peamenüüsse">
                    <i class="mdi mdi-menu-down"></i>
                    Olulised dokumendid
                  </a>
                </li>
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/olulised-dokumendid/arengukava-2022-2025">Arengukava
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/olulised-dokumendid/eeskirjad-ja-korrad">Eeskirjad ja korrad
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
        </div><!--/main-menu-dropdown-->
          </li>
                                        
                                  
    <li>
                                  
                                                                                                          <a href="#" aria-expanded="false">
    Koolitused
                <span class="mdi mdi-chevron-down" aria-hidden="true"></span></a>

              <div class="main-menu-dropdown">
                                          
                        
                <ul class="dropdown-link-block">
                              <li class="sm-show">
                  <a href="#" class="back-to-menu" aria-label="Tagasi peamenüüsse">
                    <i class="mdi mdi-menu-down"></i>
                    Koolitused
                  </a>
                </li>
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/koolitused/taiendusope">Täiendusõpe
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                    <li>
                                          <a class=" mainOverride" target="_blank" href="https://autokool.vikk.ee/">VIKK autokool
                                  <i class="mdi mdi-open-in-new"></i>
                  <span class="sr-only">Link avaneb uuel leheküljel</span>
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
        </div><!--/main-menu-dropdown-->
          </li>
                                  
                                  
    <li>
                                  
                                                                      <a href="/et/tooandjale">
    Tööandjale
                </a>

          </li>
                                        
                                  
    <li>
                                  
                                                                                              <a href="#" aria-expanded="false">
    Kontakt
                <span class="mdi mdi-chevron-down" aria-hidden="true"></span></a>

              <div class="main-menu-dropdown">
                                          
                        
                <ul class="dropdown-link-block">
                              <li class="sm-show">
                  <a href="#" class="back-to-menu" aria-label="Tagasi peamenüüsse">
                    <i class="mdi mdi-menu-down"></i>
                    Kontakt
                  </a>
                </li>
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/kontaktid">Kontaktid
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
        </div><!--/main-menu-dropdown-->
          </li>
    
                    <li class="bg-blue">
  <a href="#" aria-expanded="false">Keel:
    <strong>EST</strong>
  <span class="mdi mdi-chevron-down" aria-hidden="true"></span></a>
  <div class="main-menu-dropdown">
    <div class="focus-trap-first" tabindex="-1"></div>
    <ul class="dropdown-link-block">
      <li>
        <a href="#" class="back-to-menu" aria-label="Tagasi peamenüüsse">
          <i class="mdi mdi-menu-down" aria-hidden="true"></i>
          Keel
        </a>
      </li>
                        <li><a href="/et" class="language-link is-active" aria-current="true" hreflang="et" data-drupal-link-system-path="<front>">EST</a></li><li><a href="/en" class="language-link" hreflang="en" data-drupal-link-system-path="<front>">ENG</a></li>
                  </ul><!--/dropdown-link-block-->
    <div class="focus-trap-last" tabindex="-1"></div>
  </div><!--/main-menu-dropdown-->
</li>


                    <li class="bg-blue">
  <a href="#" aria-expanded="false">Juurdepääsetavus<span class="mdi mdi-chevron-down" aria-hidden="true"></span></a>
  <div class="main-menu-dropdown">
    <div class="focus-trap-first" tabindex="-1"></div>
    <ul class="dropdown-link-block">
      <li>
        <a href="#" class="back-to-menu" aria-label="Tagasi peamenüüsse">
          <i class="mdi mdi-menu-down" aria-hidden="true"></i>
          Juurdepääsetavus
        </a>
      </li>
      <li>
        <div class="accessibility accessibility--mobile">
          <div class="accessibility__inner">
            <div class="row">
              <div class="col-4 md-12 sm-12">
                <h3>Teksti suurus</h3>
                <p>Teksti suuruse valimisel muutub see automaatselt</p>
                <div class="form-group">
                  <div class="radio-list change-font" role="group" aria-labelledby="accessibility-font">
                    <span id="accessibility-font" class="sr-only">Muuda fondi suurust</span>
                    <div class="custom-control custom-form-radio custom-form-inline" tabindex="0">
                      <input type="radio" name="fontSize-mobile" id="input16691" class="custom-form-input" value="1x" checked="">
                      <label for="input16691" class="custom-form-label size-normal">Vaikeväärtus</label>
                    </div><!--/custom-control custom-form-radio custom-form-inline-->
                    <div class="custom-control custom-form-radio custom-form-inline" tabindex="0">
                      <input type="radio" name="fontSize-mobile" id="input17197" class="custom-form-input" value="2x">
                      <label for="input17197" class="custom-form-label size-2x">Suur</label>
                    </div><!--/custom-control custom-form-radio custom-form-inline-->
                    <div class="custom-control custom-form-radio custom-form-inline" tabindex="0">
                      <input type="radio" name="fontSize-mobile" id="input11898" class="custom-form-input" value="4x">
                      <label for="input11898" class="custom-form-label size-4x">Väga suur</label>
                    </div><!--/custom-control custom-form-radio custom-form-inline-->
                  </div><!--/radio-list-->
                </div><!--/form-group-->
              </div><!--/col-4 md-12 sm-12-->
              <div class="col-4 md-12 sm-12">
                <h3>Reavahe</h3>
                <p>Reavahe valimisel muutub see automaatselt</p>
                <div class="form-group">
                  <div class="checkbox-list" role="group" aria-labelledby="accessibility-line-height">
                    <span id="accessibility-line-height" class="sr-only">Muuda joone kõrgust</span>
                    <div class="custom-control custom-checkbox custom-form-inline">
                      <input type="checkbox" name="paragraphSpacing" id="input16641" class="custom-form-input" value="high">
                      <label for="input16641" class="custom-form-label size-normal">Suurenda lõiguvahet</label>
                    </div><!--/custom-control custom-form-radio custom-form-inline-->
                    <div class="custom-control custom-checkbox custom-form-inline word-spacing">
                      <input type="checkbox" name="wordSpacing" id="input17741" class="custom-form-input" value="high">
                      <label for="input17741" class="custom-form-label size-1x">Suurenda sõnavahet</label>
                    </div><!--/custom-control custom-form-radio custom-form-inline-->
                    <div class="custom-control custom-checkbox custom-form-inline letter-spacing">
                      <input type="checkbox" name="letterSpacing" id="input18841" class="custom-form-input" value="high">
                      <label for="input18841" class="custom-form-label size-2x">Suurenda tähevahet</label>
                    </div><!--/custom-control custom-checkbox custom-form-inline-->
                  </div><!--/checkbox-list-->
                </div><!--/form-group-->
              </div><!--/col-4 md-12 sm-12-->
              <div class="col-4 md-12 sm-12">
                <h3>Kontrastsus</h3>
                <p>Kontrastsuse valimisel muutub see automaatselt</p>
                <div class="form-group">
                  <div class="radio-list" role="group" aria-labelledby="accessibility-contrast">
                    <span id="accessibility-contrast" class="sr-only">Muuda lehekülje kontrasti värvi</span>
                    <div class="custom-control custom-form-radio custom-form-inline" tabindex="0">
                      <input type="radio" name="pageContrast-mobile" id="input1166994" class="custom-form-input" value="normal" checked="">
                      <label for="input1166994" class="custom-form-label">Vaikeväärtus</label>
                    </div><!--/custom-control custom-form-radio custom-form-inline-->
                    <div class="custom-control custom-form-radio custom-form-inline" tabindex="0">
                      <input type="radio" name="pageContrast-mobile" id="input1177994" class="custom-form-input" value="high">
                      <label for="input1177994" class="custom-form-label">Must-kollane</label>
                    </div><!--/custom-control custom-form-radio custom-form-inline-->
                  </div><!--/radio-list-->
                </div><!--/form-group-->
                              </div><!--/col-4 md-12 sm-12-->
            </div><!--/row-->
          </div><!--/accessibility__inner-->
        </div><!--/accessibility-->
      </li>
    </ul><!--/dropdown-link-block-->
    <div class="focus-trap-last" tabindex="-1"></div>
  </div><!--/main-menu-dropdown-->
</li>
                  </ul>
                </nav>
                <div class="main-focus-trap-last" tabindex="-1"></div>
              </div><!--/mobile-menu-->
            </div><!--/mobile-banner-->
          </div><!--/header-right__top-->

          <div class="header-right__bottom">
                          <div class="desktop-menu">
                <ul class="main-menu mobile main-menu">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      
                                  
    <li>
                                                                                              <a href="/et" aria-current="page" class="active">
    Avaleht
                </a>

          </li>
                                        
                                  
    <li>
                                  
                                                                                                                                                                                                          <a href="#" aria-expanded="false" class="special">
    Tule õpi!
                <span class="mdi mdi-menu-down"></span></a>

              <div class="main-menu-dropdown">
                                          
                        
                <ul class="dropdown-link-block">
                              <li class="sm-show">
                  <a href="#" class="back-to-menu" aria-label="Tagasi peamenüüsse">
                    <i class="mdi mdi-menu-down"></i>
                    Tule õpi!
                  </a>
                </li>
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/tule-opi/vastuvotu-uldinfo">Vastuvõtt
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/tule-opi/erialad">Erialad
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/tule-opi/statsionaarne-ope">Statsionaarne õpe
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/tule-opi/mittestatsionaarne-ope">Mittestatsionaarne õpe
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
                <ul class="dropdown-link-block">
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/tule-opi/tookohapohine-ope">Töökohapõhine õpe
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/tule-opi/toevajadusega-oppija-voimalused">HEV
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/tule-opi/avatud-uksed">Avatud uste päev
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/tule-opi/eelkutseope">Eelkutseõpe
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
                <ul class="dropdown-link-block">
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/tule-opi/kutsevaliku-ope">Kutsevaliku õpe
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/tule-opi/kkk">KKK
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
        </div><!--/main-menu-dropdown-->
          </li>
                                        
                                  
    <li>
                                  
                                                                                                                                                                                              <a href="#" aria-expanded="false" class="special">
    Õppetöö
                <span class="mdi mdi-menu-down"></span></a>

              <div class="main-menu-dropdown">
                                          
                        
                <ul class="dropdown-link-block">
                              <li class="sm-show">
                  <a href="#" class="back-to-menu" aria-label="Tagasi peamenüüsse">
                    <i class="mdi mdi-menu-down"></i>
                    Õppetöö
                  </a>
                </li>
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/oppetoo/akadeemiline-kalender">Akadeemiline kalender 2024/25
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/oppetoo/konsultatsioonid">Konsultatsioonid
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/oppetoo/oppetoograafik">Õppetöögraafik
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/oppetoo/oppija-meelespea">Õppija meelespea
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
                <ul class="dropdown-link-block">
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/oppetoo/tunniplaan">Tunniplaan
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/oppetoo/opilasfirma">Õpilasfirma
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/oppetoo/oppimise-e-toendid-haridusportaalis">Õppimise e-tõendid haridusportaalis
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/oppetoo/vota-varasemate-opingute-ja-tookogemuse-arvestamine">VÕTA
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
                <ul class="dropdown-link-block">
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/oppetoo/praktika">Praktika
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
        </div><!--/main-menu-dropdown-->
          </li>
                                        
                                  
    <li>
                                  
                                                                                                                                                                                                          <a href="#" aria-expanded="false" class="special">
    Koolielu
                <span class="mdi mdi-menu-down"></span></a>

              <div class="main-menu-dropdown">
                                          
                        
                <ul class="dropdown-link-block">
                              <li class="sm-show">
                  <a href="#" class="back-to-menu" aria-label="Tagasi peamenüüsse">
                    <i class="mdi mdi-menu-down"></i>
                    Koolielu
                  </a>
                </li>
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/koolielu/kodukord/uldnouded">Kodukord
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/koolielu/sessioonoppe-oppetoo-korraldus">Sessioonõppe õppetöö korraldus
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/koolielu/majutus">Majutus
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/koolielu/toitlustamine">Toitlustamine
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
                <ul class="dropdown-link-block">
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/koolielu/lopetamine">Lõpetamine
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/koolielu/raamatukogu-teabetuba">Raamatukogu
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/koolielu/huvitegevused">Huvitegevused
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/koolielu/sportimisvoimalused">Sportimisvõimalused
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
                <ul class="dropdown-link-block">
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/koolielu/tugiteenused">Nõustamine
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/koolielu/toetused">Toetused
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
        </div><!--/main-menu-dropdown-->
          </li>
                                        
                                  
    <li>
                                  
                                                                                                                                                                                                                                              <a href="#" aria-expanded="false" class="special">
    Meie koolist
                <span class="mdi mdi-menu-down"></span></a>

              <div class="main-menu-dropdown">
                                          
                        
                <ul class="dropdown-link-block">
                              <li class="sm-show">
                  <a href="#" class="back-to-menu" aria-label="Tagasi peamenüüsse">
                    <i class="mdi mdi-menu-down"></i>
                    Meie koolist
                  </a>
                </li>
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/meie-koolist/kooli-ajalugu">Kooli ajalugu
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/meie-koolist/kooli-valjaanded">Kooli väljaanded
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/meie-koolist/missioon-visioon-ja-vaartused">Põhiväärtused
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/meie-koolist/tunnustused">Tunnustused
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/meie-koolist/opilasesindus">Õpilasesindus
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
                <ul class="dropdown-link-block">
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/meie-koolist/kooli-noukogu">Kooli nõukogu
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/meie-koolist/nounike-kogu">Nõunike kogu
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/meie-koolist/toopakkumised">Tööpakkumised
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/meie-koolist/hanked">Hanked
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/meie-koolist/koostoo-ja-projektid">Koostöö ja projektid
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
                <ul class="dropdown-link-block">
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/meie-koolist/meie-meedias">Meie meedias
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/meie-koolist/vilistlastele">Vilistlastele
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/meie-koolist/vaartused-ja-pohimotted">Väärtused ja põhimõtted
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
        </div><!--/main-menu-dropdown-->
          </li>
                                        
                                  
    <li>
                                  
                                                                                                          <a href="#" aria-expanded="false" class="special">
    Olulised dokumendid
                <span class="mdi mdi-menu-down"></span></a>

              <div class="main-menu-dropdown">
                                          
                        
                <ul class="dropdown-link-block">
                              <li class="sm-show">
                  <a href="#" class="back-to-menu" aria-label="Tagasi peamenüüsse">
                    <i class="mdi mdi-menu-down"></i>
                    Olulised dokumendid
                  </a>
                </li>
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/olulised-dokumendid/arengukava-2022-2025">Arengukava
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                                      <li>
                                          <a class=" mainOverride" href="/et/olulised-dokumendid/eeskirjad-ja-korrad">Eeskirjad ja korrad
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
        </div><!--/main-menu-dropdown-->
          </li>
                                        
                                  
    <li>
                                  
                                                                                                          <a href="#" aria-expanded="false" class="special">
    Koolitused
                <span class="mdi mdi-menu-down"></span></a>

              <div class="main-menu-dropdown">
                                          
                        
                <ul class="dropdown-link-block">
                              <li class="sm-show">
                  <a href="#" class="back-to-menu" aria-label="Tagasi peamenüüsse">
                    <i class="mdi mdi-menu-down"></i>
                    Koolitused
                  </a>
                </li>
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/koolitused/taiendusope">Täiendusõpe
                              </a>
              </li>
                                                                                                                                                                                                                                                                                                                    <li>
                                          <a class=" mainOverride" target="_blank" href="https://autokool.vikk.ee/">VIKK autokool
                                  <i class="mdi mdi-open-in-new"></i>
                  <span class="sr-only">Link avaneb uuel leheküljel</span>
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
        </div><!--/main-menu-dropdown-->
          </li>
                                  
                                  
    <li>
                                  
                                                                      <a href="/et/tooandjale">
    Tööandjale
                </a>

          </li>
                                        
                                  
    <li>
                                  
                                                                                              <a href="#" aria-expanded="false" class="special">
    Kontakt
                <span class="mdi mdi-menu-down"></span></a>

              <div class="main-menu-dropdown">
                                          
                        
                <ul class="dropdown-link-block">
                              <li class="sm-show">
                  <a href="#" class="back-to-menu" aria-label="Tagasi peamenüüsse">
                    <i class="mdi mdi-menu-down"></i>
                    Kontakt
                  </a>
                </li>
                                                                                                                                                                                                                                                                                                                                                    <li>
                                                        <a class=" mainOverride" href="/et/kontaktid">Kontaktid
                              </a>
              </li>
                              </ul><!--/dropdown-link-block-->
            
        </div><!--/main-menu-dropdown-->
          </li>
    
                </ul>
              </div>
                      </div><!--/header-right__bottom-->
        </div><!--/header-right-->
      </div><!--/header-wrapper-->
		</div>
	</header>
      <h1 class="sr-only" id="main-content">Front page</h1>
  			<main class="page-main" role="main">
              
    <div class="hero hero__textbox">
    <div class="hero hero__background ">
      <div class="swiper-container">
        <div class="hero__overlay">
          <span class="overlay-block"></span>
          <span class="overlay-empty-space"></span>
        </div><!--/hero__overlay-->
        <div class="swiper-wrapper">
                                  <div class="swiper-slide carousel-box">
              <div class="hero-image" style="background-image: url(/sites/vikk.ee/files/frontpage_background/vikk_2023-7-1.jpg);">
                <img src="themes/custom/harno_theme/static/assets/images/placeholder-2.gif" alt="test">
              </div><!--/hero-image-->
            </div><!--/swiper-slide textbox-slide-->
                  </div><!--/swiper-wrapper-->
      </div><!--/swiper-container textbox-swiper-->
    </div><!--/hero__swiper--background hero__swiper-background--textbox-->
  </div><!--/hero-->
      
    

    		<div class="container">

                  
  <div class="row">
    <div class="col-12 md-12 sm-12 homepage-gutters">
      <article class="content-block content-block--bookmarks">
        <div class="bookmarks" aria-label="Linkide loend">
          <ul>
                                                            <li>
                                                                                                      <a href="https://tahvel.edu.ee/#/timetable/generalTimetable/group" target="_blank" class="btn btn-primary  link-in-new">Tunniplaan
                                              <span class="sr-only">Link avaneb uuel leheküljel</span>
                        <i class="mdi mdi-open-in-new" aria-hidden="true"></i>
                                          </a>
                  </li>
                
                                                <li>
                                                                                                      <a href="https://tahvel.edu.ee/" target="_blank" class="btn btn-primary  link-in-new">TAHVEL
                                              <span class="sr-only">Link avaneb uuel leheküljel</span>
                        <i class="mdi mdi-open-in-new" aria-hidden="true"></i>
                                          </a>
                  </li>
                
                                                <li>
                                                                                                      <a href="http://gmail.com" target="_blank" class="btn btn-primary  link-in-new">E-post
                                              <span class="sr-only">Link avaneb uuel leheküljel</span>
                        <i class="mdi mdi-open-in-new" aria-hidden="true"></i>
                                          </a>
                  </li>
                
                                                <li>
                                                                                                      <a href="https://moodle.edu.ee/" target="_blank" class="btn btn-primary  link-in-new">Moodle
                                              <span class="sr-only">Link avaneb uuel leheküljel</span>
                        <i class="mdi mdi-open-in-new" aria-hidden="true"></i>
                                          </a>
                  </li>
                
                                                <li>
                                                                                                      <a href="https://www.facebook.com/viljandikutseoppekeskus" target="_blank" class="btn btn-primary  link-in-new">Facebook
                                              <span class="sr-only">Link avaneb uuel leheküljel</span>
                        <i class="mdi mdi-open-in-new" aria-hidden="true"></i>
                                          </a>
                  </li>
                
                                                <li>
                                                                                                      <a href="https://www.tuur.ee/tuurid/08-kutseoppeasutuste-virtuaaltuurid/12-viljandi-khk/?startscene=0&amp;startactions=lookat(0.86,29.16,87.96,0,0);" target="_blank" class="btn btn-primary  link-in-new">Virtuaaltuur
                                              <span class="sr-only">Link avaneb uuel leheküljel</span>
                        <i class="mdi mdi-open-in-new" aria-hidden="true"></i>
                                          </a>
                  </li>
                
                                                <li>
                                                                                                      <a href="https://autokool.vikk.ee/" target="_blank" class="btn btn-primary  link-in-new">VIKK Autokool
                                              <span class="sr-only">Link avaneb uuel leheküljel</span>
                        <i class="mdi mdi-open-in-new" aria-hidden="true"></i>
                                          </a>
                  </li>
                
                                    </ul>
        </div>
      </article><!--/content-block content-block--bookmarks-->
    </div><!--/col-12 md-12 sm-12 homepage-gutters-->
  </div><!--/row-->


    

                        
    

            
            												    <div data-drupal-messages-fallback="" class="hidden"></div>
            

<article about="/et/node/1" class="node node--type-front-page node--view-mode-full clearfix">
  <header>
  </header>
  <div class="node__content clearfix">
    

  
  <div class="demo-layout__row-width--501-502 row">

                                                                                                                                                                                          
                            
      
                                              <div class="col-6 md-12 sm-12 homepage-gutters layout__region layout__region--501">
                                                                  <article class="contextual-region content-block content-block--front-page ">
                                  <div class="row">
                                                                                                                
            
						<div class="col-12 md-12 sm-12">
	<div class="title-block title-block--home-page">
					<h3>Uudised</h3>
			</div>
	<!--/title-block title-block--home-page-->
	<div class=" homepage-swiper-wrapper half"><span class="swiper-edge-left"></span>
		<div class="swiper-container homepage-swiper-main swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events">
			<div class="swiper-wrapper" style="width: 734px; transform: translate3d(0px, 0px, 0px);">

									
																																																																				<div class="swiper-slide swiper-slide-active" style="width: 167.5px; margin-right: 16px;">
						<a href="https://vikk.ee/et/uudised/esmakursuslaste-riigikaitseope-labitud" class="news-block">

							
								<div class="news-block__thumbnail" style="background-image: url('/sites/vikk.ee/files/styles/galleries_and_news/public/2024-09/img_3823.jpeg?h=404059e4&amp;itok=LBkAZD3Y');                 "> <img src="/themes/custom/harno_theme/static/assets/images/placeholder-1.gif" alt="">
							</div>
							<!--/news-block__thumbnail-->
							<div class="news-block__news-info">
								<h3>Esmakursuslaste riigikaitseõpe läbitud!</h3>
								<div class="additional-info">
									<span class="date-indicator">
                      <i class="mdi mdi-calendar-month" aria-hidden="true"></i>
											<span class="sr-only">Loomise kuupäev</span>
										30.09.2024
									</span>
																			<span class="author-indicator">
											<span class="sr-only">Autor</span>
											Bert Tsapov
										</span>
																	</div>
								<!--/additional-info-->
							</div>
							<!--/news-block__news-info-->
						</a>
					</div>
					<!--/swiper-slide-->
														
																																																																				<div class="swiper-slide swiper-slide-next" style="width: 167.5px; margin-right: 16px;">
						<a href="https://vikk.ee/et/uudised/avasime-oma-uksed-maal-elamise-paeva-puhul" class="news-block">

							
								<div class="news-block__thumbnail" style="background-image: url('/sites/vikk.ee/files/styles/galleries_and_news/public/2024-09/image_20240921_121016_917.jpeg?h=71976bb4&amp;itok=MiO-F7E5');                 "> <img src="/themes/custom/harno_theme/static/assets/images/placeholder-1.gif" alt="">
							</div>
							<!--/news-block__thumbnail-->
							<div class="news-block__news-info">
								<h3>Avasime oma uksed "Maal elamise päeva" puhul</h3>
								<div class="additional-info">
									<span class="date-indicator">
                      <i class="mdi mdi-calendar-month" aria-hidden="true"></i>
											<span class="sr-only">Loomise kuupäev</span>
										23.09.2024
									</span>
																			<span class="author-indicator">
											<span class="sr-only">Autor</span>
											Bert Tsapov
										</span>
																	</div>
								<!--/additional-info-->
							</div>
							<!--/news-block__news-info-->
						</a>
					</div>
					<!--/swiper-slide-->
														
																																																																				<div class="swiper-slide" style="width: 167.5px; margin-right: 16px;">
						<a href="https://vikk.ee/et/uudised/vikk-alustab-tehnoloogiaopetuse-tundidega-pohikoolidele" class="news-block">

							
								<div class="news-block__thumbnail" style="background-image: url('/sites/vikk.ee/files/styles/galleries_and_news/public/2024-09/vikk_2023-31.jpg?h=d232f0db&amp;itok=dI91shgI');                 "> <img src="/themes/custom/harno_theme/static/assets/images/placeholder-1.gif" alt="Tehnoloogiaõpetuse tundide raames õpitakse ka mööblirestauraatorite õppeklassis">
							</div>
							<!--/news-block__thumbnail-->
							<div class="news-block__news-info">
								<h3>VIKK alustab tehnoloogiaõpetuse tundidega põhikoolidele</h3>
								<div class="additional-info">
									<span class="date-indicator">
                      <i class="mdi mdi-calendar-month" aria-hidden="true"></i>
											<span class="sr-only">Loomise kuupäev</span>
										19.09.2024
									</span>
																			<span class="author-indicator">
											<span class="sr-only">Autor</span>
											Marge Hein
										</span>
																	</div>
								<!--/additional-info-->
							</div>
							<!--/news-block__news-info-->
						</a>
					</div>
					<!--/swiper-slide-->
														
																																																																				<div class="swiper-slide" style="width: 167.5px; margin-right: 16px;">
						<a href="https://vikk.ee/et/uudised/avaldus-oppijate-andmete-nagemiseks" class="news-block">

							
								<div class="news-block__thumbnail" style="background-image: url('/sites/vikk.ee/files/styles/galleries_and_news/public/2024-09/6.09.24_lastevanemate_infotund.pptx_.png?h=c673cd1c&amp;itok=ClqMeWYr');                 "> <img src="/themes/custom/harno_theme/static/assets/images/placeholder-1.gif" alt="">
							</div>
							<!--/news-block__thumbnail-->
							<div class="news-block__news-info">
								<h3>Avaldus õppijate andmete nägemiseks</h3>
								<div class="additional-info">
									<span class="date-indicator">
                      <i class="mdi mdi-calendar-month" aria-hidden="true"></i>
											<span class="sr-only">Loomise kuupäev</span>
										10.09.2024
									</span>
																			<span class="author-indicator">
											<span class="sr-only">Autor</span>
											Gerli  Härm 
										</span>
																	</div>
								<!--/additional-info-->
							</div>
							<!--/news-block__news-info-->
						</a>
					</div>
					<!--/swiper-slide-->
												</div>
			<!--/swiper-wrapper-->
			<div class="swiper-pagination home-paginator swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="-1" role="button" aria-label="Go to slide 1" aria-hidden="true"></span></div>

		</div>
		<!--/homepage-swiper-->
	<span class="swiper-edge" style="display: none;"></span></div>
	<!--/homepage-swiper-->
	<div class="row-spacer-24 xl-hide"></div>
	<div class="row-spacer-40 sm-hide md-hide"></div>

	<a href="/et/uudised?article_type=1&amp;article_type_mobile=1" class="btn btn-secondary btn-show-more">Ava uudised</a>

</div>

          </div>
      </article>
      
    
    <!--/col-3 sm-12-->


            
                                </div>
                  
              
    

          
                            
      
                                              <div class="col-6 md-12 sm-12 homepage-gutters layout__region layout__region--502">
                                                                  <article class="contextual-region content-block content-block--front-page ">
                                  <div class="row">
                                                                                                                
            
        <div class="col-12 md-12 sm-12">
  <div class="title-block title-block--home-page">
    
      <h3>Täienduskoolitused</h3>
      </div><!--/title-block title-block--home-page-->
  <div class="homepage-swiper-wrapper half"><span class="swiper-edge-left"></span>
    <div class="swiper-container homepage-swiper-main swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events">
      <div class="swiper-wrapper" style="width: 734px;">
                                            <div class="swiper-slide swiper-slide-active" style="width: 167.5px; margin-right: 16px;">
                <a href="/et/koolituste-kalender/inglise-keel-majutusasutuses" class="event-card event-card event-card--multiple-date event-card--swiper">
                                      <div class="event-card-dates">
                  
                    <div class="event-card__date">
                      <span class="sr-only">30.september 2024</span>
                      <span class="event-date" aria-hidden="true">30</span>
                      <span class="event-month" aria-hidden="true">sept 2024</span>
                    </div><!--/event-card__date-->
                                          <div class="event-card__date">
                        <span class="sr-only">16.detsember 2024</span>
                        <span class="date-arrow" aria-hidden="true"></span>
                        <span class="event-date" aria-hidden="true">16</span>
                        <span class="event-month" aria-hidden="true">dets 2024</span>
                      </div><!--/event-card__date-->
                                                                 </div><!--/event-card-dates-->
                     
                  <div class="event-card__content">
                    <div class="event-card__header">
                      <h4>Inglise keel majutusasutuses</h4>
                    </div><!--/event-card__header-->
                    <div class="event-time-price">
                      
                                              <span>
                          <i class="mdi mdi-currency-eur" aria-hidden="true"></i>
                          <span class="sr-only">Hind</span>
                                TASUTA
                          </span>
                                          </div><!--/event-time-price-->
                                          <span class="event-location">
                              <i class="mdi mdi-map-marker" aria-hidden="true"></i>
                        <span class="sr-only">Asukoht</span>
                              Viljandi Kutseõppekeskus
                            </span><!--/event-location-->
                    
                  </div><!--/event-card_content-->
                </a><!--/event-card-->
              </div><!--/swiper-slide-->
                                                <div class="swiper-slide swiper-slide-next" style="width: 167.5px; margin-right: 16px;">
                <a href="/et/koolituste-kalender/kodulehe-loomise-baaaskoolitus-wordpressiga" class="event-card event-card event-card--multiple-date event-card--swiper">
                                      <div class="event-card-dates">
                  
                    <div class="event-card__date">
                      <span class="sr-only">07.november 2024</span>
                      <span class="event-date" aria-hidden="true">07</span>
                      <span class="event-month" aria-hidden="true">nov 2024</span>
                    </div><!--/event-card__date-->
                                          <div class="event-card__date">
                        <span class="sr-only">22.november 2024</span>
                        <span class="date-arrow" aria-hidden="true"></span>
                        <span class="event-date" aria-hidden="true">22</span>
                        <span class="event-month" aria-hidden="true">nov 2024</span>
                      </div><!--/event-card__date-->
                                                                 </div><!--/event-card-dates-->
                     
                  <div class="event-card__content">
                    <div class="event-card__header">
                      <h4>Kodulehe loomise baaaskoolitus Wordpressiga</h4>
                    </div><!--/event-card__header-->
                    <div class="event-time-price">
                      
                                              <span>
                          <i class="mdi mdi-currency-eur" aria-hidden="true"></i>
                          <span class="sr-only">Hind</span>
                                TASUTA
                          </span>
                                          </div><!--/event-time-price-->
                                          <span class="event-location">
                              <i class="mdi mdi-map-marker" aria-hidden="true"></i>
                        <span class="sr-only">Asukoht</span>
                              Viljandi Kutseõppekeskus
                            </span><!--/event-location-->
                    
                  </div><!--/event-card_content-->
                </a><!--/event-card-->
              </div><!--/swiper-slide-->
                                                <div class="swiper-slide" style="width: 167.5px; margin-right: 16px;">
                <a href="/et/koolituste-kalender/ettevalmistus-4-taseme-ehitiste-elektriku-kutseeksamiks-tasuta-rkt-voti" class="event-card event-card event-card--multiple-date event-card--swiper">
                                      <div class="event-card-dates">
                  
                    <div class="event-card__date">
                      <span class="sr-only">17.oktoober 2024</span>
                      <span class="event-date" aria-hidden="true">17</span>
                      <span class="event-month" aria-hidden="true">okt 2024</span>
                    </div><!--/event-card__date-->
                                          <div class="event-card__date">
                        <span class="sr-only">13.detsember 2024</span>
                        <span class="date-arrow" aria-hidden="true"></span>
                        <span class="event-date" aria-hidden="true">13</span>
                        <span class="event-month" aria-hidden="true">dets 2024</span>
                      </div><!--/event-card__date-->
                                                                 </div><!--/event-card-dates-->
                     
                  <div class="event-card__content">
                    <div class="event-card__header">
                      <h4>Ettevalmistus 4. taseme ehitiste elektriku kutseeksamiks (tasuta, RKT VÕTI)</h4>
                    </div><!--/event-card__header-->
                    <div class="event-time-price">
                      
                                              <span>
                          <i class="mdi mdi-currency-eur" aria-hidden="true"></i>
                          <span class="sr-only">Hind</span>
                                TASUTA
                          </span>
                                          </div><!--/event-time-price-->
                                          <span class="event-location">
                              <i class="mdi mdi-map-marker" aria-hidden="true"></i>
                        <span class="sr-only">Asukoht</span>
                              Viljandi Kutseõppekeskus
                            </span><!--/event-location-->
                    
                  </div><!--/event-card_content-->
                </a><!--/event-card-->
              </div><!--/swiper-slide-->
                                                <div class="swiper-slide" style="width: 167.5px; margin-right: 16px;">
                <a href="/et/koolituste-kalender/ettevalmistus-3-taseme-ehitiste-elektriku-kutseeksamiks-tasuta-rkt-voti" class="event-card event-card event-card--multiple-date event-card--swiper">
                                      <div class="event-card-dates">
                  
                    <div class="event-card__date">
                      <span class="sr-only">17.oktoober 2024</span>
                      <span class="event-date" aria-hidden="true">17</span>
                      <span class="event-month" aria-hidden="true">okt 2024</span>
                    </div><!--/event-card__date-->
                                          <div class="event-card__date">
                        <span class="sr-only">06.detsember 2024</span>
                        <span class="date-arrow" aria-hidden="true"></span>
                        <span class="event-date" aria-hidden="true">06</span>
                        <span class="event-month" aria-hidden="true">dets 2024</span>
                      </div><!--/event-card__date-->
                                                                 </div><!--/event-card-dates-->
                     
                  <div class="event-card__content">
                    <div class="event-card__header">
                      <h4>Ettevalmistus 3. taseme ehitiste elektriku kutseeksamiks (tasuta, RKT VÕTI )</h4>
                    </div><!--/event-card__header-->
                    <div class="event-time-price">
                      
                                              <span>
                          <i class="mdi mdi-currency-eur" aria-hidden="true"></i>
                          <span class="sr-only">Hind</span>
                                TASUTA
                          </span>
                                          </div><!--/event-time-price-->
                                          <span class="event-location">
                              <i class="mdi mdi-map-marker" aria-hidden="true"></i>
                        <span class="sr-only">Asukoht</span>
                              Viljandi Kutseõppekeskus
                            </span><!--/event-location-->
                    
                  </div><!--/event-card_content-->
                </a><!--/event-card-->
              </div><!--/swiper-slide-->
                                    </div><!--/swiper-wrapper-->
      <div class="swiper-pagination home-paginator swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="-1" role="button" aria-label="Go to slide 1" aria-hidden="true"></span></div>

    </div><!--/homepage-swiper-->
  <span class="swiper-edge" style="display: none;"></span></div><!--/homepage-swiper-wrapper half-->
  <div class="row-spacer-40 sm-hide md-hide"></div>
                    <a href="/et/koolituste-kalender?days=month" class="btn btn-secondary btn-show-more">Vaata kõik koolitused</a>
    </div><!--/col-12 md-12 sm-12-->

          </div>
      </article>
      
    
    <!--/col-3 sm-12-->


            
                                </div>
                  
              
    

          
    

</div>


  
  <div class="demo-layout__row-width--501-502 row">

                                                                                                                                                                                          
                            
      
                                              <div class="col-6 md-12 sm-12 homepage-gutters layout__region layout__region--501">
                                                                  <article class="contextual-region content-block content-block--front-page ">
                                  <div class="row">
                                                                                                                
            
						<div class="col-12 md-12 sm-12">
	<div class="title-block title-block--home-page">
					<h3>Meie lood</h3>
			</div>
	<!--/title-block title-block--home-page-->
	<div class=" homepage-swiper-wrapper half"><span class="swiper-edge-left"></span>
		<div class="swiper-container homepage-swiper-main swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events">
			<div class="swiper-wrapper" style="width: 734px; transform: translate3d(0px, 0px, 0px);">
																																																																													<div class="swiper-slide swiper-slide-active" style="width: 167.5px; margin-right: 16px;">
						<a href="https://vikk.ee/et/uudised/suurte-muutuste-ootel" class="news-block">
														<!--/news-block__tag-->
							<div class="news-block__thumbnail" style="background-image: url('/sites/vikk.ee/files/styles/galleries_and_news/public/2022-03/tarmo-loodus.jpg?h=c3f7c57b&amp;itok=yMBYp99E'); 									                ">
								<img src="/themes/custom/harno_theme/static/assets/images/placeholder-1.gif" alt="Direktor Tarmo Loodus">
							</div>
							<!--/news-block__thumbnail-->
							<div class="news-block__news-info">
								<h3>Suurte muutuste ootel</h3>
								<div class="additional-info">
									<span class="date-indicator">
										<i class="mdi mdi-calendar-month" aria-hidden="true"></i>
										<span class="sr-only">Loomise kuupäev</span>
										27.08.2024
									</span>
																			<span class="author-indicator">
											<span class="sr-only">Autor</span>
											Marge Hein
										</span>
																	</div>
								<!--/additional-info-->
							</div>
							<!--/news-block__news-info-->
						</a>
					</div>
					<!--/swiper-slide-->
																																																																																		<div class="swiper-slide swiper-slide-next" style="width: 167.5px; margin-right: 16px;">
						<a href="https://vikk.ee/et/uudised/intervjuu-elektri-eriala-voitja-sten-sihveriga" class="news-block">
														<!--/news-block__tag-->
							<div class="news-block__thumbnail" style="background-image: url('/sites/vikk.ee/files/styles/galleries_and_news/public/2023-03/sihver_1_0.jpg?h=199d8c1f&amp;itok=kZPDFJx6'); 									                ">
								<img src="/themes/custom/harno_theme/static/assets/images/placeholder-1.gif" alt="">
							</div>
							<!--/news-block__thumbnail-->
							<div class="news-block__news-info">
								<h3>Intervjuu elektri eriala võitja Sten Sihveriga</h3>
								<div class="additional-info">
									<span class="date-indicator">
										<i class="mdi mdi-calendar-month" aria-hidden="true"></i>
										<span class="sr-only">Loomise kuupäev</span>
										07.03.2023
									</span>
																			<span class="author-indicator">
											<span class="sr-only">Autor</span>
											Marge Hein
										</span>
																	</div>
								<!--/additional-info-->
							</div>
							<!--/news-block__news-info-->
						</a>
					</div>
					<!--/swiper-slide-->
																																																																																		<div class="swiper-slide" style="width: 167.5px; margin-right: 16px;">
						<a href="https://vikk.ee/et/uudised/intervjuu-it-susteemide-eriala-voitja-ramses-laursooga" class="news-block">
														<!--/news-block__tag-->
							<div class="news-block__thumbnail" style="background-image: url('/sites/vikk.ee/files/styles/galleries_and_news/public/2023-03/laursoo_0.jpg?h=a22e07b6&amp;itok=XhHxlxw5'); 									                ">
								<img src="/themes/custom/harno_theme/static/assets/images/placeholder-1.gif" alt="">
							</div>
							<!--/news-block__thumbnail-->
							<div class="news-block__news-info">
								<h3>Intervjuu IT- süsteemide eriala võitja Ramses Laursooga</h3>
								<div class="additional-info">
									<span class="date-indicator">
										<i class="mdi mdi-calendar-month" aria-hidden="true"></i>
										<span class="sr-only">Loomise kuupäev</span>
										07.03.2023
									</span>
																			<span class="author-indicator">
											<span class="sr-only">Autor</span>
											Marge Hein
										</span>
																	</div>
								<!--/additional-info-->
							</div>
							<!--/news-block__news-info-->
						</a>
					</div>
					<!--/swiper-slide-->
																																																																																		<div class="swiper-slide" style="width: 167.5px; margin-right: 16px;">
						<a href="https://vikk.ee/et/uudised/kooliaasta-alanud" class="news-block">
														<!--/news-block__tag-->
							<div class="news-block__thumbnail" style="background-image: url('/sites/vikk.ee/files/styles/galleries_and_news/public/2022-08/dsc_7785.jpg?h=b2774bcf&amp;itok=OHyzKl4Y'); 									                ">
								<img src="/themes/custom/harno_theme/static/assets/images/placeholder-1.gif" alt="õppeaasta avaaktus 29. augustil 2022">
							</div>
							<!--/news-block__thumbnail-->
							<div class="news-block__news-info">
								<h3>Kooliaasta on alanud!</h3>
								<div class="additional-info">
									<span class="date-indicator">
										<i class="mdi mdi-calendar-month" aria-hidden="true"></i>
										<span class="sr-only">Loomise kuupäev</span>
										31.08.2022
									</span>
																			<span class="author-indicator">
											<span class="sr-only">Autor</span>
											Marge Hein
										</span>
																	</div>
								<!--/additional-info-->
							</div>
							<!--/news-block__news-info-->
						</a>
					</div>
					<!--/swiper-slide-->
												</div>
			<!--/swiper-wrapper-->
			<div class="swiper-pagination home-paginator swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="-1" role="button" aria-label="Go to slide 1" aria-hidden="true"></span></div>

		</div>
		<!--/homepage-swiper-->
	<span class="swiper-edge" style="display: none;"></span></div>
	<!--/homepage-swiper-->
	<div class="row-spacer-24 xl-hide"></div>
	<div class="row-spacer-40 sm-hide md-hide"></div>

	<a href="/et/uudised?article_type=2&amp;article_type_mobile=2" class="btn btn-secondary btn-show-more">Vaata rohkem</a>

</div>

          </div>
      </article>
      
    
    <!--/col-3 sm-12-->


            
                                </div>
                  
              
    

          
                            
      
                                              <div class="col-6 md-12 sm-12 homepage-gutters layout__region layout__region--502">
                                                                  <article class="contextual-region content-block content-block--front-page ">
                                  <div class="row">
                                                                                                                
            
        <div class="col-12 md-12 sm-12">
  <div class="title-block title-block--home-page">
    
      <h3>Koolisündmused</h3>
      </div><!--/title-block title-block--home-page-->
  <div class="homepage-swiper-wrapper half"><span class="swiper-edge-left"></span>
    <div class="swiper-container homepage-swiper-main swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events">
      <div class="swiper-wrapper" style="width: 734px;">
                                            <div class="swiper-slide swiper-slide-active" style="width: 167.5px; margin-right: 16px;">
                <a href="/et/sundmuste-kalender/rahatarkuse-koolitus" class="event-card event-card event-card--multiple-date event-card--swiper">
                  
                    <div class="event-card__date">
                      <span class="sr-only">02.oktoober 2024</span>
                      <span class="event-date" aria-hidden="true">02</span>
                      <span class="event-month" aria-hidden="true">okt 2024</span>
                    </div><!--/event-card__date-->
                                          
                  <div class="event-card__content">
                    <div class="event-card__header">
                      <h4>Rahatarkuse koolitus</h4>
                    </div><!--/event-card__header-->
                    <div class="event-time-price">
                                              <span>
                                <i class="mdi mdi-clock-outline" aria-hidden="true"></i>
                                  <span class="sr-only">time</span>
                                                                  16:30
                                                                                      -
                                                                                18:00
                                                        </span>
                      
                                          </div><!--/event-time-price-->
                                          <span class="event-location">
                              <i class="mdi mdi-map-marker" aria-hidden="true"></i>
                        <span class="sr-only">Asukoht</span>
                              Õpilaskodu noortetuba
                            </span><!--/event-location-->
                    
                  </div><!--/event-card_content-->
                </a><!--/event-card-->
              </div><!--/swiper-slide-->
                                                <div class="swiper-slide swiper-slide-next" style="width: 167.5px; margin-right: 16px;">
                <a href="/et/sundmuste-kalender/opetajate-paev-1" class="event-card event-card event-card--multiple-date event-card--swiper">
                  
                    <div class="event-card__date">
                      <span class="sr-only">04.oktoober 2024</span>
                      <span class="event-date" aria-hidden="true">04</span>
                      <span class="event-month" aria-hidden="true">okt 2024</span>
                    </div><!--/event-card__date-->
                                          
                  <div class="event-card__content">
                    <div class="event-card__header">
                      <h4>Õpetajate päev</h4>
                    </div><!--/event-card__header-->
                    <div class="event-time-price">
                                              <span>
                                <i class="mdi mdi-clock-outline" aria-hidden="true"></i>
                                  <span class="sr-only">time</span>
                                                                  08:10
                                                                                      -
                                                                                16:00
                                                        </span>
                      
                                          </div><!--/event-time-price-->
                    
                  </div><!--/event-card_content-->
                </a><!--/event-card-->
              </div><!--/swiper-slide-->
                                                <div class="swiper-slide" style="width: 167.5px; margin-right: 16px;">
                <a href="/et/sundmuste-kalender/algab-ii-periood" class="event-card event-card event-card--multiple-date event-card--swiper">
                  
                    <div class="event-card__date">
                      <span class="sr-only">07.oktoober 2024</span>
                      <span class="event-date" aria-hidden="true">07</span>
                      <span class="event-month" aria-hidden="true">okt 2024</span>
                    </div><!--/event-card__date-->
                                          
                  <div class="event-card__content">
                    <div class="event-card__header">
                      <h4>Algab II periood</h4>
                    </div><!--/event-card__header-->
                    <div class="event-time-price">
                                              <span>
                                <i class="mdi mdi-clock-outline" aria-hidden="true"></i>
                                  <span class="sr-only">time</span>
                                                                  00:00
                                                                                      -
                                                                                23:59
                                                        </span>
                      
                                          </div><!--/event-time-price-->
                    
                  </div><!--/event-card_content-->
                </a><!--/event-card-->
              </div><!--/swiper-slide-->
                                                <div class="swiper-slide" style="width: 167.5px; margin-right: 16px;">
                <a href="/et/sundmuste-kalender/infotund-ii-ja-iii-kursusele" class="event-card event-card event-card--multiple-date event-card--swiper">
                  
                    <div class="event-card__date">
                      <span class="sr-only">10.oktoober 2024</span>
                      <span class="event-date" aria-hidden="true">10</span>
                      <span class="event-month" aria-hidden="true">okt 2024</span>
                    </div><!--/event-card__date-->
                                          
                  <div class="event-card__content">
                    <div class="event-card__header">
                      <h4>Infotund II ja III kursusele</h4>
                    </div><!--/event-card__header-->
                    <div class="event-time-price">
                                              <span>
                                <i class="mdi mdi-clock-outline" aria-hidden="true"></i>
                                  <span class="sr-only">time</span>
                                                                  09:55
                                                                                      -
                                                                                10:40
                                                        </span>
                      
                                          </div><!--/event-time-price-->
                                          <span class="event-location">
                              <i class="mdi mdi-map-marker" aria-hidden="true"></i>
                        <span class="sr-only">Asukoht</span>
                              Aatrium
                            </span><!--/event-location-->
                    
                  </div><!--/event-card_content-->
                </a><!--/event-card-->
              </div><!--/swiper-slide-->
                                    </div><!--/swiper-wrapper-->
      <div class="swiper-pagination home-paginator swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="-1" role="button" aria-label="Go to slide 1" aria-hidden="true"></span></div>

    </div><!--/homepage-swiper-->
  <span class="swiper-edge" style="display: none;"></span></div><!--/homepage-swiper-wrapper half-->
  <div class="row-spacer-40 sm-hide md-hide"></div>
                    <a href="/et/sundmuste-kalender?days=month" class="btn btn-secondary btn-show-more">Vaata kõiki sündmusi</a>
    </div><!--/col-12 md-12 sm-12-->

          </div>
      </article>
      
    
    <!--/col-3 sm-12-->


            
                                </div>
                  
              
    

          
    

</div>


  
  <div class="demo-layout__row-width--75-25 row">

                                                                                                                                                                                          
                            
      
                                              <div class="col-9 md-12 sm-12 homepage-gutters layout__region layout__region--75">
                                                                  <article class="contextual-region content-block content-block--front-page ">
                                                        <div class="row">
                                                                
            <div class="col-12 md-12 sm-12">
	<div class="title-block title-block--home-page">
		<h3>
												Koostööpartnerid
									</h3>
	</div>
	<!--/title-block title-block--home-page-->
					<div class="homepage-swiper-wrapper logos logos--quarter">
		<div class="swiper-container homepage-swiper-main swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events">
			<div class="swiper-wrapper" id="swiper-wrapper-dd4835fc5c9ce99e" aria-live="polite" style="transform: translate3d(0px, 0px, 0px);">
																																												                                                    																<div class="swiper-slide swiper-slide-active" role="group" aria-label="1 / 5" style="width: 114.8px; margin-right: 32px;">
						<a href="https://eeagentuur.ee/" target="_blank" class="logo-block" style="background-image: url('/sites/vikk.ee/files/styles/front_logo/public/2019-02/erasmus.png?itok=duVTdz53');">
							<img src="/themes/custom/harno_theme/static/assets/images/placeholder-2.gif" alt="Logo for Erasmusplus">
						</a>
						<!--/logo-block-->
					</div>
					<!--/swiper-slide-->
																																												                                                    																<div class="swiper-slide swiper-slide-next" role="group" aria-label="2 / 5" style="width: 114.8px; margin-right: 32px;">
						<a href="https://www.europarl.europa.eu/factsheets/et/sheet/95/euroopa-regionaalarengu-fond-erf-" target="_blank" class="logo-block" style="background-image: url('/sites/vikk.ee/files/styles/front_logo/public/2019-02/elregionaalarengufond.png?itok=8Iyiqpv_');">
							<img src="/themes/custom/harno_theme/static/assets/images/placeholder-2.gif" alt="Logo for Euroopaliit Regionaalarengu fond">
						</a>
						<!--/logo-block-->
					</div>
					<!--/swiper-slide-->
																																												                                                    																<div class="swiper-slide" role="group" aria-label="3 / 5" style="width: 114.8px; margin-right: 32px;">
						<a href="https://www.sm.ee/et/euroopa-sotsiaalfond" target="_blank" class="logo-block" style="background-image: url('/sites/vikk.ee/files/styles/front_logo/public/2019-02/elsotsiaalarengufond.png?itok=ThwTC-rv');">
							<img src="/themes/custom/harno_theme/static/assets/images/placeholder-2.gif" alt="Logo for Euroopaliit Sotsiaalarengu fond">
						</a>
						<!--/logo-block-->
					</div>
					<!--/swiper-slide-->
																																												                                                    																<div class="swiper-slide" role="group" aria-label="4 / 5" style="width: 114.8px; margin-right: 32px;">
						<a href="https://www.nordplusonline.org/" target="_blank" class="logo-block tooltipstered" style="background-image: url('/sites/vikk.ee/files/styles/front_logo/public/2019-02/nordpluslogo.png?itok=moQZ6Opx');" data-tooltip-title="Nordplus">
							<img src="/themes/custom/harno_theme/static/assets/images/placeholder-2.gif" alt="Logo for Nordplus Junior">
						</a>
						<!--/logo-block-->
					</div>
					<!--/swiper-slide-->
																																												            																<div class="swiper-slide" role="group" aria-label="5 / 5" style="width: 114.8px; margin-right: 32px;">
						<a href="https://www.kia.ee/" target="_blank" class="logo-block tooltipstered" style="background-image: url('/sites/vikk.ee/files/styles/front_logo/public/2022-01/kia_signature_vertical_black_0.jpg?itok=2-MWHkJZ');" data-tooltip-title="KIA Auto AS">
							<img src="/themes/custom/harno_theme/static/assets/images/placeholder-2.gif" alt="KIA Auto AS ">
						</a>
						<!--/logo-block-->
					</div>
					<!--/swiper-slide-->
							</div>
			<!--/swiper-wrapper-->
		<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
		<!--/homepage-swiper-->
		<div class="swiper-button-prev logos-quarter-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-dd4835fc5c9ce99e" aria-disabled="true" style="top: 18px; display: none;"></div>
		<div class="swiper-button-next logos-quarter-next swiper-button-disabled" tabindex="-1" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-dd4835fc5c9ce99e" aria-disabled="true" style="top: 18px; display: none;"></div>
		<div class="swiper-pagination quarter-logos-paginator swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="-1" role="button" aria-label="Go to slide 1" aria-hidden="true"></span></div>
	</div>
	<!--/homepage-swiper-wrapper-->
</div>
<!--/col-12 md-12 sm-12-->

          </div>
      </article>
      
    
    <!--/col-3 sm-12-->


            
                                </div>
                  
              
    

          
                            
      
                                              <div class="col-3 md-12 sm-12 homepage-gutters layout__region layout__region--25">
                                                                  <article class="contextual-region content-block content-block--front-page ">
                                                        <div class="row">
                                                                
            <div class="col-12 md-12 sm-12">
	<div class="title-block title-block--home-page">
		<h3>
												Tunnustused
									</h3>
	</div>
	<!--/title-block title-block--home-page-->
					<div class="homepage-swiper-wrapper logos logos--small">
		<div class="swiper-container homepage-swiper-main swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events">
			<div class="swiper-wrapper" id="swiper-wrapper-7695e5dd1b8cdb6c" aria-live="polite" style="transform: translate3d(0px, 0px, 0px);">
																																												                                                    																<div class="swiper-slide swiper-slide-active" role="group" aria-label="1 / 6" style="width: 151.5px; margin-right: 32px;">
						<a href="https://www.ev100.ee/" target="_blank" class="logo-block tooltipstered" style="background-image: url('/sites/vikk.ee/files/styles/front_logo/public/2024-09/ev100_tunnistaht_a.jpg?itok=IEzxN3Mc');" data-tooltip-title="EV100 tunnistäht">
							<img src="/themes/custom/harno_theme/static/assets/images/placeholder-2.gif" alt="Logo for EV100 tunnistäht">
						</a>
						<!--/logo-block-->
					</div>
					<!--/swiper-slide-->
																																												                                                    																<div class="swiper-slide swiper-slide-next" role="group" aria-label="2 / 6" style="width: 151.5px; margin-right: 32px;">
						<a href="http://ja.ee/uudised/912-vaerska-guemnaasium-ja-viljandi-kutseoppekeskus-paelvisid-euroopa-ettevotliku-kooli-tiitli.html" target="_blank" class="logo-block tooltipstered" style="background-image: url('/sites/vikk.ee/files/styles/front_logo/public/2024-04/euroopa_ettevotlik_kool_2020.png?itok=TtD99E5C');" data-tooltip-title="Euroopa Ettevõtlik Kool 2020">
							<img src="/themes/custom/harno_theme/static/assets/images/placeholder-2.gif" alt="Logo for Euroopa Ettevõtlik Kool 2020">
						</a>
						<!--/logo-block-->
					</div>
					<!--/swiper-slide-->
																																												            																<div class="swiper-slide" role="group" aria-label="3 / 6" style="width: 151.5px; margin-right: 32px;">
						<a href="https://haka.ee/kutseoppe-kvaliteedi-hindamine/hindamisotsused-ja-aruanded/" target="_blank" class="logo-block" style="background-image: url('/sites/vikk.ee/files/styles/front_logo/public/2024-04/haka_logo.jpg?itok=iiI5Tehe');">
							<img src="/themes/custom/harno_theme/static/assets/images/placeholder-2.gif" alt="Õppekavade akrediteering">
						</a>
						<!--/logo-block-->
					</div>
					<!--/swiper-slide-->
																																												                                                    																<div class="swiper-slide" role="group" aria-label="4 / 6" style="width: 151.5px; margin-right: 32px;">
						<a href="https://harno.ee/kutse-ja-korghariduse-arendamine" target="_blank" class="logo-block" style="background-image: url('/sites/vikk.ee/files/styles/front_logo/public/2024-03/praktikasusteem_0.jpg?itok=JrZ0dfQC');">
							<img src="/themes/custom/harno_theme/static/assets/images/placeholder-2.gif" alt="Logo for Tunnustatud praktikasüsteem">
						</a>
						<!--/logo-block-->
					</div>
					<!--/swiper-slide-->
																																												            																<div class="swiper-slide" role="group" aria-label="5 / 6" style="width: 151.5px; margin-right: 32px;">
						<a href="https://ec.europa.eu/programmes/erasmus-plus/resources/documents/applicants/vet-mobility-charter_en" target="_blank" class="logo-block" style="background-image: url('/sites/vikk.ee/files/styles/front_logo/public/2020-01/image.png?itok=Ls99Z_zJ');">
							<img src="/themes/custom/harno_theme/static/assets/images/placeholder-2.gif" alt="VET mobility Charter">
						</a>
						<!--/logo-block-->
					</div>
					<!--/swiper-slide-->
																																												            																<div class="swiper-slide" role="group" aria-label="6 / 6" style="width: 151.5px; margin-right: 32px;">
						<a href="https://www.vikk.ee/sites/vikk.ee/files/2024-04/iso-9001_2015.jpg" target="_blank" class="logo-block" style="background-image: url('/sites/vikk.ee/files/styles/front_logo/public/2018-05/iso9001.png?itok=fXGywZU-');">
							<img src="/themes/custom/harno_theme/static/assets/images/placeholder-2.gif" alt="ISO 9001 juhtimisalane sertifikaat">
						</a>
						<!--/logo-block-->
					</div>
					<!--/swiper-slide-->
							</div>
			<!--/swiper-wrapper-->
		<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
		<!--/homepage-swiper-->
		<div class="swiper-button-prev logos-small-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-7695e5dd1b8cdb6c" aria-disabled="true" style="top: 18px;"></div>
		<div class="swiper-button-next logos-small-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-7695e5dd1b8cdb6c" aria-disabled="false" style="top: 18px;"></div>
		<div class="swiper-pagination small-logos-paginator swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="-1" role="button" aria-label="Go to slide 1" aria-hidden="true"></span><span class="swiper-pagination-bullet" tabindex="-1" role="button" aria-label="Go to slide 2" aria-hidden="true"></span></div>
	</div>
	<!--/homepage-swiper-wrapper-->
</div>
<!--/col-12 md-12 sm-12-->

          </div>
      </article>
      
    
    <!--/col-3 sm-12-->


            
                                </div>
                  
              
    

          
    

</div>


  
  <div class="demo-layout__row-width--100 row">

                                                                                                                                                          
                            
      
                                              <div class="col-12 md-12 sm-12 homepage-gutters layout__region layout__region--100">
                                                                  <article class="contextual-region content-block content-block--front-page ">
                                                        <div class="row">
                                                                
            						<div class="col-12 md-12 sm-12">
	<div class="title-block title-block--home-page">
					<h3>Galerii</h3>
			</div>
	<!--/title-block title-block--home-page-->
	<div class=" homepage-swiper-wrapper wide"><span class="swiper-edge-left"></span>
		<div class="swiper-container homepage-swiper-main swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events">
			<div class="swiper-wrapper" style="width: 734px; transform: translate3d(0px, 0px, 0px);">

									
																																																																																<div class="swiper-slide swiper-slide-active" style="width: 167.5px; margin-right: 16px;">
							<a href="https://vikk.ee/et/galeriid/riigikaitseoppe-valilaager-2024" class="news-block">
																																	<div class="news-block__thumbnail" style="background-image: url('/sites/vikk.ee/files/styles/galleries_and_news/public/2024-09/img_3752.jpeg?h=404059e4&amp;itok=uUNJJerr');                   "> <img src="/themes/custom/harno_theme/static/assets/images/placeholder-1.gif" alt="">
								</div>
								<!--/news-block__thumbnail-->
								<div class="news-block__news-info">
									<h3>Riigikaitseõppe välilaager 2024</h3>
									<div class="additional-info">
										<span class="date-indicator">
                      <i class="mdi mdi-calendar-month" aria-hidden="true"></i>
											<span class="sr-only">Loomise kuupäev</span>
											24.09.2024
										</span>
																			</div>
									<!--/additional-info-->
								</div>
								<!--/news-block__news-info-->
							</a>
						</div>
						<!--/swiper-slide-->
														
																																																																																<div class="swiper-slide swiper-slide-next" style="width: 167.5px; margin-right: 16px;">
							<a href="https://vikk.ee/et/galeriid/riigikaitseope-2024" class="news-block">
																																	<div class="news-block__thumbnail" style="background-image: url('/sites/vikk.ee/files/styles/galleries_and_news/public/2024-09/dsc_1726-min.jpg?h=b2774bcf&amp;itok=IyVWG_Pm');                   "> <img src="/themes/custom/harno_theme/static/assets/images/placeholder-1.gif" alt="">
								</div>
								<!--/news-block__thumbnail-->
								<div class="news-block__news-info">
									<h3>Riigikaitseõpe 2024</h3>
									<div class="additional-info">
										<span class="date-indicator">
                      <i class="mdi mdi-calendar-month" aria-hidden="true"></i>
											<span class="sr-only">Loomise kuupäev</span>
											24.09.2024
										</span>
																			</div>
									<!--/additional-info-->
								</div>
								<!--/news-block__news-info-->
							</a>
						</div>
						<!--/swiper-slide-->
														
																																																																																<div class="swiper-slide" style="width: 167.5px; margin-right: 16px;">
							<a href="https://vikk.ee/et/galeriid/kutsevoistlus-noor-meister-2024" class="news-block">
																																	<div class="news-block__thumbnail" style="background-image: url('/sites/vikk.ee/files/styles/galleries_and_news/public/2024-09/20240515_164614.jpg?h=00c56f89&amp;itok=9TMOUqet');                   "> <img src="/themes/custom/harno_theme/static/assets/images/placeholder-1.gif" alt="">
								</div>
								<!--/news-block__thumbnail-->
								<div class="news-block__news-info">
									<h3>Kutsevõistlus Noor Meister 2024</h3>
									<div class="additional-info">
										<span class="date-indicator">
                      <i class="mdi mdi-calendar-month" aria-hidden="true"></i>
											<span class="sr-only">Loomise kuupäev</span>
											23.09.2024
										</span>
																			</div>
									<!--/additional-info-->
								</div>
								<!--/news-block__news-info-->
							</a>
						</div>
						<!--/swiper-slide-->
														
																																																																																<div class="swiper-slide" style="width: 167.5px; margin-right: 16px;">
							<a href="https://vikk.ee/et/galeriid/esmakursuslaste-grupipildid-2425-oppeaastal" class="news-block">
																																	<div class="news-block__thumbnail" style="background-image: url('/sites/vikk.ee/files/styles/galleries_and_news/public/2024-09/am24.jpg?h=790be497&amp;itok=aE9R084o');                   "> <img src="/themes/custom/harno_theme/static/assets/images/placeholder-1.gif" alt="">
								</div>
								<!--/news-block__thumbnail-->
								<div class="news-block__news-info">
									<h3>Esmakursuslaste grupipildid 24/25 õppeaastal</h3>
									<div class="additional-info">
										<span class="date-indicator">
                      <i class="mdi mdi-calendar-month" aria-hidden="true"></i>
											<span class="sr-only">Loomise kuupäev</span>
											10.09.2024
										</span>
																			</div>
									<!--/additional-info-->
								</div>
								<!--/news-block__news-info-->
							</a>
						</div>
						<!--/swiper-slide-->
												</div>
			<!--/swiper-wrapper-->
			<div class="swiper-pagination home-paginator swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="-1" role="button" aria-label="Go to slide 1" aria-hidden="true"></span></div>

		</div>
		<!--/homepage-swiper-->
	<span class="swiper-edge" style="display: none;"></span></div>
	<!--/homepage-swiper-->
	<div class="row-spacer-24 xl-hide"></div>
	<div class="row-spacer-40 sm-hide md-hide"></div>

	<a href="/et/galeriid" class="btn btn-secondary btn-show-more">Ava galerii</a>

</div>

          </div>
      </article>
      
    
    <!--/col-3 sm-12-->


            
                                </div>
                  
              
    

          
    

</div>


  
  <div class="demo-layout__row-width--100 row">

                                                                                                                          
                            
      
      
    
      
    

          
    

</div>


  
  <div class="demo-layout__row-width--100 row">

                                                                                                                          
                            
      
      
    
      
    

          
    

</div>


  
  <div class="demo-layout__row-width--100 row">

                                                                                                                          
                            
      
      
    
      
    

          
    

</div>
  <div class="layout layout--onecol">
    <div class="layout__region layout__region--content">
      
<div class="block block-layout-builder block-extra-field-blocknodefront-pagelinks">
  
    
      <div class="content">
      
    </div>
  </div>

    </div>
  </div>

  </div>
</article>

      

					      			<div class="row">
									
                  								<div class="col-12 homepage-gutters">
																																						              
                
											
											
                            					          				</div>
				<!--/col-12-->
			</div>
      
                    			<!--/row-->
		</div>
		<!--/container-->
	</main>
																																<footer class="main-footer">
									<div class="footer-content">
					<div class="container">
						<div class="row">
							                    <div class="col-3 md-6 sm-12">
                            <div class="block">
     <div class="block-title">
       <h4>Üldine kontakt</h4>
     </div><!--/block-title-->
     <ul class="contacts">
                <li>
           <span>Viljandi Kutseõppekeskus</span>
         </li>
                       <li>
           <address>Looduse tee 2, Vana-Võidu küla, Viljandi vald, Viljandimaa 70108</address>
         </li>
                       <li>
           <a class="btn btn-link" href="tel:+372 4351 020">+372 4351 020</a>
         </li>
                       <li>
           <a class="btn btn-link" href="mailto:[email protected]">[email protected]</a>
         </li>
                                        </ul><!--/contact-->
   </div><!--/block-->

 
                  </div>
    
    
    <!--/col-3 sm-12-->

                <div class="col-3 md-6 sm-12">
                        <div class="block">
  <div class="block-title">
    <h4>Olulised kontaktid</h4>
  </div><!--/block-title-->
      <ul class="contacts important">
              <li>
          <span>Registrikood: 70005565 </span>
                      <span class="bold"> KMKR nr EE100586699</span>
                  </li>
              <li>
          <span>Arved saata</span>
                      <span class="bold">e-arvena!</span>
                  </li>
          </ul><!--/contacts-->
  </div><!--/block-->

                  </div>
    
    
    <!--/col-3 sm-12-->

                <div class="col-3 md-6 sm-12">
                        
      <div class="block">
      <div class="block-title">
        <h4> Jälgi meid</h4>
      </div><!--/block-title-->
      <table class="social-links-table">
        <tbody>
                  <tr>
                          <td>
                <a target="_blank" class="btn btn-link" aria-label="Facebook" href="https://www.facebook.com/viljandikutseoppekeskus">
                  <i class="mdi mdi-facebook" aria-hidden="true"></i>Facebook</a>
              </td>
                          <td>
                <a target="_blank" class="btn btn-link" aria-label="TikTok" href="https://www.tiktok.com/@viljandi_kutseoppekeskus">
                  <i class="mdi mdi-widgets" aria-hidden="true"></i>TikTok</a>
              </td>
                          <td>
                <a target="_blank" class="btn btn-link" aria-label="Instagram" href="https://www.instagram.com/viljandikutseoppekeskus?igsh=MXQ1aTQ1MzI3dXc5ZQ==">
                  <i class="mdi mdi-instagram" aria-hidden="true"></i>Instagram</a>
              </td>
                      </tr>
                </tbody>
      </table><!--/social-links-table-->
    </div><!--/block-->
  
                  </div>
    
    
    <!--/col-3 sm-12-->

                <div class="col-3 md-6 sm-12">
                        
    <div class="block">
      <div class="block-title">
        <h4>Otsi kiiresti</h4>
      </div>
      <ul class="link-list">
                  <li>
                          <a class="btn btn-link" aria-label="Tunniplaan" href="/et/oppetoo/tunniplaan">Tunniplaan</a>
                      </li>
                  <li>
                          <a class="btn btn-link in-new" aria-label="Dokumendiregister (alates 01.01.2023)" target="_blank" href="https://adr.pinal.edu.ee/et/?orgId=71">Dokumendiregister (alates 01.01.2023)</a>
                      </li>
                  <li>
                          <a class="btn btn-link in-new" aria-label="VIRTUAALTUUR" target="_blank" href="http://www.tuur.ee/tuurid/08-kutseoppeasutuste-virtuaaltuurid/12-viljandi-khk">VIRTUAALTUUR</a>
                      </li>
                  <li>
                          <a class="btn btn-link" aria-label="Isikuandmete töötlemine Viljandi Kutseõppekeskuses" href="/et/isikuandmete-tootlemine-viljandi-kutseoppekeskuses">Isikuandmete töötlemine Viljandi Kutseõppekeskuses</a>
                      </li>
              </ul>
    </div><!--/block-->

                  </div>
    
    
    <!--/col-3 sm-12-->



						</div>
						<!--/row-->
					</div>
					<!--/container-->
				</div>
				<!--/footer-content-->
							<div class="footer-navigation">
			<div class="container-fluid">
				<div class="footer-bottom text-center">
					<nav>
						<ul class="sitemap-nav">
							<li>
								<a href="/et">Avaleht</a>
							</li>
							<li>
								<a href="/et/sisukaart">Saidikaart</a>
							</li>
						</ul>
						<!--/sitemap-nav-->
					</nav>
					      

  

				</div>
				<!--/footer-bottom text-center-->
			</div>
			<!--/container-fluid-->
		</div>
		<!--/footer-navigation-->
	</footer>
  <button class="btn btn-secondary back-to-top">
    <i class="mdi mdi-arrow-up" aria-hidden="true"></i>
    Tagasi üles
  </button><!--/btn btn-secondary back-to-top-->
</div>
            <div class="share-wrapper" role="dialog" aria-labelledby="modal-text" aria-modal="true">
  <div class="share-modal">
    <div class="share-modal__header">
      <h5 id="modal-text">Jaga lehekülge</h5>
      <button class="btn-close-modal" aria-label="Sulge modaalaken" tabindex="0">
        <span class="sr-only">Sulge modaalaken</span>
        <i class="mdi mdi-close" aria-hidden="true"></i>
      </button>
    </div><!--/share-modal__header-->
    <div class="share-modal__body">
      <a href="#" target="_blank" class="btn btn-secondary share-facebook">
        <i class="mdi mdi-facebook" aria-hidden="true"></i>
        Facebook</a>
      <a href="#" target="_blank" class="btn btn-secondary share-twitter">
        <i class="mdi mdi-twitter" aria-hidden="true"></i>
        Twitter</a>
      <a href="#" class="btn btn-secondary copy-link tooltipstered" data-copyurl="https://vikk.ee/et/node/1">
        <i class="mdi mdi-link-variant" aria-hidden="true"></i>
        Kopeeri link</a>
    </div><!--/share-modal__body-->
  </div><!--/share-modal-->
</div><!--/share-wrapper-->

  </div>

    
    <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"et\/","currentPath":"node\/1","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"et"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJx1jkEOwyAMBD9E6ychh2wIqsERmFb8vlHJpVJ7mvWsVjK6D6qPhBP5kMQlgPBD-hUbdzG3VS3mhYd2o3kcHHEZt3Mt6m1HBkXRheXWbEgq8auaOfRmmt2c-jW1oE_UQVoQVFzms1WacA1cw-75SJ676ec1GOiPd200Q6aFG9wLy6Y108X7mlg0vgFKHWTt","theme":"harno_theme","theme_token":null},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true},"matomo":{"disableCookies":false,"trackMailto":true},"webform":{"dialog":{"options":{"narrow":{"title":"Narrow","width":600},"normal":{"title":"Normal","width":800},"wide":{"title":"Wide","width":1000}},"entity_type":"node","entity_id":"1"}},"eu_cookie_compliance":{"cookie_policy_version":"1.0.0","popup_enabled":true,"popup_agreed_enabled":false,"popup_hide_agreed":false,"popup_clicking_confirmation":false,"popup_scrolling_confirmation":false,"popup_html_info":"\u003Cdiv aria-labelledby=\u0022popup-text\u0022  class=\u0022eu-cookie-compliance-banner eu-cookie-compliance-banner-info eu-cookie-compliance-banner--opt-in\u0022\u003E\n  \u003Cdiv class=\u0022popup-content info eu-cookie-compliance-content\u0022\u003E\n        \u003Cdiv id=\u0022popup-text\u0022 class=\u0022eu-cookie-compliance-message\u0022 role=\u0022document\u0022\u003E\n      \u003Cp\u003ESee veebisait kasutab k\u00fcpsiseid, et saaksime teile pakkuda parimat k\u00fclastajakogemust. Kas annate n\u00f5usoleku k\u00fcpsiste kasutamiseks?\u0026nbsp;\u003C\/p\u003E\n          \u003C\/div\u003E\n\n    \n    \u003Cdiv id=\u0022popup-buttons\u0022 class=\u0022eu-cookie-compliance-buttons\u0022\u003E\n            \u003Cbutton type=\u0022button\u0022 class=\u0022agree-button eu-cookie-compliance-secondary-button\u0022\u003EN\u00f5ustun\u003C\/button\u003E\n              \u003Cbutton type=\u0022button\u0022 class=\u0022decline-button eu-cookie-compliance-default-button\u0022\u003EEi n\u00f5ustu\u003C\/button\u003E\n          \u003C\/div\u003E\n  \u003C\/div\u003E\n\u003C\/div\u003E","use_mobile_message":false,"mobile_popup_html_info":"\u003Cdiv aria-labelledby=\u0022popup-text\u0022  class=\u0022eu-cookie-compliance-banner eu-cookie-compliance-banner-info eu-cookie-compliance-banner--opt-in\u0022\u003E\n  \u003Cdiv class=\u0022popup-content info eu-cookie-compliance-content\u0022\u003E\n        \u003Cdiv id=\u0022popup-text\u0022 class=\u0022eu-cookie-compliance-message\u0022 role=\u0022document\u0022\u003E\n      \n          \u003C\/div\u003E\n\n    \n    \u003Cdiv id=\u0022popup-buttons\u0022 class=\u0022eu-cookie-compliance-buttons\u0022\u003E\n            \u003Cbutton type=\u0022button\u0022 class=\u0022agree-button eu-cookie-compliance-secondary-button\u0022\u003EN\u00f5ustun\u003C\/button\u003E\n              \u003Cbutton type=\u0022button\u0022 class=\u0022decline-button eu-cookie-compliance-default-button\u0022\u003EEi n\u00f5ustu\u003C\/button\u003E\n          \u003C\/div\u003E\n  \u003C\/div\u003E\n\u003C\/div\u003E","mobile_breakpoint":768,"popup_html_agreed":false,"popup_use_bare_css":false,"popup_height":"auto","popup_width":"100%","popup_delay":1000,"popup_link":"\/et","popup_link_new_window":true,"popup_position":true,"fixed_top_position":true,"popup_language":"et","store_consent":false,"better_support_for_screen_readers":false,"cookie_name":"","reload_page":false,"domain":"","domain_all_sites":false,"popup_eu_only":false,"popup_eu_only_js":false,"cookie_lifetime":100,"cookie_session":0,"set_cookie_session_zero_on_disagree":0,"disagree_do_not_show_popup":false,"method":"opt_in","automatic_cookies_removal":true,"allowed_cookies":"","withdraw_markup":"\u003Cbutton type=\u0022button\u0022 class=\u0022eu-cookie-withdraw-tab\u0022\u003EPrivacy settings\u003C\/button\u003E\n\u003Cdiv aria-labelledby=\u0022popup-text\u0022 class=\u0022eu-cookie-withdraw-banner\u0022\u003E\n  \u003Cdiv class=\u0022popup-content info eu-cookie-compliance-content\u0022\u003E\n    \u003Cdiv id=\u0022popup-text\u0022 class=\u0022eu-cookie-compliance-message\u0022 role=\u0022document\u0022\u003E\n      \u003Ch2\u003EWe use cookies on this site to enhance your user experience\u003C\/h2\u003E\u003Cp\u003EYou have given your consent for us to set cookies.\u003C\/p\u003E\n    \u003C\/div\u003E\n    \u003Cdiv id=\u0022popup-buttons\u0022 class=\u0022eu-cookie-compliance-buttons\u0022\u003E\n      \u003Cbutton type=\u0022button\u0022 class=\u0022eu-cookie-withdraw-button \u0022\u003EWithdraw consent\u003C\/button\u003E\n    \u003C\/div\u003E\n  \u003C\/div\u003E\n\u003C\/div\u003E","withdraw_enabled":false,"reload_options":0,"reload_routes_list":"","withdraw_button_on_info_popup":false,"cookie_categories":[],"cookie_categories_details":[],"enable_save_preferences_button":true,"cookie_value_disagreed":"0","cookie_value_agreed_show_thank_you":"1","cookie_value_agreed":"2","containing_element":"body","settings_tab_enabled":false,"olivero_primary_button_classes":"","olivero_secondary_button_classes":"","close_button_action":"close_banner","open_by_default":true,"modules_allow_popup":true,"hide_the_banner":false,"geoip_match":true},"search_api_autocomplete":{"general_search":{"selector":".search-submit-btn","delay":600,"min_length":3}},"user":{"uid":0,"permissionsHash":"17206d909761e6f4d5f806db56b20fcff51447ffb44bb49843db3db6b81577de"}}</script>
<script src="/sites/vikk.ee/files/js/js_qc5b1hH9HHrIrRnrwLCbE9A8Zg3VlyVLBdOEBCu1_iI.js?scope=footer&amp;delta=0&amp;language=et&amp;theme=harno_theme&amp;include=eJx1jEEOwyAMBD9E6ychh2wIqsERmFb8vlGSS6T2NOvZlTObZqV8wLXRDJkmbnAr16LeVmTQmUNv--pWRNGJ5dFsSCrRfTAtWjNdfM6JRaND90H1lbAjb5K4BNAv6Wcs3MWc8NBufk4t6Bt1kBYEFbdULebPls5j44jLuAauYfW8Jc_d9HgMA_3xX6wCZO0"></script>
<script src="/modules/contrib/eu_cookie_compliance/js/eu_cookie_compliance.min.js?v=10.2.2" defer=""></script>
<script src="/sites/vikk.ee/files/js/js_E99b8D-lOF8tA5KQF-wd1WG-CkEHLa8Yk2Lz8UT1ffM.js?scope=footer&amp;delta=2&amp;language=et&amp;theme=harno_theme&amp;include=eJx1jEEOwyAMBD9E6ychh2wIqsERmFb8vlGSS6T2NOvZlTObZqV8wLXRDJkmbnAr16LeVmTQmUNv--pWRNGJ5dFsSCrRfTAtWjNdfM6JRaND90H1lbAjb5K4BNAv6Wcs3MWc8NBufk4t6Bt1kBYEFbdULebPls5j44jLuAauYfW8Jc_d9HgMA_3xX6wCZO0"></script>

  

The website encountered an unexpected error. Try again later.<br><ul id="ui-id-1" tabindex="-1" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front search-api-autocomplete-search" unselectable="on" style="display: none;"></ul><div role="status" aria-live="assertive" aria-relevant="additions" class="ui-helper-hidden-accessible"></div><ul id="ui-id-2" tabindex="-1" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front search-api-autocomplete-search" unselectable="on" style="display: none;"></ul><div role="status" aria-live="assertive" aria-relevant="additions" class="ui-helper-hidden-accessible"></div><div id="drupal-live-announce" class="visually-hidden" aria-live="polite" aria-busy="false"></div><div id="drupal-modal" class="ui-front" style="display: none;"></div><style></style></body></html>