JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/icon.css">
    <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,700" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/animate.css">
    <link rel="stylesheet" type="text/css" href="css/owl.carousel.css">
    <link rel="stylesheet" type="text/css" href="css/owl.theme.default.min.css">
    <title></title>
  </head>

  <body class="page-home">



    <div class="loader"></div>



    <div class="fragment_2">
      <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="885" height="1061" viewBox="0 0 885 1061">
          <defs>
          <style>
              .cls-1 {
              fill: #09388c;
              opacity: 0.04;
              fill-rule: evenodd;
              }
          </style>
          </defs>
          <path d="M-12.000,-19.999 L125.000,-19.999 L885.000,1060.000 L-12.000,1061.000 L-12.000,-19.999 Z" class="cls-1"/>
        </svg>
    </div>



    <header>
      <div class="stick h_nav_stick wow fadeIn" style="left: 25%;"></div>
      <div class="stick h_nav_stick wow fadeIn" style="left: 50%;"></div>
      <div class="stick h_nav_stick wow fadeIn" style="left: 75%;"></div>

      <div class="left">
        <div class="filter_menu_btn">
          <i class="icon-menu-2"></i>
        </div>
        <div class="logo">
          <a href="">
				<span class="f_l_u">
						<span>
							<?xml version="1.0" encoding="utf-8"?>
							<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
						 	viewBox="0 0 143.569 160.633" enable-background="new 0 0 143.569 160.633" xml:space="preserve">
							<path fill="black"...