Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 1 | <div class="row"> |
| 2 | <div class="col-md-6"> |
||
| 3 | <!-- BEGIN PORTLET--> |
||
| 4 | <div class="portlet light bordered"> |
||
| 5 | <div class="portlet-title"> |
||
| 6 | <div class="caption"> |
||
| 7 | <i class="icon-share font-dark"></i> |
||
| 8 | <span class="caption-subject font-dark bold uppercase">Alerts</span> |
||
| 9 | </div> |
||
| 10 | <div class="actions"> |
||
| 11 | <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;"> |
||
| 12 | <i class="icon-cloud-upload"></i> |
||
| 13 | </a> |
||
| 14 | <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;"> |
||
| 15 | <i class="icon-wrench"></i> |
||
| 16 | </a> |
||
| 17 | <a class="btn btn-circle btn-icon-only btn-default fullscreen" href="javascript:;"> </a> |
||
| 18 | <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;"> |
||
| 19 | <i class="icon-trash"></i> |
||
| 20 | </a> |
||
| 21 | </div> |
||
| 22 | </div> |
||
| 23 | <div class="portlet-body"> |
||
| 24 | <h4 class="block">Default Alerts</h4> |
||
| 25 | <div class="alert alert-success"> |
||
| 26 | <strong>Success!</strong> The page has been added. </div> |
||
| 27 | <div class="alert alert-info"> |
||
| 28 | <strong>Info!</strong> You have 198 unread messages. </div> |
||
| 29 | <div class="alert alert-warning"> |
||
| 30 | <strong>Warning!</strong> Your monthly traffic is reaching limit. </div> |
||
| 31 | <div class="alert alert-danger"> |
||
| 32 | <strong>Error!</strong> The daily cronjob has failed. </div> |
||
| 33 | <h4 class="block">Dismissable Alerts</h4> |
||
| 34 | <div class="alert alert-warning alert-dismissable"> |
||
| 35 | <button type="button" class="close" data-dismiss="alert" aria-hidden="true"></button> |
||
| 36 | <strong>Warning!</strong> Something went wrong. Please check. </div> |
||
| 37 | <h4 class="block">Links in alerts</h4> |
||
| 38 | <div class="alert alert-success alert-dismissable"> |
||
| 39 | <button type="button" class="close" data-dismiss="alert" aria-hidden="true"></button> |
||
| 40 | <strong>WOW!</strong> Well done and everything looks OK. |
||
| 41 | <a href="" class="alert-link"> Please check this one as well </a> |
||
| 42 | </div> |
||
| 43 | </div> |
||
| 44 | </div> |
||
| 45 | <!-- END PORTLET--> |
||
| 46 | </div> |
||
| 47 | <div class="col-md-6"> |
||
| 48 | <!-- BEGIN PORTLET--> |
||
| 49 | <div class="portlet light bordered"> |
||
| 50 | <div class="portlet-title"> |
||
| 51 | <div class="caption"> |
||
| 52 | <i class="icon-share font-dark"></i> |
||
| 53 | <span class="caption-subject font-dark bold uppercase">Inline Notifications</span> |
||
| 54 | </div> |
||
| 55 | <div class="actions"> |
||
| 56 | <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;"> |
||
| 57 | <i class="icon-cloud-upload"></i> |
||
| 58 | </a> |
||
| 59 | <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;"> |
||
| 60 | <i class="icon-wrench"></i> |
||
| 61 | </a> |
||
| 62 | <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;"> |
||
| 63 | <i class="icon-trash"></i> |
||
| 64 | </a> |
||
| 65 | </div> |
||
| 66 | </div> |
||
| 67 | <div class="portlet-body"> |
||
| 68 | <div class="alert alert-block alert-danger fade in"> |
||
| 69 | <button type="button" class="close" data-dismiss="alert"></button> |
||
| 70 | <h4 class="alert-heading">Error!</h4> |
||
| 71 | <p> Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. </p> |
||
| 72 | <p> |
||
| 73 | <a class="btn red" href="javascript:;"> Do this </a> |
||
| 74 | <a class="btn blue" href="javascript:;"> Cancel </a> |
||
| 75 | </p> |
||
| 76 | </div> |
||
| 77 | <div class="alert alert-block alert-success fade in"> |
||
| 78 | <button type="button" class="close" data-dismiss="alert"></button> |
||
| 79 | <h4 class="alert-heading">Success!</h4> |
||
| 80 | <p> Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. </p> |
||
| 81 | <p> |
||
| 82 | <a class="btn green" href="javascript:;"> Do this </a> |
||
| 83 | <a class="btn btn-link" href="javascript:;"> Cancel </a> |
||
| 84 | </p> |
||
| 85 | </div> |
||
| 86 | <div class="alert alert-block alert-info fade in"> |
||
| 87 | <button type="button" class="close" data-dismiss="alert"></button> |
||
| 88 | <h4 class="alert-heading">Info!</h4> |
||
| 89 | <p> Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. </p> |
||
| 90 | <p> |
||
| 91 | <a class="btn purple" href="javascript:;"> Do this </a> |
||
| 92 | <a class="btn dark" href="javascript:;"> Cancel </a> |
||
| 93 | </p> |
||
| 94 | </div> |
||
| 95 | <div class="alert alert-block alert-warning fade in"> |
||
| 96 | <button type="button" class="close" data-dismiss="alert"></button> |
||
| 97 | <h4 class="alert-heading">Warning!</h4> |
||
| 98 | <p> Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. </p> |
||
| 99 | <p> |
||
| 100 | <a class="btn red" href="javascript:;"> Do this </a> |
||
| 101 | <a class="btn blue" href="javascript:;"> Cancel </a> |
||
| 102 | </p> |
||
| 103 | </div> |
||
| 104 | </div> |
||
| 105 | </div> |
||
| 106 | <!-- END PORTLET--> |
||
| 107 | </div> |
||
| 108 | </div> |