JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <link rel="icon" type="image/png" href="/jl/templates/beez5/favicon.png" /> <link rel="shortcut icon" type="image/x-icon" href="/jl/templates/beez5/favicon.png" /> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" dir="ltr" > <head> <base href="http://ycd-cg.com/jl/index.php/homepage" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="generator" content="Joomla! - Open Source Content Management" /> <title>Home</title> <link href="/jl/index.php/homepage?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" /> <link href="/jl/index.php/homepage?format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" /> <link href="http://ycd-cg.com/jl/index.php/component/search/?Itemid=435&format=opensearch" rel="search" title="Search YCD Computer Graphics" type="application/opensearchdescription+xml" /> <link rel="stylesheet" href="/jl/media/plg_fancybox/css/jquery.fancybox-1.3.4.css" type="text/css" /> <script src="/jl/media/system/js/mootools-core.js" type="text/javascript"></script> <script src="/jl/media/system/js/core.js" type="text/javascript"></script> <script src="/jl/media/system/js/caption.js" type="text/javascript"></script> <script src="/jl/media/plg_fancybox/js/jquery-1.6.4.min.js" type="text/javascript"></script> <script src="/jl/media/plg_fancybox/js/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script> <script src="/jl/media/system/js/mootools-more.js" type="text/javascript"></script> <script src="/jl/templates/beez5/javascript/md_stylechanger.js" type="text/javascript" defer="defer"></script> <script type="text/javascript"> window.addEvent('load', function() { new JCaption('img.caption'); }); <!--//--><![CDATA[//><!-- jQuery.noConflict();...