JSFiddle - React, Tailwind, and code Playground
HTML
<head>
<title>Test Polymer</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
<!-- Include Polymer -->
<link rel="import" href="components/bower_components/polymer/polymer.html">
<link rel="import" href="components/bower_components/core-elements/core-elements.html">
<link rel="import" href="components/bower_components/paper-elements/paper-elements.html">
<script src="components/bower_components/webcomponentsjs/webcomponents.js"></script>
<!-- Include Roboto font -->
<link rel="import" href="components/bower_components/font-roboto/roboto.html">
<!-- Include single elements -->
<link rel="import" href="components/bower_components/core-scaffold/core-scaffold.html">
<!-- Include Datatable -->
<!-- jQuery -->
<script type="text/javascript" charset="utf8" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<!-- DataTables -->
<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.6/js/jquery.dataTables.js"></script>
<!-- DataTables responsive JS-->
<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/responsive/1.0.5/js/dataTables.responsive.js"></script>
<!-- bootstrap -->
<!-- DataTables css -->
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.6/css/jquery.dataTables.css">
<!-- DataTables responsive CSS -->
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/responsive/1.0.5/css/dataTables.responsive.css">
<style>
html,body {
height: 100%;
margin: 0;
background-color: #E5E5E5;
font-family: 'RobotoDraft', sans-serif;
}
.card {
margin: 25px;
background-color: white;
padding: 25px;
}
.table {
font-family: 'RobotoLight', sans-serif;
}
...