rein / www.mechanicape.nl
Mechanicape.nl website
Newer
Older
www.mechanicape.nl / index.html
ReinVelt on 4 Oct 18 KB map
<!DOCTYPE html>
<html lang="nl">
  <head>
    <title>Theo's Mechanische Aap</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="Stichting Theo's Mechanische Aap is een makerspace/hackerspace/hobbyclub in de haagse villawijk Zorghvliet. 
		Vanuit ons hoofdkwartier zijn we bezig met de ontwikkeling van toepassingen op het gebied van 
		elektronica, software en mechanica. Daarnaast organiseren wij cursussen en workshops en zijn we regelmatig te
		vinden op evenementen die door anderen worden georganiseerd.">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap-theme.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>

    <style>
      #myCarousel img     {width:100%;}
      .logo {position:absolute; top:60px; left:30px; width:20%; }
      .logo:hover {position:absolute; top:60px; left:30px; width:40%; transition: all 1.0s linear; }
    .shadowfilter {
	    -webkit-filter: drop-shadow(0px 0px 0px rgba(255,255,255,0.80));
	    -webkit-transition: all 1.0s linear;
	    -o-transition: all 1.0s linear;
	    transition: all 1.0s linear;
	
    }.shadowfilter:hover {
	    -webkit-filter: drop-shadow(0px 0px 8px rgba(0, 231, 255, 0.8));
    }
      .footer             {position:fixed; background-color:#444444; color:white; border: solid 1px #666666; bottom:0; left:0; right:0; font-size:10pt;}
      .footer .end        {background-color:white; color:silver;}
      .footer a           {color:white;}
      .gallery            {position:fixed; bottom:0px; left:0px; height:154px; }
      .photos             {left:-420px; width:10000px; height: 300px; }
      .photos img         {max-width:100px; height: 48px; border:0; border-radius:0px; border-top:solid #666666 8px;border-bottom:solid #666666 4px; padding:0; margin:0;}
      .photos img:hover   {max-width:480px; height:300px; margin-top:-250px; border:solid 1px; border-radius:10px; -webkit-filter: drop-shadow(0px 0px 128px rgba(0, 231, 255, 0.9)); transform: rotate(5deg);}
      .underline          {border-bottom:dotted 1px black;}
      .thumbnail          {float:left;}
      .margin             {margin:10px; width:300px; border:solid 1px silver;; border-radius:6px;; padding:2px;}
      .padding            {padding:1em;}
    </style>
   </head>
  <body>
    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"> </span>
            <span class="icon-bar"> </span>
            <span class="icon-bar"> </span>
          </button>
          <a class="navbar-brand shadowfilter" href="#"><b>Theo's Mechanische Aap</b></a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
             <li><a href="http://www.mechanicape.nl" title="main site" class="shadowfilter">Organisatie</a></li>
             <li><a href="http://blog.mechanicape.nl" title="weblogs" class="shadowfilter">Projecten</a></li>
             <li><a href="#"data-toggle="modal" data-target="#popupNieuwsbrief" class="shadowfilter">Nieuwsbrief</a></li>
             <li><a href="#" data-toggle="modal" data-target="#popupContact" class="shadowfilter">Contact</a></li>
          </ul>
        </div><!--/.nav-collapse -->
     
      </div>
    </nav>


<div id="myCarousel" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner">
    <div class="item active">
      <img src="http://blog.mechanicape.nl/sites/all/themes/tma/images/local/3dprinter.jpg" alt="Theo's Mechanische Aap - Werkplaats voor makers">
      <div class="carousel-caption  shadowfilter">
        <h3>Theo's Mechanische Aap</h3>
        <p>Werkplaats voor makers</p>
      </div>
    </div>

    <div class="item">
      <img src="http://blog.mechanicape.nl/sites/all/themes/tma/images/local/rpiz.jpg" alt="Ontwikkeling en innovatie - Research & Development van technische noviteiten">
      <div class="carousel-caption  shadowfilter">
        <h3>Ontwikkeling en innovatie</h3>
        <p>Research & Development van technische noviteiten</p>
      </div>
    </div>

    <div class="item">
      <img src="http://blog.mechanicape.nl/sites/all/themes/tma/images/local/cursus.jpg" alt="Techniek en educatie - Workshops en cursussen voor kinderen en volwassenen">
      <div class="carousel-caption  shadowfilter">
        <h3 >Techniek en educatie</h3>
        <p>Workshops en cursussen voor kinderen en volwassenen</p>
      </div>
    </div>

    <div class="item">
      <img src="http://blog.mechanicape.nl/sites/all/themes/tma/images/local/inno.jpg" alt="Kennis, werkruimte & materialen - Conferenties, seminars, beurzen">
      <div class="carousel-caption  shadowfilter">
        <h3>Kennis, werkruimte & materialen</h3>
        <p>Conferenties, seminars, beurzen</p>
      </div>
    </div>
  </div>

  <!-- Left and right controls -->
  <a class="left carousel-control" href="#myCarousel" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#myCarousel" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
    <span class="sr-only">Next</span>
  </a>
</div>



    <div class="container">
      <div class="starter-template">
        <h1 class="shadowfilter">Theo's Mechanische Aap</h1>
        <p class="lead shadowfilter">
		Stichting <b>Theo's Mechanische Aap</b> is een makerspace/hackerspace/hobbyclub in de haagse villawijk Zorgvliet. 
		Vanuit ons hoofdkwartier zijn we bezig met de ontwikkeling van toepassingen op het gebied van 
		elektronica, software en mechanica. Daarnaast organiseren wij cursussen en workshops en zijn we regelmatig te
		vinden op evenementen die door anderen worden georganiseerd.
	</p>
	
      </div>
      <div class="container">
         <div class="row">
          <div class="col-md-4 shadowfilter"> 
                <h2>Projecten</h2>  
                Op ons weblog kun je meer zien over de projecten  die we in het verleden hebben gedaan.
                <br/>
                <a href="http://blog.mechanicape.nl"><button type="button" class="btn btn-default btn-block shadowfilter">Ga naar het Weblog</button></a>
          </div>
          <div class="col-md-4  shadowfilter">
                <h2>Developers</h2>
                Ben jij developer en wil je onze Git zien? 
                Ga dan naar <a href="http://dev.mechanicape.nl" target="tmasub">http://dev.mechanicape.nl</a> of klik op de volgende knop.
                <br/>
                <a href="http://dev.mechanicape.nl"><button type="button" class="btn btn-warning btn-block shadowfilter">Developers site</button></a>
        </div>
        <div class="col-md-4  shadowfilter">
                <h2>Neem contact op!</h2>
                   Heb je vragen, idee├źn of vindt je het leuk om langs te komen? 
                   <br/>
                  <a href="http://blog.mechanicape.nl/contact"><button type="button" class="btn btn-info btn-block shadowfilter">Neem contact op</button></a>
        </div>
       </div> <!--end row-->
       <div class="row" style="height:100px;"></div>
       <div class="row">
         <!-- AddToAny BEGIN -->
                
        <!-- AddToAny END -->
       </div>
       <div class="row">
         <h2>Locatie</h2>
         <iframe class="shadowfilter" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2451.635632435937!2d4.2831174!3d52.0863625!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c5b0cf2f8d1eb1%3A0xfa2dcd1472ab2c08!2sTheo&#39;s+Mechanische+Aap!5e0!3m2!1snl!2sus!4v1507124968889" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
         </iframe> 
      </div>
      <div class="row" style="height:400px;"></div>
    </div>



  <!-- Modal nieuwsbrief-->
  <div class="modal fade" id="popupNieuwsbrief" role="dialog">
    <div class="modal-dialog shadowfilter">
    
      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close  shadowfilter" data-dismiss="modal">&times;</button>
          <h4 class="modal-title  shadowfilter">Aanmelden Nieuwsbrief</h4>
        </div>
        <div class="padding  shadowfilter">
                    Vul hieronder je email adres in om je aan te melden voor onze nieuwsbrief
                    <form action="http://mechanicape.us6.list-manage1.com/subscribe/post?u=10b349c40657b03c60c55cdde&amp;id=326aa71441" class="validate" id="mc-embedded-subscribe-form" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank">
                      <input class="email" id="mce-EMAIL" name="EMAIL" placeholder="email address" required="" value="" type="email">
                      <input class="button" id="mc-embedded-subscribe" name="subscribe" value="Subscribe" type="submit">
                    </form>
                    Wij versturen onze nieuwsbrief maximaal 4x per jaar en meestal minder.
                  
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default  shadowfilter" data-dismiss="modal">Close</button>
        </div>
      </div>
      
    </div>
  </div>


   <!-- Modal contact-->
  <div class="modal fade" id="popupContact" role="dialog">
    <div class="modal-dialog shadowfilter">
    
      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close  shadowfilter" data-dismiss="modal">&times;</button>
          <h4 class="modal-title  shadowfilter">Contactgegevens</h4>
        </div>
        <div class="content">
           <div class="padding  shadowfilter">
                <b>Stichting Theo's Mechanische Aap</b><br/>
                Alexander Gogelweg 12<br/>
                2517JH Den Haag, NL<br/>
               <ul>
	            <li>KVK Haaglanden 68523335 </li>
	            <li>Bankrekening NL42BUNQ2290801070</li>
              </ul> 
          </div>
       </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default  shadowfilter" data-dismiss="modal">Close</button>
        </div>
      </div>
      
    </div>
  </div>


      <div class="gallery container  hidden-sm hidden-xs">
      <div class="photos col-md-12 shadowfilter" title="Voorbeelden van onze projecten">
           <img src="assets/img/hercules.jpg"   class="thumbnail shadowfilter"   title="Nieuwe firmware voor Hercules">
           <img src="assets/img/ledklok.jpg"    class="thumbnail shadowfilter"   title="Led Klok Project">  
           <img src="assets/img/cnc-laser.jpg"  class="thumbnail shadowfilter"   title="CNC-laser (2500 mW)">
           <img src="assets/img/3dprinters.jpg" class="thumbnail shadowfilter"   title="3D Printers">
           <img src="assets/img/workshop2.jpg"  class="thumbnail shadowfilter"   title="workshop tijdens de mini-makerfaire in Groningen"> 
           <img src="assets/img/workshop.jpg"   class="thumbnail shadowfilter"   title="Frau Angelica workshop">
           <img src="assets/img/evenement.jpg"  class="thumbnail shadowfilter"   title="Evenementen - Mini Makerfaire in Groningen"> 
           <img src="assets/img/ultimaker.jpg"  class="thumbnail shadowfilter"   title="Ultimaker 3D printer"> 
           <img src="assets/img/tmabot.jpg"     class="thumbnail shadowfilter"   title="TMABOT, een van onze eerste mini-robots"> 
           <img src="assets/img/cursus2.jpg"    class="thumbnail shadowfilter"   title="Cursus met kinderen en ouders"> 
           <img src="assets/img/solarcooker.jpg" class="thumbnail shadowfilter"  title="Het solarcooker project van Harry"> 
           <img src="assets/img/cursus.jpg"     class="thumbnail shadowfilter"   title="Workshop voor kinderen">
           <img src="assets/img/robot2.jpg"     class="thumbnail shadowfilter"   title="TMABot versie 2, compleet met ElePHPant">
           <img src="assets/img/vliegerfoto.jpg" class="thumbnail shadowfilter"  title="Vliegerfotografie">
           <img src="assets/img/picavet.jpg"    class="thumbnail shadowfilter"   title="DIY picavet voor vliegerfotografie">
           <img src="assets/img/poeziekluis.jpg" class="thumbnail shadowfilter"  title="Poeziekluis voor het Huis Van Gedichten">
           <img src="assets/img/makerspace.jpg" class="thumbnail shadowfilter"   title="Makerspace">
           <img src="assets/img/corexy.jpg"     class="thumbnail shadowfilter"   title="CNC apparatuur">
           <img src="assets/img/poeziefoon.jpg" class="thumbnail shadowfilter"   title="Poeziefoon voor het Huis Van Gedichten"> 
           <img src="assets/img/onderdelen2.jpg" class="thumbnail shadowfilter"  title="Een heleboel onderdelen (boutjes, schroefjes, moertjes, Arduino', Esp's, ...)"> 
           <img src="assets/img/gereedschap.jpg" class="thumbnail shadowfilter"  title="Gereedschap"> 
           <img src="assets/img/tank.jpg"       class="thumbnail shadowfilter"   title="De rupsbandtank van Louis">  
           <img src="assets/img/bluebot.jpg"    class="thumbnail shadowfilter"   title="Zelfsturende mini robot">           
           <img src="assets/img/cnc-frees.jpg"  class="thumbnail shadowfilter"   title="CNC frees">
           <img src="assets/img/robot.jpg"      class="thumbnail shadowfilter"   title="TMABot versie 2 met nieuwe kleding"> 
           <img src="assets/img/hercules.jpg"   class="thumbnail shadowfilter"   title="Nieuwe firmware voor Hercules"> 
           <img src="assets/img/workshop2.jpg"  class="thumbnail shadowfilter"   title="workshop tijdens de mini-makerfaire in Groningen"> 
           <img src="assets/img/workshop.jpg"   class="thumbnail shadowfilter"   title="Frau Angelica workshop">
           <img src="assets/img/hercules.jpg"   class="thumbnail shadowfilter"   title="Nieuwe firmware voor Hercules">
           <img src="assets/img/ledklok.jpg"    class="thumbnail shadowfilter"   title="Led Klok Project">  
           <img src="assets/img/cnc-laser.jpg"  class="thumbnail shadowfilter"   title="CNC-laser (2500 mW)">
           <img src="assets/img/villa.jpg"      class="thumbnail shadowfilter"   title="Villa Grijpsheert, het HQ van de aap">
           <img src="assets/img/plomb.jpg"      class="thumbnail shadowfilter"   title="Optredens van diverse artiesten en muzikanten">
           <img src="assets/img/planes.jpg"     class="thumbnail shadowfilter"   title="RC planes">
           <img src="assets/img/rc.jpg"         class="thumbnail shadowfilter"   title="Afstand bestuurbare auto's">
           <img src="assets/img/ar.jpg"         class="thumbnail shadowfilter"   title="Augmented reality">
           <img src="assets/img/ruud.jpg"       class="thumbnail shadowfilter"   title="MovieQ van Ruud van Veen">
           <img src="assets/img/arduino.jpg"    class="thumbnail shadowfilter"   title="Arduino projecten">
           <img src="assets/img/vliegerfoto2.jpg" class="thumbnail shadowfilter" title="Vliegerfotografie">
           <img src="assets/img/vuurtoren.jpg"  class="thumbnail shadowfilter"   title="Vuurtoren Texel">
           <img src="assets/img/workshop2.jpg"  class="thumbnail shadowfilter"   title="workshop tijdens de mini-makerfaire in Groningen"> 
           <img src="assets/img/workshop.jpg"   class="thumbnail shadowfilter"   title="Frau Angelica workshop">
            <img src="assets/img/tank.jpg"      class="thumbnail shadowfilter"   title="De rupsbandtank van Louis">
       </div>
     </div>
    <footer class="footer">
       <div class="container hidden-sm hidden-xs">
        <div class="row">
          <div class="col-sm-12" class="underline"><b>Stichting Theo's Mechanische Aap</b></div>
        </div>
        <div class="row">
                  <div class="col-md-3  shadowfilter">
                        Alexander Gogelweg 12<br/>
                        2517 JH  Den Haag<br/>
                        Nederland
                  </div>
         	  <div class="col-sm-3  shadowfilter">
		        <ul>
		        <li>M: <a href="mailto:theo@mechanicape.com">theo@mechanicape.com</a></li>
		        <li>I: <a href="http://www.mechanicape.nl">http://mechanicape.nl</a></li> 
		        <li>T: <a href="http://www.mechanicape.nl">+31637607455</a></li> 
		        </ul>
                  </div>
         	  <div class="col-sm-4  shadowfilter">
         	      <ul>
		        <li>KVK:  Haaglanden 68523335</li>
		        <li>IBAN: NL42BUNQ2290801070</li>
	              </ul> 
                  </div>
                  <div class="col-xs-2 hidden-md-down">
                  <div class="a2a_kit a2a_kit_size_16 a2a_default_style">
         	      <img src="assets/img/hacker-icon.png" width="16" height="16"      class="hidden-xs-inline">
         	      <img src="assets/img/makerspace-icon.png" width="16" height="16"  class="hidden-xs-inline">
         	      <!-- AddToAny BEGIN -->
                        
                        <a class="a2a_dd hidden-xs-inline" href="https://www.addtoany.com/share"></a>
                        <a class="a2a_button_facebook hidden-xs-inline"></a>
                        <a class="a2a_button_twitter hidden-xs-inline"></a>
                        <a class="a2a_button_whatsapp hidden-xs-inline"></a>
                        <a class="a2a_button_printfriendly hidden-xs-inline"></a>
                        <a class="a2a_button_copy_link hidden-xs-inline"></a>
                    </div>
                        <script>
                        var a2a_config = a2a_config || {};
                        a2a_config.locale = "nl";
                        </script>
                        <script async src="https://static.addtoany.com/menu/page.js"></script>
                      <!-- AddToAny END -->
                  </div>
          </div>
       </div>
      <div class="row end">
        <div class="col-sm-12  shadowfilter"><center>Copyright 2010-2017 by Stichting Theo's Mechanische Aap <center></div>
      </div>
    </footer>
    <img src="assets/logo/logo_small.png" class="logo shadowfilter hidden-xs-block">
    <script>
	<!--//--><![CDATA[// ><!--

	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

	  ga('create', 'UA-16369246-1', 'auto');
	  ga('send', 'pageview');


	//--><!]]>
</script>
  </body>
</html>