JSFiddle - React, Tailwind, and code Playground

by kougiland

HTML

<!DOCTYPE html>
<html manifest="cache.appcache">
  <head>
<meta name="Keywords" content="3d" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!--[if ie]><meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7, IE=8, IE=9, chrome=1"/><![endif]-->
<meta name="Description" content="PIXidea  Aachen, Germany. Where ideas meet pixels! We provide a full range of 3D visualization services that can help bring your ideas and projects to life. We offer a full range of post production services.  " />
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

  <style>


/*
Theme Name: OnePage 
Theme URI: https://kougiland.com/onepage
Description: 2013 on-page .
Author: kougi tambo
Author URI: kougiland.com
Version: 1.0
Tags: brillante, css3, blue, two-column, fixed-width, html5
*/

 
/* smartphones */
 
@media (min-width: 320px) and (max-width: 480px) {

}
/* smartphones in landscape mode */
 
@media screen and (min-width: 480px) {
.../* your css code goes here  */
}
 
/* tablets in portrait mode */
 
@media screen and (min-width: 768px) {
.../* your css code goes here  */
}
/* using width and height */
@media (max-width: 960px) and (max-height: 200px) {
 
}
/* tablets in landscape mode */
 
@media screen and (min-width: 1024px) {
.../* your css code goes here  */
}
 
/* standard laptop screens */
 
@media screen and (max-width: 1220px) {
.../* your css code goes here  */
}
 
/* bigger desktop screens */
@media screen and (min-width: 1440px) {
.../* your css code goes here  */
}
/* orientation */
@media (orientation: portrait) {
.../* your css code goes here  */
 }
/* resolution */

@media print and (min-resolution: 300dpi) {
.../* your css code goes here ...

JavaScript

$(".uiButton").click(function(){ 
   var neuProject = $(this).innerHTML();
   $("slider").innerHTML = neuProject;
});