Better effect on footer

Footer need to appear in an plan back to page content. This effect was
can achieved with .footer-shadow new element for P UI. Soon, an amazing
paralax effect between page content and footer! 🍷

Author: Daniell Mesquita

index.html

@@ -16,9 +16,8 @@
 <div class="content">
 <article>
 <nopehtml><blockquote style="background:#D6D6D6;border-top:1px solid #E7534F;border-bottom:1px solid #E7534F;border-left:10px solid #E7534F;border-right:10px solid #E7534F;border-radius:20px;margin:0 auto;text-align:center"><div style="margin-top: -7px;margin-left: 5px;width: 80px;height: 80px;clear: left;float: left"><img src="rsc/warning.svg" width="80px" height="80px"/></div><h1 style="font-size:40px;margin-top:-5px;margin-bottom:-1px">Aviso</h1><br>Seu navegador não suporta sites construídos em PEHTML. Isso significa que esse site não será exibido corretamente em seu atual navegador. <br><a href="../boat">Baixe o navegador Internet Boat</a> para experimentar todo o poder do PEHTML e aproveitar todos os recursos desse site.<br/><p>Don't know what is PEHTML? Learn <a href="https://developers.plasmmer.com/PEHTML" target="blank">here</a>.</p></blockquote></nopehtml>
-<h1>O que é o Plasmmer Experimental HTML (PEHTML)</h1>
-<p>São tags HTML modernas porém ainda experimentais, desenvolvidas pela Plasmmer. Novas tags meta, para design, localização de arquivos e semânticas.<br>Esta página é recomendada para todos os desenvolvedores web e programadores de navegadores. Segue abaixo a lista dos navegadores que atualmente suportam o PEHTML:</p>
-<blockquote class="browsers"><img src="rsc/ib.svg" width="16" height="16" /> Internet Boat <span class="badge green" title="Pontuação obtida no PEHTML Test (Under construction)">?</span></blockquote>
+<h1>O que é o Plasmmer UI Framework</h1>
+<p>É um framework/template/tema moderno e responsivo pensado para os aplicativos e sites do futuro. Um único framework com o mesmo código tanto para apps quanto para sites, porque creio que para o futuro a tendência é os aplicativos e sites serem a mesma coisa. Inicie rápidamente seu site/aplicativo</p>
 
 <h1>Começando</h1><br/>
 <h2>Meta tag do PEHTML</h2>
@@ -58,6 +57,7 @@ <h2>Selo do PEHTML</h2>
 <h1>Comments</h1> <span class="badge"><a href="http://developers.plasmmer.com/pehtml#disqus_thread"></a></span>
 </article>
 <blockquote><div id="disqus_thread"></div></blockquote>
+<div class="footer-shadow"></div>
 <footer><center>Última atualização em 01/07/2015 às 11:31</center>
 <div class="social-icons"><a href="https://github.com/DaniellMesquita/PEHTML" target="blank"><img src="rsc/github.svg" width="40px" height="40px" title="See first the news and improve PEHTML in GitHub" alt="GitHub"/></a><a href="https://facebook.com/PlasmmerDevelopers" target="blank"><img src="rsc/facebook.svg" width="40px" height="40px" title="Like us and receive latest news feed about PEHTML progress and other development tools" alt="Facebook"/></a><a href="https://twitter.com/PlasmmerDevelopers" target="blank"><img src="rsc/twitter.svg" width="40px" height="40px" title="Follow us and receive latest news feed about PEHTML progress and other development tools" alt="Twitter"></a><a href="https://ask.fm/PlasmmerDevelopers" target="blank"><img src="rsc/ask.svg" width="40px" height="40px" title="Follow/Ask us and receive latest answers for PEHTML and other development tools" alt="Ask.fm"></a><a href="https://plasmmer.deviantart.com" target="blank"><img src="rsc/deviantart.svg" width="40px" height="40px" title="Follow us and receive latest backgrounds, designs and apps" alt="Deviantart"></a></div><div class="social-buttons"></div>
 <copyright><center>Importante: O PEHTML não é uma versão nova do HTML, e sim tags experimentais criadas pela Plasmmer com o intuito de facilitar, simplificar, complementar e agilizar a Web. O PEHTML não pertence e nem possui ligações com a <a href="http://www.w3.org/" target="blank">W3C</a>.</center></copyright></footer>