JSFiddle - React, Tailwind, and code Playground

by svuks

HTML

<!DOCTYPE html>
<html lang="ru">
<head>
    <title>[[*pagetitle]]</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta property="og:image" content="img/png/logo.png">
	<meta name="description" content="[[*description]]">
    <meta name="keywords" content="[[*longtitle]]">
    <meta name="author" content="Fresh IT Lab">
    <base href="[[++site_url]]" />
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
	<link rel="apple-touch-icon" sizes="16x16" href="img/favicon/16.png">
    <link rel="apple-touch-icon" sizes="57x57" href="img/favicon/57.png">
    <link rel="apple-touch-icon" sizes="72x72" href="img/favicon/72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="img/favicon/114.png">

	<!--Main-Style-->
	<link rel="stylesheet" type="text/css" href="css/loader.css">
	<!--Fonts-->
	<link rel="stylesheet" type="text/css" href="fonts/fontawesome/css/all.min.css">

	<!--Main-Style-->
	<link rel="stylesheet" type="text/css" href="css/libs-main.min.css">
	<link rel="stylesheet" type="text/css" href="css/main.min.css">
	 <script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&amp;apikey=d152b670-4a2a-4173-bd54-40b69d1097b3"></script>
	<script src="https://www.google.com/recaptcha/api.js?onload=onloadCaptchaCallback&render=explicit&hl=ru" async defer></script>

    <script>
        var onloadCaptchaCallback = function() {
          var siteKey = '6LfwuJcUAAAAALRYWGga8FMF_veFE-5_t7iNv5JN';
          $('.captcha-item').each(function(index) {
            grecaptcha.render($(this).attr('id'), {
              'sitekey' : '6LfwuJcUAAAAALRYWGga8FMF_veFE-5_t7iNv5JN'
            });
          });
        };
    </script>
	<script src="js/jquery-1.12.4.min.js"></script>
 <style>
    @font-face {
    font-family: CuprumRegular;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src:...