JSFiddle - React, Tailwind, and code Playground

by danhdds

HTML

<!doctype html>
<html lang="pt-br">
<head>
   <meta charset="utf-8" />
   <title>Minha primeira página</title>
   <link rel="stylesheet" href="principal.css">
</head>

<body>
  <div id="div_p">
  
   <header id="cab_p">
      <h1>Aprendiz web docs</h1>
   </header>
   
   <nav id="nav_p">
      <ul>
	     <li>Home</li>
		 <li>Tutoriais</li>
		 <li>Podcast</li>
	  </ul>
   </nav>
   
   <section id="ses_p">
        
		<!-- Este é o artigo principal -->
        <article>
		   
		   <header>
		       <hgroup>
		         <h1>Título</h1>
			     <h2>Subtítulo</h2>	
               </hgroup>			   
		   </header>
		   
		   <p>Conteúdo do meu artigo 1</p>
		   
		   <footer>
		      <p>postado por Danilo Dias</p>
		   </footer>
		
		</article><!-- Este é o final do artigo principal -->
		
		<!-- Este é o artigo secundário -->
		<article>
		   
		   <header>
		       <hgroup>
		         <h1>Título</h1>
			     <h2>Subtítulo</h2>	
               </hgroup>			   
		   </header>
		   
		   <p>Conteúdo do meu artigo 1</p>
		   
		   <footer>
		      <p>postado por Danilo Dias</p>
		   </footer>
		
		</article> <!-- Este é o final do artigo secundário -->
		
   </section>
   
   <aside id="conl_p">
     <h4>Meu conteúdo secundário</h4>
	 Aula HTML 5.
   </aside>
   
   <footer id="rod_p" >Copyright Aprendiz web docs - 2014</footer>
  
  </div>
  
</body>
</html>