fomantic-ui/test/fixtures/modal.html

Fomantic empowers designers and developers by creating a shared vocabulary for UI.

<div class="ui test modal">
  <i class="close icon"></i>
  <div class="header">
    Profile Picture
  </div>
  <div class="content">
    <div class="left">
      <img class="ui fluid image">
    </div>
    <div class="right">
      <div class="ui header">Are you sure you want to upload that?</div>
      <p>I mean it's not really the best profile photo.</p>
      <p>It's resampled to like two times the size it's suppose to be. Our image detection software also says it might even be inappropriate.</p>
    </div>
  </div>
  <div class="actions">
    <div class="ui black button">
      Cancel
    </div>
    <div class="ui green right labeled icon button">
      Add Photo
      <i class="checkmark icon"></i>
    </div>
  </div>
</div>