JSFiddle - React, Tailwind, and code Playground

by Mariagrazia_Lunghi

HTML

<section id="container">
<h1>HTML5 blog</h1>
<nav>
    <li><a href="/home">home</a></li>
    <li><a href="/chi-siamo">chi siamo</a></li>
    <li><a href="/gallery">gallery</a></li>
</nav>

<article id="articolo_in_evidenza">
    <h2>Titolo dell'articolo</h2>
    <h3>Sottotitolo dell'articolo</h3>
    <p class="info">
        scritto da <a href="http://sandropaganotti.com">Sandro Paganotti</a> il
        03 Ottobre 2012
    </p>
    <p> 
        Testo dell'articolo...
    </p>    
    <div>
        <strong>dietro le quinte</strong>:
        <p> 
            Qui parliamo di come l'articolo e' stato steso, delle 
            interviste necessarie, ecc...
        </p>
    </div>  
    <p> 
        Categoria: <a href="/reportage">reportage</a> <br/>
        Tags: <a href="/tag1">tag1</a>, <a href="/tag2">tag2</a>
    </p>            
</article>

<article id="altri_articoli">
    <div> 
        <h3>Titolo dell'articolo</h3>
        <p class="data">01 Ottobre 2012</p>
        <p> 
            Altro testo dell'articolo... 
            <a href="/articolo1">continua a leggere</a>               
        </p>
    </div>
    <div> 
        <h3>Altro articolo</h3>
        <p class="data">20 Settembre 2012</p>
        <p> 
            Altro testo dell'articolo... 
            <a href="/articolo1">continua a leggere</a>               
        </p>
    </div>
</aricle>
    
<aside id="blogroll">
    <strong> Blogroll </strong>
    <ul>
        <li><a href="http://html5.it">sito amico</a></li>
        <li><a href="http://html5.it">altro sito</a></li>
    </ul>   
</aside>
    
<footer>
    Realizzato da Sandro Paganotti, 03 Ottobre 2012 <a href="/copyright">copyright</a>    
</footer>
    
</section>