<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
  <title>K-space</title>
  <link href="https://fonts.googleapis.com/css?family=Orbitron" rel="stylesheet">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link rel="stylesheet" href="/static/css/materialize.min.css">
  <link rel="stylesheet" href="/static/css/index.css">
</head>

<body>
<div id="container" class="grey lighten-4">

  <div class="headerblock section">

    <div class="fadeimage"
         style="opacity:1;background-image:url('http://robot.itcollege.ee/assets/img/sumoesp-soldered.jpg')"></div>
    <!-- <div class="fadeimage" style="background-image:url('https://owncloud.koodur.com/index.php/apps/gallery/preview.public/1092117?width=2600&height=2600&c=d21f5a223e7ae8c692c537e6a35ae37f&requesttoken=TGJTDncMBCtJEG40Djt9HSUBIykoWn4bNwQpP09YAx4%3D%3A85kCFd3z8QYaaAKggYmQi%2F0mtMcmz7iSGQBOmq84Z50%3D&token=j0HUdRNEaZ37wGE')"></div>
    <div class="fadeimage" style="background-image:url('https://owncloud.koodur.com/index.php/apps/gallery/preview.public/1055905?width=2600&height=2600&c=a635e088958188e4490b17a91602366a&requesttoken=TGJTDncMBCtJEG40Djt9HSUBIykoWn4bNwQpP09YAx4%3D%3A85kCFd3z8QYaaAKggYmQi%2F0mtMcmz7iSGQBOmq84Z50%3D&token=j0HUdRNEaZ37wGE')"></div> -->

    <div class="header center-align z-depth-1 section">
      <h1 class="">k-space.ee</h1>
      <div class="slogan">
        <h5 class="center-align">Community-driven space for bringing your tech ideas to life</h5>
      </div>
    </div>

    <br/><br/><br/>

    <!-- landing page custom -->

    <div class="row container">

    </div>

  </div>

  <!-- ideas solution success -->
  <div class="row container section">

    <div class="col s12 m4">
      <div class="section center-align">
        <i class="material-icons large">search</i><br/>

        <h5>Discover awesome <b class="blue-text">ideas</b></h5>
        <div class="row">
          <div class="col s12">
            <p class="">
              Find out what we are struggling with<br>
              Browse our list of challenges<br>
              Come up with even more awesome ideas
            </p>
          </div>
        </div>

        <a href="/challenges" class="btn-large blue hide-on-med-and-up">to ideas</a>

      </div>
    </div>

    <div class="col s12 m4">
      <div class="section center-align">
        <i class="material-icons large">lightbulb_outline</i><br/>
        <h5>Find a <b class="amber-text">solution</b></h5>
        <div class="row">
          <div class="col s12">
            <p class="">
              Check out our community<br>
              Explore our wide range of equipment
            </p>
          </div>
        </div>

        <a href="#" class="btn-large amber hide-on-med-and-up">equipment</a>

      </div>
    </div>

    <div class="col s12 m4">
      <div class="section center-align">
        <i class="material-icons large">star_half</i><br/>

        <h5>Add <b class="green-text">success</b> to your portfolio</h5>
        <div class="row">
          <div class="col s12">
            <p class="">
              Your k-space achievements will be visible to all future visitors
            </p>
          </div>
        </div>
        <a href="/halloffame" class="btn-large green  hide-on-med-and-up">to success</a>

      </div>
    </div>
  </div>

  <div class="row container center-align hide-on-small-only">
    <div class="col s12 m4">
      <a class="btn-large blue" href="/challenges">to ideas</a>
    </div>
    <div class="col s12 m4">
      <a href="#" class="btn-large amber ">to equipment</a>
    </div>
    <div class="col s12 m4">
      <a href="/halloffame" class="btn-large green ">to success</a>
    </div>
  </div>

  <div class="section map z-depth-1">

    <div class="container white-text">
      <h2 class="">We have</h2>
      <div class="row section">
        <div class="col s12 m6">
          <h5>More than <b>300m<sup>2</sup></b> of space</h5>
          <p>It's like the whole floor</p>
        </div>
      </div>
    </div>
    <!-- SVG START -->

    <div class="container white-text">
      <div class="row">
        <div class="col s1">Office 21m<sup>2</sup></div>
        <div class="col s1">&nbsp;</div>
        <div class="col s1">Lockers</div>
        <div class="col s1">&nbsp;</div>
        <div class="col s1">&nbsp;</div>
        <div class="col s1">Office 15m<sup>2</sup></div>
        <div class="col s1">&nbsp;</div>
        <div class="col s1">&nbsp;</div>
        <div class="col s1">Moar lockers</div>
        <div class="col s1">&nbsp;</div>
        <div class="col s1">Office 20m<sup>2</sup></div>
        <div class="col s1">&nbsp;</div>

      </div>
    </div>

    <div class="container">

      <!-- SVG START -->
      <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	         viewBox="0 0 802.7 239.1" style="enable-background:new 0 0 802.7 239.1;" xml:space="preserve">
        <style type="text/css">
	        .st0 {
            fill: #26719B;
            stroke: #34495E;
            stroke-width: 5;
            stroke-miterlimit: 10;
          }

          .st1 {
            fill: #3498DB;
            stroke: #34495E;
            stroke-width: 5;
            stroke-miterlimit: 10;
          }

          .st2 {
            fill: #ECF0F1;
            stroke: #ECF0F1;
            stroke-miterlimit: 10;
          }

          .st3 {
            fill: #ECF0F1;
            stroke: #ECF0F1;
            stroke-width: 0.5;
            stroke-miterlimit: 10;
          }

          .st4 {
            fill: none;
            stroke: #ECF0F1;
            stroke-miterlimit: 10;
          }
        </style>
        <g id="bg">
        </g>
        <g id="Layer_1">
	        <g id="XMLID_20_">
		        <rect id="XMLID_14_" x="67.2" y="70.6" class="st0" width="265.8" height="29.8"/>
		        <rect id="XMLID_16_" x="399.4" y="70.6" class="st0" width="265.8" height="29.8"/>
	        </g>
	        <g id="XMLID_17_">
		        <rect id="XMLID_1_" x="0" y="100.9" class="st1" width="333" height="40.2"/>
		        <rect id="XMLID_4_" x="67.2" y="141.2" class="st1" width="66.4" height="66.4"/>
		        <rect id="XMLID_5_" x="0" y="176.4" class="st1" width="67.2" height="31.2"/>
		        <rect id="XMLID_6_" x="133.6" y="141.2" class="st1" width="66.4" height="66.4"/>
		        <rect id="XMLID_7_" x="333" y="141.2" class="st1" width="66.4" height="66.4"/>
		        <polygon id="XMLID_3_" class="st1" points="33.6,100.4 0,100.4 0,46.3 14.3,31.5 33.6,31.5 		"/>
		        <rect id="XMLID_2_" x="398.9" y="100.4" class="st1" width="265.8" height="40.2"/>
		        <rect id="XMLID_13_" x="531.8" y="140.6" class="st1" width="66.4" height="66.4"/>
		        <rect id="XMLID_11_" x="598.3" y="140.6" class="st1" width="66.4" height="66.4"/>
		        <polygon id="XMLID_8_" class="st1" points="698.3,100.4 664.7,100.4 664.7,46.3 679,31.5 698.3,31.5 		"/>
		        <rect id="XMLID_10_" x="333" y="100.9" class="st1" width="66.4" height="40.2"/>
		        <polygon id="XMLID_12_" class="st1" points="365.3,100.4 398.9,100.4 398.9,46.3 384.6,31.5 365.3,31.5 		"/>
		        <polygon id="XMLID_9_" class="st1" points="769.2,207.1 732.2,207.1 732.2,140.6 664.7,140.6 664.7,100.4 769.2,100.4 		"/>
	        </g>
        </g>
        <g id="jooned">
	        <g id="XMLID_212_">
		        <line id="XMLID_214_" class="st2" x1="16.3" y1="65.9" x2="16.3" y2="0"/>
		        <ellipse id="XMLID_213_" class="st3" cx="16.3" cy="65.9" rx="4" ry="3.9"/>
	        </g>
	        <g id="XMLID_209_">
		        <line id="XMLID_211_" class="st2" x1="166" y1="121.1" x2="166" y2="-0.2"/>
		        <ellipse id="XMLID_210_" class="st3" cx="166" cy="121.1" rx="4" ry="3.9"/>
	        </g>
	        <g id="XMLID_206_">
		        <line id="XMLID_208_" class="st2" x1="565" y1="120.6" x2="565" y2="-0.7"/>
		        <ellipse id="XMLID_207_" class="st3" cx="565" cy="120.6" rx="4" ry="3.9"/>
	        </g>
	        <g id="XMLID_203_">
		        <polyline id="XMLID_205_" class="st4" points="382.1,66 348.6,66 348.6,0 		"/>
		        <ellipse id="XMLID_204_" class="st3" cx="382.1" cy="66" rx="3.9" ry="4"/>
	        </g>
	        <g id="XMLID_200_">
		        <line id="XMLID_202_" class="st2" x1="681.5" y1="65.7" x2="681.5" y2="-0.2"/>
		        <ellipse id="XMLID_201_" class="st3" cx="681.5" cy="65.7" rx="4" ry="3.9"/>
	        </g>
	        <g id="XMLID_197_">
		        <line id="XMLID_199_" class="st2" x1="33.1" y1="191.4" x2="33.1" y2="239.1"/>
		        <ellipse id="XMLID_198_" class="st3" cx="33.1" cy="191.4" rx="4" ry="3.9"/>
	        </g>
	        <g id="XMLID_194_">
		        <line id="XMLID_196_" class="st2" x1="99.9" y1="174.1" x2="99.9" y2="239.1"/>
		        <ellipse id="XMLID_195_" class="st3" cx="99.9" cy="173.8" rx="4" ry="3.9"/>
	        </g>
	        <g id="XMLID_191_">
		        <polyline id="XMLID_193_" class="st4" points="166.8,174.4 230.9,174.4 230.9,239.1 		"/>
		        <ellipse id="XMLID_192_" class="st3" cx="166.8" cy="174.4" rx="3.9" ry="4"/>
	        </g>
	        <g id="XMLID_188_">
		        <line id="XMLID_190_" class="st2" x1="365.7" y1="173.8" x2="365.7" y2="239.2"/>
		        <ellipse id="XMLID_189_" class="st3" cx="365.7" cy="173.8" rx="4" ry="3.9"/>
	        </g>
	        <g id="XMLID_185_">
		        <line id="XMLID_187_" class="st2" x1="565" y1="173.8" x2="565" y2="239.1"/>
		        <ellipse id="XMLID_186_" class="st3" cx="565" cy="173.8" rx="4" ry="3.9"/>
	        </g>
	        <g id="XMLID_182_">
		        <line id="XMLID_184_" class="st2" x1="631.5" y1="173.8" x2="631.5" y2="239.1"/>
		        <ellipse id="XMLID_183_" class="st3" cx="631.5" cy="173.8" rx="4" ry="3.9"/>
	        </g>
        </g>
        </svg>

    </div>

    <div class="container white-text">
      <div class="row">
        <div class="col s1">Servers</div>
        <div class="col s2">3D printers, lasercutter, soldering</div>
        <div class="col s2">CNC machine, saw, latche, mill</div>
        <div class="col s2">Kitchen, toilet, sauna</div>

        <div class="col s1">&nbsp;</div>
        <div class="col s1">Meeting room</div>
        <div class="col s1">Lounge</div>
        <div class="col s1">&nbsp;</div>
        <div class="col s1">&nbsp;</div>
      </div>
    </div>
  </div>


  <!-- SVG END -->
  <div class="container black-text">
    <div class="row">
      <div class="col s12 m6">
        <h2 class="">Challenges</h2>
      </div>
    </div>
    <div class="row">
      <div class="col s12">
            <span class="flow-text">
                Do something new. Test yourself. Improve your portfolio. Have fun.
            </span>
        <p>
          Take part in our many challenges, ranging from restoring corrupted files from a flash drive to taking down
          walls with a sledgehammer. Once a challenge has been completed, the user will be added to our glorious hall of
          fame, where friends and employers can awe at your achievements.
        </p>
      </div>
    </div>
    <div class="row challenges">
      <div class="col s12 m3">
        <div class="card small">
          <div class="card-content">
            <div class="card-title">name here</div>
            <p>Description here</p>
            </br>
            <div>
              <div class="chip">security</div>
            </div>
            </br>
          </div>
        </div>
      </div>
      <div class="col s12 m3">
        <div class="card small">
          <div class="card-content">
            <div class="card-title">name here</div>
            <p>Description here</p>
            </br>
            <div>
              <div class="chip">security</div>
            </div>
            </br>
          </div>
        </div>
      </div>
      <div class="col s12 m3">
        <div class="card small">
          <div class="card-content">
            <div class="card-title">name here</div>
            <p>Description here</p>
            </br>
            <div>
              <div class="chip">security</div>
            </div>
            </br>
          </div>
        </div>
      </div>
      <div class="col s12 m3">
        <div class="card small">
          <div class="card-content">
            <div class="card-title">name here</div>
            <p>Description here</p>
            <br>
            <div>
              <div class="chip">security</div>
            </div>
            <br>
          </div>
        </div>
      </div>
    </div>
    <br>
    <div class="row">
      <div class="center-align">
        <a href="challenges.html" class="btn-large blue">Browse all challenges</a>
      </div>
    </div>
  </div>

  <br>

  <footer class="page-footer">
    <div class="container">
      <div class="row">
        <div class="col l6 s12">
          <h5 class="white-text">Contact</h5>
          <p class="grey-text text-lighten-4">
            <i class="material-icons">phone</i>&nbsp;Call Lauri 55 55 5555
          </p>

          <h5 class="white-text">Sponsors</h5>
          <p class="grey-text text-lighten-4">
            We have more than 10 companies supporting us financially and by equipment
            </br>
            <a href="#">I want to become a sponsor</a>
          </p>

        </div>
        <div class="col l4 offset-l2 s12">
          <h5 class="white-text">Links</h5>
          <ul>
            <li><a class="grey-text text-lighten-3" href="#!">Mission</a></li>
            <li><a class="grey-text text-lighten-3" href="#!">People</a></li>
          </ul>
          <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1015.5421689053422!2d24.659768056865254!3d59.39830538168295!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x469295abf80677bd%3A0x89a6e8a5671f608b!2sAkadeemia+tee+21%2F1%2C+12618+Tallinn!5e0!3m2!1set!2see!4v1507405326247"
                  width="350" height="200" frameborder="0" style="border:0" allowfullscreen></iframe>
        </div>
      </div>
    </div>
    <div class="footer-copyright">
      <div class="container">
        © 2017 k-space
        <!-- <a class="grey-text text-lighten-4 right" href="#!">More Links</a> -->
      </div>
    </div>
  </footer>

</div>

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.0/js/materialize.min.js"></script>
<script src="/static/js/app.js"></script>
</body>

</html>