feature: add bottom cards to ifractions page

index.html

@@ -95,6 +95,49 @@
       game.state.start('boot');
     </script>
 
+    <div class="panel panel-info">
+      <div class="panel-heading">🇺🇸&nbsp;&nbsp;More information about the iFractions Project</div>
+      <div class="panel-body">
+        <ul>
+          <li>Free software to promote learning with private data!</li>
+          <li>Developed by
+            <a href="https://www.usp.br/line" class="ref2" title="LInE's web page" target="_blank">Laboratory of
+              Informatics in Education</a>.
+          </li>
+          <li>For more information about mini-games to introduce fractions see the <a href="about/"
+              title="see documentation">iFractions documentation</a>.
+          </li>
+          <li>If you are a developer interested in colaborating with the project, see the <a
+              href="about/paginas/documentacao.html#sou-dev" title="see documentation to developers">Development
+              section</a> of the documentation.
+          </li>
+        </ul>
+        <!-- img src="img/mini_games_1.png" width="200" title="several mini-games" / -->
+        <!--        <a href="ifractions_www.tgz" title="download to use in your computer, school...">download</a> -->
+      </div>
+    </div>
+
+    <div class="panel panel-info">
+      <div class="panel-heading">🇧🇷&nbsp;&nbsp;Mais informações sobre o Projeto iFrações</div>
+      <div class="panel-body">
+        <ul>
+          <li><em>Software</em> livre para promover aprendizado mantendo dados privativo!</li>
+          <li>Desenvolvido pelo
+            <a href="https://www.usp.br/line" class="ref2" title="Página web do LInE" target="_blank">Laboratorio de
+              Informática na Educação</a>.
+          </li>
+          <li>Para mais informações sobre mini-jogos para
+            introduzir
+            frações veja a <a href="about/" title="see documentation">documentação do iFrações</a>.</li>
+          <li>Se você é um programador interessado em colaborar com o projeto, veja a <a
+              href="about/paginas/documentacao.html#sou-dev" title="veja documentação para desenvolvedores">sessão de
+              desenvolvimento</a> da documentação.
+          </li>
+        </ul>
+        <!-- img src="img/mini_games_1.png" width="200" title="several mini-games" / -->
+      </div>
+    </div>
+
   </div>
 
 </body>