Advertisement
Jump_off_a_cliff

Modern Bootstrap Website Template (Only HTML)

Dec 23rd, 2022
1,694
1
Never
1
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 2.82 KB | None | 1 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <head>
  4.         <!-- Required meta tags -->
  5.         <meta charset="utf-8" />
  6.         <meta
  7.            name="viewport"
  8.            content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  9.  
  10.         <!-- Bootstrap CSS -->
  11.         <link
  12.            rel="stylesheet"
  13.            href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
  14.            integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z"
  15.            crossorigin="anonymous" />
  16.  
  17.         <title>Login</title>
  18.     </head>
  19.     <body>
  20.         <div class="container mt-5">
  21.             <div class="row">
  22.                 <div class="col-md-6 offset-md-3">
  23.                     <h1 class="text-center mb-4">Login</h1>
  24.                     <form>
  25.                         <div class="form-group">
  26.                             <label for="email">Email address</label>
  27.                             <input
  28.                                type="email"
  29.                                class="form-control"
  30.                                id="email"
  31.                                aria-describedby="emailHelp" />
  32.                             <small id="emailHelp" class="form-text text-muted"
  33.                                >We'll never share your email with anyone
  34.                                 else.</small
  35.                            >
  36.                         </div>
  37.                         <div class="form-group">
  38.                             <label for="password">Password</label>
  39.                             <input
  40.                                type="password"
  41.                                class="form-control"
  42.                                id="password" />
  43.                         </div>
  44.                         <button type="submit" class="btn btn-primary btn-block">
  45.                             Submit
  46.                         </button>
  47.                     </form>
  48.                 </div>
  49.             </div>
  50.         </div>
  51.  
  52.         <!-- Optional JavaScript -->
  53.         <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  54.         <script
  55.            src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
  56.            integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
  57.            crossorigin="anonymous"></script>
  58.         <script
  59.            src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.16.6/dist/umd/popper.min.js"
  60.            integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut"
  61.            crossorigin="anonymous"></script>
  62.         <script
  63.            src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
  64.            integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV"
  65.            crossorigin="anonymous"></script>
  66.     </body>
  67. </html>
  68.  
Advertisement
Comments
Add Comment
Please, Sign In to add comment
Advertisement