JSFiddle - React, Tailwind, and code Playground

HTML

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="imagetoolbar" content="no" />
    <title>FancyBox</title>
    <link rel="stylesheet" type="text/css" href="http://afc.ru/test/fancybox/jquery.fancybox.css" media="screen" />
    <script type="text/javascript" src="http://afc.ru/test/fancybox/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="http://afc.ru/test/fancybox/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="http://afc.ru/test/fancybox/jquery.fancybox-1.2.1.pack.js"></script>
    <script type="text/javascript" src="http://afc.ru/test/jquery.cookie.js"></script>
    
    <script type="text/javascript">
        //    Отправим печеньку на машину пользователя
        $(function(){
            var cookieValue = "true";
            
            $.cookie("visit", cookieValue);
            
            $.cookie("the_cookie", "the_value", {
                expires: 7,
                path: "/",
                secure: true
            });
        });

    //    Получаем печеньку с машины пользователя
        $(function(){
            var getCookieValue = $.cookie("visit");
            alert("Пользовательская печенька: " + getCookieValue);
        });

    // Удаляем печеньку    
    /*    $("#delCookie").click(function () { 
            $.cookie("visit", null);
        });*/

    </script>
    

    <style>        
        html, body { font: normal 12px Tahoma; color: #333; }    
        a { outline: none; }    
        div#wrap { width: 100px; margin: 50px auto; }
        img { border: 1px solid #CCC; padding: 2px;    margin: 10px 5px 10px 0; }
        .green {color:#060; font-size:14px}
    </style>

</head>

<body>    
    <div id="wrap">
        <a class="gallery2" title="Простая HTML" href="http://afc.ru/test/content.html">Клик</a>
    </div>
    <script type="text/javascript">
       ...

CSS

html, body { 
    font: normal 12px Tahoma; 
    color: #333; }

a {
    outline: none; }    

div#wrap { 
    width: 200px; 
    margin: 50px auto; }

img { 
    border: 1px solid #CCC; 
    padding: 2px; 
    margin: 10px 5px 10px 0; }

.green {
    color:#060; 
    font-size:14px}