JSFiddle - React, Tailwind, and code Playground

by ignaciocorreia

HTML

<link rel="stylesheet" href="http://www.signport.co.uk/test/css/style.css">
<link rel="stylesheet" href="http://www.signport.co.uk/test/HTML5_thrColFixHdr.css">
<link rel="stylesheet" href="http://www.signport.co.uk/test/jquery-ui-1.8.22/jquery-ui-1.8.22/themes/base/jquery-ui.css">
<!DOCTYPE HTML>
<html><head>
<meta charset="utf-8">

<title>ASG // Services // Sign Design and Manufacturing throughout UK and Europe</title>
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="navbar/css/ie/ie.css" />
<![endif]-->
        <script src="http://www.signport.co.uk/test/colorbox/jquery.min.js"></script>
        <script src="http://www.signport.co.uk/test/colorbox/jquery.easing.1.3.js"></script>
        <script src="http://www.signport.co.uk/test/colorbox/hide.show.js"></script>
        <script src="http://www.signport.co.uk/test/colorbox/projects.fader.js"></script>
        <script src="http://www.signport.co.uk/test/colorbox/jquery.colorbox-min.js"></script>
        <script>
            $(document).ready(function(){
                $("a[rel='project']").colorbox();
            });
        </script>
        <script type="text/javascript">
            var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
            document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
            </script>
            <script type="text/javascript">
            try{
            var pageTracker = _gat._getTracker("UA-15843712-1");
            pageTracker._trackPageview();
            } catch(err) {}
        </script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
    
    <script>
    $(function() {
        $( "#effect" ).hover(
            function() {
                $(...

CSS

.projects .item{box-shadow: 0 0 10px 0 black;padding:0;margin:10px;}
.projects a {display: block;height: 150px;margin-bottom: 20px;}
.projects a .boxshadow {position: absolute;z-index: 999999;box-shadow: none;}