Gallery Modal

by Victor

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.0.1/semantic.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.0.1/semantic.js"></script>
<div class="ui standard test modal transition visible active scrolling" style=" transform: translateX(0%) translateY(0%);">

  <div class="header">
    <h2 class="ui header"> Image Gallery</h2>
   
  </div>

  <div class="close"><i class="ui red icon close"></i></div>

  <div class="ui secondary pointing menu">
    <div class="active item">Link</div>
    <a class="item">Link</a>
    <a class="item">Link</a>
  </div>

  <div class="ui secondary pointing menu">
    <div class=" item">sort by:</div>
    <a class="active item">Link</a>
    <a class="item">Link</a>
  </div>

  <div class="ui basic segment segment--nopadding">

    <h3 class="ui header">Business</h3>

    <div class="gallery">

      <h4 class="ui header">Subject</h4>

      <div class="gallery__block">
        <img src="http://www.placehold.it/50/50" alt="">
      </div>
      
    </div>

  </div>


</div>

JavaScript

;