JSFiddle - React, Tailwind, and code Playground

by jpzafra

HTML

<!doctype html>
<html>
    <head>
		    <meta charset="utf-8">
		    <title>Portfolio</title>
    </head>
    <body>
      <header>
        <h1>JPZafra portfolio</h1>
      </header>
<section>  
  <header>
    <h2>Bio</h2>
  </header>
  <article>
    Soy un madrileño nacido en 1980 que ha estudiado Ingeniería Informática y un Máster en software libre.</br>
  Mis intereses son muchos, me gustaría saber casi de cualquier cosa pero especialmente de software libre, viajes, libros, musica, cine, deporte, juegos de mesa,naturaleza… sin olvidar a amigos y familia de los cuales se aprende siempre.</br>
Actualmente colaboro en el Comunes, un colectivo sin ánimo de lucro dedicado a facilitar el trabajo de otros colectivos y activistas mediante el desarrollo de herramientas web y recursos libres, con el objetivo de fomentar los Bienes Comunes.
  </article>
      </section>      
      <section>  
  <header>
    <h2>Objetives</h2>
     </header>
        <article>
    <ul>
      <li>Improve my english</li>
					<li>Learn HTML5</li>
				</ul>
        </article>
      </section>
<section>  
  <header>
    <h2>Goals</h2>
     </header>
  <p>My Long term goal is to make a app for firefox OS</p>
      </section>
  
  
  <section>  
  <header>
    <h2>My P2PU Pages</h2>
     </header>
    <article>
<ol>
      <li>HTML5 Intro</li>
      <li>Inline Elements</li>
      <li>Lists and links</li>
      <li>Block Elements</li>
      <li>Tables</li>
      <li>Multimedia</li>
        <li>SprinkleOf Style</li>
</ol>   
    </article>
  </section>
  <footer>
    <p>See you at <a href="http://[email protected]">[email protected]</a>
  </footer>
    </body>
</html>

CSS

h1{
border:white solid;
border-width:25px;
text-align:center;
padding:25px;
background:limegreen;
}
h2{
border:white solid;
border-width:15px;
background:turquoise;
}
p{
border:white solid;
border-width:4px;
background:orange;
font-size:110%;
text-align:justify;
}
body
{
background:gold;
margin:25px;
}
#list{background:orange;
font-size:110%;
border:white solid;
border-width:4px;
}
article{
border:white solid;
border-width:4px;
background:orange;
font-size:110%;
text-align:justify;
}