Modals

Modal Dialog Boxes

Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.

Static example

A rendered modal with header, body, and set of actions in the footer.

<div class="modal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h2 class="modal-title">Modal title</h2>
      </div>
      <div class="modal-body">
        <p>One fine body…</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

Live demo

Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page.

Launch small modal Launch large modal
  • © 2016 KaijuThemes
Alerts

Sets alerts to get notified when changes occur to get new alerming items

Notifications

You will receive notification email for any notifications if you set notification

Messages

You will receive notification on email after setting messages notifications

Warnings

You will get warnning only some specific setttings or alert system

Sidebar

You can hide/show use with sidebar collapsw settings

Recent Activities
  • add
    Jana Pena is now Follwing you 2 min ago
  • textsms
    Percy liaye Like your picture 6 min ago
  • done
    Leon miles make your presentation for new project 2 hours ago
  • favorite
    Lake wile like your comment 5 hours ago
  • attach_money
    The Mountain Ambience paid your payment 9 hours ago
Contacts
  • Jon Owens Online
  • Nina Huges Offline
  • Austin Lee Busy
  • Grady Hines Away
  • Adrian Barton Online
Fixed Header
Boxed Layout
Collapse Leftbar
Brand
Topnav
Sidebar