reveal-irontec-theme

Tema corporativo de Irontec para RevealJS

Installation

Install with bower

bower install reveal-irontec-theme --save

Add animated logo Irontec by slide

<div id="irontec3D">
  <div class="irontecName"></div>
  <div class="sceneIrontec">
    <div class="forma cilindro-1 cil-1">
      <div class="cara bm">
        <div class="foton-shader"></div>
      </div>
      <div class="cara tp">
        <div class="foton-shader"></div>
      </div>
      <div class="cara lado s0">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.137255);"></div>
      </div>
      <div class="cara lado s1">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.117647);"></div>
      </div>
      <div class="cara lado s2">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.101961);"></div>
      </div>
      <div class="cara lado s3">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.0901961);"></div>
      </div>
      <div class="cara lado s4">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.0784314);"></div>
      </div>
      <div class="cara lado s5">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.0745098);"></div>
      </div>
      <div class="cara lado s6">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.0745098);"></div>
      </div>
      <div class="cara lado s7">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.0784314);"></div>
      </div>
      <div class="cara lado s8">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.0862745);"></div>
      </div>
      <div class="cara lado s9">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.0980392);"></div>
      </div>
      <div class="cara lado s10">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.109804);"></div>
      </div>
      <div class="cara lado s11">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.129412);"></div>
      </div>
      <div class="cara lado s12">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.14902);"></div>
      </div>
      <div class="cara lado s13">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.168627);"></div>
      </div>
      <div class="cara lado s14">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.192157);"></div>
      </div>
      <div class="cara lado s15">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.215686);"></div>
      </div>
      <div class="cara lado s16">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.243137);"></div>
      </div>
      <div class="cara lado s17">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.266667);"></div>
      </div>
      <div class="cara lado s18">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.294118);"></div>
      </div>
      <div class="cara lado s19">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.317647);"></div>
      </div>
      <div class="cara lado s20">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.345098);"></div>
      </div>
      <div class="cara lado s21">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.368627);"></div>
      </div>
      <div class="cara lado s28">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.509804);"></div>
      </div>
      <div class="cara lado s29">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.517647);"></div>
      </div>
      <div class="cara lado s30">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.52549);"></div>
      </div>
      <div class="cara lado s31">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.52549);"></div>
      </div>
      <div class="cara lado s32">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.521569);"></div>
      </div>
      <div class="cara lado s33">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.513726);"></div>
      </div>
      <div class="cara lado s34">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.501961);"></div>
      </div>
      <div class="cara lado s35">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.486275);"></div>
      </div>
      <div class="cara lado s36">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.470588);"></div>
      </div>
      <div class="cara lado s37">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.45098);"></div>
      </div>
      <div class="cara lado s38">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.427451);"></div>
      </div>
      <div class="cara lado s39">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.403922);"></div>
      </div>
      <div class="cara lado s40">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.380392);"></div>
      </div>
      <div class="cara lado s41">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.356863);"></div>
      </div>
      <div class="cara lado s42">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.329412);"></div>
      </div>
      <div class="cara lado s43">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.305882);"></div>
      </div>
      <div class="cara lado s44">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.278431);"></div>
      </div>
      <div class="cara lado s45">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.254902);"></div>
      </div>
      <div class="cara lado s46">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.231373);"></div>
      </div>
      <div class="cara lado s47">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.203922);"></div>
      </div>
      <div class="cara lado s48">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.180392);"></div>
      </div>
      <div class="cara lado s49">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.160784);"></div>
      </div>
    </div>
    <div class="forma cubitoId-1 cub-1">
      <div class="cara ft">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.14902);"></div>
      </div>
      <div class="cara bk">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.45098);"></div>
      </div>
      <div class="cara rt">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.45098);"></div>
      </div>
      <div class="cara lt">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.14902);"></div>
      </div>
      <div class="cara bm">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.52549);"></div>
      </div>
      <div class="cara tp">
        <div class="foton-shader" style="background-color: rgba(45, 44, 49, 0.0745098);"></div>
      </div>
    </div>
  </div>
</div>