JSFiddle - React, Tailwind, and code Playground
HTML
<!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Editor de Álbumes</title>
<meta name="description" content="">
<meta name="author"
content="[email protected]">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="stylesheet" href="/css/style.css?v=2">
<link rel="stylesheet" href="/css/albumEditor.css?v=2">
<script src="/js/libs/modernizr-1.7.min.js"></script>
</head>
<body>
<div id="container">
<header>
<div class="logo"></div>
<div class="info purpleFont titleFontSize"><span class="name"></span> / <span class="size"></span></div>
<div class="actions purpleFont titleFontSize">
<span>Completar automáticamente</span>
</div>
</header>
<div id="main" role="main">
<div id="leftPanel">
<div class="tabs">
<div class="tab selected">Fotos</div>
<div class="tab">Fondos</div>
<div class="tab">Extras</div>
</div>
<div class="topActions">
<span class="subtitle purpleFont">Agrega más fotos</span>
<div class="uploadFileContainer">
<form target="uploadIframe" action="/photo/upload" method="post">
<input type="file" accept="image/jpeg" />
<button type="button">Subir</button>
</form>
<!-- This iframe must have an empty src to make an _AJAX_ upload -->
<iframe id="uploadIframe" src="" width="" height=""></iframe>
</div>
</div>
<div...