JSFiddle - React, Tailwind, and code Playground

by John Passmore

HTML

<head>
    <title>Winking Eye Clipart - Cliparts Zone</title>    
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <meta name="description" content="65 high-quality  cliparts for free! Download and use them in your website, document or presentation." />    <link href="/styles.css" rel="stylesheet" type="text/css" />
  <link href="https://fonts.googleapis.com/css?family=Coiny|Unkempt|Work+Sans" rel="stylesheet">
  <link rel="shortcut icon" type="image/x-icon" href="/favicon.png" />
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script type="text/javascript" src="//static.criteo.net/js/ld/publishertag.js"></script> 
 </head>
<body>

<div id="headerc">
  <div id="header">
    <div class="logo">
      <a href="/">Cliparts Zone</a>
    </div>

    <!-- <span id="mobile-search"></span>

    <form id="searchbox" method="get" action="/search">
      <input type="text" name="q" id="q" placeholder="Search for cliparts..." />
      <input type="submit" value="Search" />
    </form>
    
    <br class="clear"> -->
  </div>
</div>

<div id="content">
  <!--  
  <h1>Winking Eye Cliparts</h1>
    <p>Looking for the best <strong></strong> cliparts? Search no more! We have 65 free  clip arts for you. Feel free to use them in your documents, websites, or presentations. You can also share a  clipart in social media sites or apps from our site.</p>
  <p>If you use any of these  cliparts on your website, an attribution, although not required, would be much appreciated.</p>
  -->
    <div class="thumbnails" id="album">
    
    <div class="thumbnail">
      <a href="/clipart/1507897"><img src="/img/1507897.gif" alt="Winking Eye Clip Art Clipart Co" title="Winking Eye Clip Art Clipart Co" /></a>  
    </div> 
  <!--
  <p>We do our best to bring you the highest quality  cliparts. Please, let us know if you see any error on this page of if you would...

JavaScript

$(document).ready(function() {
    $("#searchbox").submit(function(){
      if($("#q").val() != "") {
        $("#searchbox").submit();
      } else {
        return false;
      }
    });
    $('#cpimg').mousedown(function(event) {
      switch (event.which) {
        case 3:
          var file = $(this).attr("data-url");
          $.post( "/download/" + file, { id: "" } );
          break;
      }
    });

    $("#mobile-search").click(function() {
      $("#searchbox").toggle();
    });
  });
  
  <!-- Start of StatCounter Code for Default Guide -->
<script type="text/javascript">
//<![CDATA[
var sc_project=11027585; 
var sc_invisible=1; 
var sc_security="95ea03c8"; 
var sc_https=1; 
var sc_remove_link=1; 
var scJsHost = (("https:" == document.location.protocol) ?
"https://secure." : "http://www.");
document.write("<sc"+"ript type='text/javascript' src='" +
scJsHost+
"statcounter.com/counter/counter_xhtml.js'></"+"script>");
//]]>
</script>
<noscript><div class="statcounter"><img class="statcounter"
src="//c.statcounter.com/11027585/0/95ea03c8/1/"
alt="shopify site analytics" /></div></noscript>
<!-- End of StatCounter Code for Default Guide -->