POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/js/tests/visual/alert.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <meta charset="utf-8">
   5   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   6   <meta name="viewport" content="width=device-width, initial-scale=1">
   7   <title>Alert</title>
   8   <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css">
   9
  10   <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  11   <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  12   <!--[if lt IE 9]>
  13     <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  14     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  15   <![endif]-->
  16 </head>
  17 <body>
  18
  19 <div class="container">
  20
  21   <div class="page-header">
  22     <h1>Alert <small>Bootstrap Visual Test</small></h1>
  23   </div>
  24
  25   <div class="alert alert-warning fade in">
  26     <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
  27     <strong>Holy guacamole!</strong> Best check yo self, you're not looking too good.
  28   </div>
  29
  30   <div class="alert alert-danger fade in">
  31     <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
  32     <h4>Oh snap! You got an error!</h4>
  33     <p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p>
  34     <p>
  35       <button type="button" class="btn btn-danger">Take this action</button>
  36       <button type="button" class="btn btn-default">Or do this</button>
  37     </p>
  38   </div>
  39
  40 </div>
  41
  42 <!-- JavaScript Includes -->
  43 <script src="../vendor/jquery.min.js"></script>
  44 <script src="../../transition.js"></script>
  45 <script src="../../alert.js"></script>
  46
  47 </body>
  48 </html>