JSFiddle - React, Tailwind, and code Playground

by dsgnr

HTML

<link rel="stylesheet" href="http://semantic-ui.com/dist/semantic.css">
<script src="http://semantic-ui.com/dist/semantic.js"></script>
<!--
  Free SUI based Landing Page Template
  Copyright (C) 2016 Neverexplored
  This program is free software: you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
  (at your option) any later version.
  This program is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.
  You should have received a copy of the GNU General Public License
  along with this program.  If not, see http://www.gnu.org/licenses/.
-->
  <body>
    <!--
      Free SUI based Landing Page Template
      Copyright (C) 2016 Neverexplored
      This program is free software: you can redistribute it and/or modify
      it under the terms of the GNU General Public License as published by
      the Free Software Foundation, either version 3 of the License, or
      (at your option) any later version.
      This program is distributed in the hope that it will be useful,
      but WITHOUT ANY WARRANTY; without even the implied warranty of
      MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
      GNU General Public License for more details.
      You should have received a copy of the GNU General Public License
      along with this program.  If not, see http://www.gnu.org/licenses/.
    -->
    <div class='ui stackable padded page grid'>
      <header class='row'>
        <div class='sixteen wide column'>
          <div class='ui left floated buttons'>
            <a class='ui basic icon huge button' href='/'>
              <i class='diamond icon'></i>
              Acme Inc.
            </a>
          </div>
          <div class='ui right floated buttons'>
...

CSS

.lead.magnet.segment {
  background: #ffffe5;
}

.ui.basic.segment.pitch {
  color: #616161;
  padding-top: 0;
}

p.description {
  line-height: 1.9rem;
}

JavaScript

// Add javascript here