Fomantic-UI Sandbox

by moshfeu

HTML

<script src="https://fomantic-ui.com/dist/semantic.js"></script>
<link rel="stylesheet" href="https://fomantic-ui.com/dist/semantic.css">
<div class="ui two column grid">
  <div class="column">
    <div class="ui fluid image">
      <button class="ui left corner label">
        <i class="heart icon"></i>
      </button>
      <img src="https://fomantic-ui.com/images/wireframe/image.png">
    </div>
  </div>
  <div class="column">
    <div class="ui fluid image">
      <a class="ui red right corner label">
        <i class="save icon"></i>
      </a>
      <img src="https://fomantic-ui.com/images/wireframe/image.png">
    </div>
  </div>
</div>

CSS

body {
  padding: 1em;
}

JavaScript

// Add javascript here