API tools faq
paste
Advertisement
Guest User

bottstrap #2

a guest
Jan 19th, 2020
134
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.42 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.     <head>
  3.         <!-- all i need for working with bootstrap -->
  4.         <title>Boot Strap 4 - example </title>
  5.         <meta charset="utf-8">
  6.         <meta name="viewport" content="width=device-width, initial-scale=1">
  7.         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.css">
  8.         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.js"></script>
  9.         <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.js"></script>
  10.         <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.js"></script>
  11.     </head>
  12.     <body>
  13.         <div class="container">
  14.             <div class="jumbotron">
  15.                 <center>
  16.                     <h1>Incoming email <span class="badge badge-pill badge-danger">3 unread emails</span></h1>
  17.                     this is a sad story about michel and neo
  18.                 </center>
  19.             </div>
  20.             <br/>
  21.             <div class="alert alert-warning alert-dismissible fade show">
  22.                 <button type="button" class="close" data-dismiss="alert">&times</button>
  23.                 <Strong> Warning !!! </strong>Neo is not here !!!
  24.             </div>
  25.             <div class="alert alert-danger alert-dismissible fade show">
  26.                 <button type="button" class="close" data-dismiss="alert">&times</button>
  27.                 <Strong> Warning !!! </strong>Michel misses Neo (he is crying)
  28.             </div>
  29.             <button type="button" class="btn btn-success">Kill Nick</button>
  30.             <button type="button" class="btn btn-warning">Neven is Hungry</button>
  31.             <button type="button" class="btn btn-danger">שחר צריך אישפוז בכפייה</button>
  32.             <button class="btn btn-primary" id="myBtn">
  33.                 <span class="spinner-border spinner-grow-sm"></span>
  34.                 Killing Michel in progress
  35.             </button>
  36.             <button type="button" class="btn btn-primary">
  37.                 Messages <span class="badge badge-light" id="totalMsg">1</span>
  38.             </button>
  39.             <script>
  40.                 var myMsg=0;
  41.                 x=setInterval(function(){
  42.                     myMsg+=1;
  43.                     if (myMsg==60) myMsg=0;
  44.                     totalMsg.innerHTML=myMsg
  45.                 },250);
  46.             </script>
  47.             <hr/>
  48.             <br>
  49.             <ul class="pagination">
  50.                 <li class="page-item disabled"><a class="page-link" href="#">Prev</a></li>
  51.                 <li class="page-item active"><a class="page-link" href="#">1</a></li>
  52.                 <li class="page-item "><a class="page-link" href="#">2</a></li>
  53.                 <li class="page-item "><a class="page-link" href="#">3</a></li>
  54.                 <li class="page-item "><a class="page-link" href="#">4</a></li>
  55.                 <li class="page-item "><a class="page-link" href="#">5</a></li>
  56.                 <li class="page-item "><a class="page-link" href="#">Next</a></li>
  57.             </ul>
  58.             <ul class="pagination pagination-lg justify-content-end">
  59.                 <li class="page-item disabled"><a class="page-link" href="#">Prev</a></li>
  60.                 <li class="page-item active"><a class="page-link" href="#">1</a></li>
  61.                 <li class="page-item "><a class="page-link" href="#">2</a></li>
  62.                 <li class="page-item "><a class="page-link" href="#">3</a></li>
  63.                 <li class="page-item "><a class="page-link" href="#">4</a></li>
  64.                 <li class="page-item "><a class="page-link" href="#">5</a></li>
  65.                 <li class="page-item "><a class="page-link" href="#">Next</a></li>
  66.             </ul>
  67.             <hr/>
  68.             <ul class="breadcrumb">
  69.                 <li class="breadcrumb-item"><a href="#"></a>Earth</li>
  70.                 <li class="breadcrumb-item"><a href="#"></a>Israel</li>
  71.                 <li class="breadcrumb-item"><a href="#"></a>Nezerth</li>
  72.                 <li class="breadcrumb-item"><a href="#"></a>Pauls #6</li>
  73.                 <li class="breadcrumb-item active"><a href="#"></a>Zaher</li>
  74.             </ul>
  75.         </div>
  76.     </body>
  77. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!