Added 4 elements to examples.html

Author: Daniell Mesquita

examples.html

@@ -16,5 +16,24 @@
 <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.</blockquote></nopehtml>
+<p>After follow the <a href="index.html#instructions" target="blank">instructions</a>, here is the page for you start inserting elements to your page/app that uses the power of Plasmmer UI Framework!</p>
+<h1>Popunders</h1><br/>
+<h2>Fullscreen</h2>
+<h3>Action to activate</h3>
+<textarea onclick="this.focus();this.select()" readonly="readonly" style="margin: 6px 41px; width: 372px; height: 16px;">&lt;div onclick="$('#yourpopunder').toggle();return false"&gt;&lt;/div&gt;</textarea>
+<h3>Code of popunder (you can add more popunders to container)</h3>
+<textarea onclick="this.focus();this.select()" readonly="readonly" style="margin:6px 41px;width: 504px;height:16px">&lt;div class="popunders"&gt;&lt;div id="yourpopunder" style="display: none;"&gt;&lt;/div&gt;&lt;/div&gt;</textarea>
+<br/><h1>Blockquotes</h1><br/>
+<textarea onclick="this.focus();this.select()" readonly="readonly" style="margin:6px 41px;width: 392px;height:16px">&lt;blockquote&gt;&lt;p&gt;Phrase&lt;/p&gt;&lt;span&gt;Creator&lt;/span&gt;&lt;/blockquote&gt;</textarea>
+<br/><h1>Paragraphs</h1><br/>
+<textarea onclick="this.focus();this.select()" readonly="readonly" style="margin:6px 41px;width: 392px;height: 28px;">&lt;p&gt;Mussum ipsum cacilds plasmis&lt;/p&gt;
+&lt;p&gt;Mussum ipsum cacilds plasmis uis frameworquis&lt;/p&gt;</textarea>
+<br/><h1>Headings</h1><br/>
+<textarea onclick="this.focus();this.select()" readonly="readonly" style="margin:6px 41px;width: 392px;height: 44px;">&lt;h1&gt;Heading 1&lt;/h1&gt;
+&lt;h2&gt;Heading 2&lt;/h2&gt;
+&lt;h3&gt;Heading 3&lt;/h3&gt;
+&lt;h4&gt;Heading 4&lt;/h4&gt;
+&lt;h5&gt;Heading 5&lt;/h5&gt;
+&lt;h6&gt;Heading 6&lt;/h6&gt;</textarea>
 </body>
 </html>