portfolio.html

---
layout: default
section_id: portfolio
works:
  - image: images/@stock/scratch_1.png
    title: VIDEOGIOCHI FAI DA TE
    desc: Coding & Scratch!
    link_to: portfolio\portfolio-scratch.html
    class: robotics coding 11-14
  - image: images/@stock/one-page-work-16.jpg
    title: MR. ROBOT & DR. ARDUINO
    link_to: portfolio/portfolio-ottodiy.html
    class: robotics coding 11-14
    desc: Robotica, Arduino<br> e stampa 3D
  - image: images/@stock/one-page-work-15.jpg
    title: Raspberry Pi JAM
    desc: una marmellata di invenzioni
    class: electronics coding 8-14
    link_to: portfolio/portfolio-raspberryjam.html
  - image: images/@stock/one-page-work-14.jpg
    title: Videogiochi fai da te
    desc: tu te li fai e tu te li giochi
    class: electronics storytelling 6-11
    link_to: portfolio/portfolio-makeymakey.html
  - image: images/@stock/one-page-work-13.jpg
    title: Cose dell'altro mondo
    link_to: portfolio/portfolio-vr.html
    class: electronics storytelling 11-14
    desc: Realtà Aumentata vs. Realtà Virtuale
  - image: images/@stock/one-page-work-1.jpg
    title: Inventa con littleBits
    link_to: portfolio/portfolio-littlebits.html
    class: electronics 6-11
    desc: moduli elettronici per grandi invenzioni
  - image: images/@stock/one-page-work-2.jpg
    title: Robottino.cc
    link_to: portfolio/portfolio-robottino.html
    class: robotics coding 6-11
    desc: testa rotante interattiva <br> con cervello Arduino
  - image: images/@stock/one-page-work-3.jpg
    title: Spinner DIY
    link_to: portfolio/portfolio-spinner.html
    class: storytelling 8-14
    desc: non comprarlo, costruiscilo!
  - image: images/@stock/one-page-work-4.jpg
    title: robokoding
    link_to: portfolio/portfolio-robokoding.html
    class: robotics coding 11-14
    desc: battaglie tra robot a colpi di codice!
  - image: images/@stock/one-page-work-5.jpg
    title: Maschere di wintercroft
    link_to: portfolio/portfolio-wintercroft.html
    class: storytelling 8-14
    desc: per Carnevale, per Halloween o chissà?
  - image: images/@stock/one-page-work-6.jpg
    title: Lampada di MyCraft
    link_to: portfolio/portfolio-mycraft.html
    class: storytelling 8-14
    desc: illumina la notte col tuo blocco luminoso
  - image: images/@stock/one-page-work-7.jpg
    title: Tinkercad e stampa 3d
    link_to: portfolio/portfolio-tinkercad.html
    class: electronics storytelling 11-14
    desc: disegna, modella, stampa!
  - image: images/@stock/one-page-work-8.jpg
    title: (s)Passo UNO
    link_to: portfolio/portfolio-spassouno.html
    class: storytelling 6-14
    desc: il tavolo magico per animare le tue storie
  - image: images/@stock/one-page-work-9.jpg
    title: Cannucce e Robottoni
    link_to: portfolio/portfolio-robottoni.html
    class: storytelling 6-11
    desc: cannucce + strawbees =<br> tutto quello che vuoi!
  - image: images/@stock/one-page-work-10.jpg
    title: Volare si può
    link_to: portfolio/portfolio-droni.html
    class: coding electronics 11-14
    desc: scuola di volo per piloti di droni
  - image: images/@stock/one-page-work-11.jpg
    title: CIRCUITI D'INCHIOSTRO
    link_to: portfolio/portfolio-bare.html
    class: electronics 8-14
    desc: l'elettricità corre su un filo d'inchiostro!
  - image: images/@stock/one-page-work-12.jpg
    title: TermoforMANIA
    link_to: portfolio/portfolio-termoformania.html
    class: development 11-14
    desc: stampi personalizzati <br> per ghiaccio e cioccolato


---

<div class='full'>
  <div class='row'>
    <div class='mod modGallery'>
      <div class='gallery-nav'>
        <ul>
          <li class='current'>
            <a data-cat='all' href='#'>Tutti</a>
          </li>
          <li>
            <a data-cat='robotics' href='#'>Robotics</a>
          </li>
          <li>
            <a data-cat='coding' href='#'>Coding</a>
          </li>
          <li>
            <a data-cat='storytelling' href='#'>Storytelling</a>
          </li>
          <li>
            <a data-cat='electronics' href='#'>Electronics</a>
          </li>
          <li>
            <a data-cat='6-11' href='#'>6-11 anni</a>
          </li>
          <li>
            <a data-cat='8-14' href='#'>8-14 anni</a>
          </li>
          <li>
            <a data-cat='11-14' href='#'>11-14 anni</a>
          </li>
        </ul>
      </div>
      <ul class='gallery large-block-grid-4 medium-block-grid-3 seperated small-block-grid-2'>
        {% for work in page.works %}
          <li class='{{work.class}}'>
            <a href='{{work.link_to}}'>
              <img alt="" src="{{site.url}}/{{work.image}}" />
              <div class='overlay' style='background: rgba(0, 152, 177, 0.8);'>
                <div class='thumb-info'>
                  <h3>{{work.title}}</h3>
                  <p>{{work.desc}}</p>
                </div>
              </div>
            </a>
          </li>
        {% endfor %}
      </ul>
    </div>
  </div>
  <div class='four spacing'></div>
  <!--<div class='row'>
    <div class='large-12 columns'>
      <p class='centered-text'>
        <a class='button' href='#'>See more works</a>
      </p>
    </div>
  </div>
  <div class='four spacing'></div>
</div>!-->