JSFiddle - React, Tailwind, and code Playground

by rolandixor

HTML

<!DOCTYPE html>
<html lang="en" dir="ltr">

  <head>
    <meta charset="utf-8">

    <link rel="stylesheet" href="https://rolandixor.pro/anole/css/anole.css">

    <title>Basic Website Using Anole</title>
  </head>

  <body class="anole">
    <div class="an-head">
      <div class="an-title">
        basic template
      </div>
      <a class="an-home-button" href="../../">return home</a>
    </div>
    <div class="an-body">
      <div class="an-box">
        This page represents a very basic website/page, made with nothing put pure HTML and <i>anole.css</i>.
      </div>
      <div class="an-codeblock">
        &lt;html <span class="an-code-green">lang="en" dir="ltr"</span>&gt; &lt;head&gt; &lt;meta <span class="an-code-green">charset="utf-8"</span>&gt; &lt;link rel="stylesheet" href="../anole.css"&gt; &lt;title&gt;Basic Website Using Anole&lt;/title&gt;
        &lt;/head&gt; &lt;body class="anole"&gt; &lt;div class="an-head"&gt; &lt;/div&gt; &lt;div class="an-body"&gt; &lt;div class="an-box"&gt; This page represents a very basic website, made with nothing put pure HTML and &lt;i&gt;anole.css&lt;/i&gt;.
        &lt;/div&gt; &lt;div class="an-codeblock"&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="an-tail"&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt;
      </div>
    </div>
    <br>
    <div class="an-gen-spacer">

    </div>
    <div class="an-tail">
      <div class="an-group">
        <a class="an-button an-btn-spc">source code &gt;</a>
        <a class="an-button an-btn-alt">jsfiddle &gt;</a>
      </div>
    </div>
  </body>

</html>