innen_v3

<link class="cssdeck" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.min.css">

<div id="social">

  <section data-x="-100" data-y="500" data-template="icons">

    <h1>Willkommen</h1>

    <section>

      <i class="fa fa-twitter"></i><br>

      Webdesign

    </section>

    <section>

      <i class="fa fa-github"></i><br>

          Printdesign

    </section>

    <section>

      <i class="fa fa-pinterest"></i><br>

      Programmierung

    </section>

    <section>

      <i class="fa fa-instagram"></i><br>

      80€/Mtl</section>

    </section>

    <section>

      <i class="fa fa-youtube-play"></i><br>

      youtube

    </section>

    <section>

      <i class="fa fa-dribbble"></i><br>

      dribbble

    </section>

    <section>

      <i class="fa fa-code"></i><br>

      codepen.io

    </section>

    <section>

      <i class="fa fa-facebook"></i><br>

      facebook

    </section>

    <section>

      <i class="fa fa-google-plus"></i><br>

      google-plus

    </section>

  </section>

</div>

<script class="cssdeck" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>

<script src="//cdnjs.cloudflare.com/ajax/libs/jmpress/0.4.5/jmpress.all.min.js"></script>

@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100);

body{

  text-align:center;

  font-family:sans-serif;

  height:200px!important;

}

.hint{

  color:#111;

}

section{

  font-size: 2em;

  text-align: center;

  color:#111;  

  font-family: 'Roboto', sans-serif;

  font-weight:100;

}

section i{

  font-size: 1.9em;

  color:#960c66;

  margin-bottom:.2em;

}

h2 a{

  color:#ff0066;

  text-decoration:none;

}

$(function() {

  $.jmpress('template', 'icons', {

    children: function(idx) {

      return {r: 2500, phi: idx*40, rotateY: idx*140, scale: 0.5, rotateX: 9};

    }

  });

  var config = {

    stepSelector: 'section',

    viewPort: {

      width: 1300,

      maxScale: 1

    },

    duration: {

      defaultValue: 2000//autoplay

    }

  };

  $('#social').jmpress(config);

});