<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <!-- == Website title == -->
    <title>Bald ist es soweit auf der Digitalen Wiese</title>
    <!-- ==  Meta tags (SEO) == -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="description" content="Digitale Wiese: Themen rund um digitales Arbeiten und digitalen Lifestyle. Hier entsteht ein Lifestyle-Magazin." />
    <meta name="author" content="Digitale Wiese" />
	
	<!-- ==  Canonical == -->
	<link rel="canonical" href="https://www.digitale-wiese.de/">

    <!-- == CSS STYLES == -->
    <link rel="stylesheet" href="css/style.css" type="text/css"/>
    
    <!-- == JAVASCRIPTS == -->
    <script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
    <script type="text/javascript" src="js/progress-bar.js"></script>
    
    <script>
      $(window).load(function(){  // Make sure that progress bar animation is executed after everything is loaded (fontface)
        // Progress bar plugin
        $('.progress-bar').progressBar({
          //dateStart: '12/24/2010',   // Dates must be in format MM/DD/YY
          //dateEnd: '12/24/2011',
          skin: 1,                    // 1-green,2-blue,3-orange
          percentage: 35             // number 1-100      
        });  
      });
    </script>

  </head>
  
<body>
  <!-- == Sky area with logo == -->
  <div class="sky">
    <div class="grid">  
      <h1 class="col2 middle">Digitale Wiese</h1>
    </div>
  </div>
  
  <!-- == Second main header - short catchy string == -->
  <div class="grid">
    <h2 class="col3">Wir sind noch beschäftigt... bald wird es soweit sein.</h2>
  </div>
  
    <!-- == Buildings with third main header and subscribe form == -->
    <div class="buildings">
      <div class="grid">
        <h3 class="col2 middle">Auf Digitale-Wiese.de entsteht bald ein Informationsportal zum Leben im Zeitalter der Digitalisierung. Es geht um Arbeit. Um Reisen. Um Lifestyle.</h3>
        <div class="clear"></div>
        <div class="col2 middle">
          <p>Mehr zu Digitale-Wiese.de wird sich hier in Kürze finden.</p>
		  <p>Wir bitten zu entschuldigen, dass es hier aktuell nur eine Baustellen-Webseite gibt.</p>
		  <p>Die Vorbereitungen dauern aktuell noch an.</p>
         </div>                                                     
       <div class="clear"></div>
       <div class="col3 paper-plane"></div>
      </div>
    </div>
    
    <!-- == Grass area for progress bar == -->
    <div class="grass">
      <div class="grid">
        <div class="col3">
          <div class="progress-label"><span id="progress-percentage"></span>% der Arbeit ist erledigt. Es gibt also noch einiges zu tun...</div>
        </div>
        <div class="col3">
          <div class="progress-bar">
            <div class="background"> <div class="bar-left"></div> <div class="bar-tile"></div> <div class="bar-right"></div> </div>
            <div class="clear"></div>
          </div>          
        </div>
      </div>  
    </div>
    
  <div class="gg-layer"></div>  <!-- == Grass - Ground Separator == -->  

  <div class="ground">  <!-- == BEGINNING OF GROUND AREA (3 info widgets) == -->
    <div class="grid">
    
    <h3 class="col3 ground-hl">Bis bald...</h3>
      
      <div class="clear"></div>
      
      </div>
      
    </div>  <!-- == END OF GROUND AREA (3 info widgets) == -->  
    
    <div class="gm-layer"></div>   <!-- == Ground - Metal Separator == -->  
    
    <!-- == Metal area with sharing and footer == -->
    <div class="metal">
      <div class="grid">
        <div class="col2 middle">
          <div class="sharing">
          </div>  
        </div>
        <div class="clear"></div>
        <div class="col3 footer">
          <p> Copyright 2018 Digitale Wiese | <a href="https://woessner.me/" title="Patrick Woessner" target="_blank">Woessner.ME</a> </p>
        </div>
      </div>
    </div>  

</body>
</html>  