JSFiddle - React, Tailwind, and code Playground

by Seokjun Hong

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.js"></script>
<div style="margin:10px">
  <div class="feature alternate ui stripe vertical segment" style="background-color:#F2F3F5">
    <div class="ui three column center aligned divided relaxed stackable grid container">
      <div class="row">
        <div class="column">
          <h2 class="ui icon header">
            <img class="ui icon image" src="http://cssa.korea.ac.kr/img/topics/black.png">
            Black-box Testing
          </h2>
          <p>a vulnerability analysis tool based on dynamic black-box testing & automated verification</p>
          <a class="ui primary large button" href="#">Go</a>
        </div>
        <div class="column">
          <h2 class="ui icon header">
            <img class="ui icon image" src="http://cssa.korea.ac.kr/img/topics/white.png">
            White-box Testing
          </h2>
          <p>a vulnerability analysis tool based on static white-box testing & automated verification</p>
          <div class="ui primary view-ui large button">Go</div>
        </div>
        <div class="column">
          <h2 class="ui icon header">
            <img class="ui icon image" src="http://cssa.korea.ac.kr/img/topics/network.png">
            Network Testing
          </h2>
          <p>
            an automated analysis tool for network code and protocol vulnerabilities
          </p>
          <a class="ui primary large button" href="#">Go</a>
        </div>
      </div>
    </div>
  </div>
</div>