[text] Succeful code

Viewer

copydownloadembedprintName: Succeful code
  1. <!doctype html>
  2. <html lang="en">
  3.  
  4. <head>
  5.         <title>Title</title>
  6.         <!-- Required meta tags -->
  7.         <meta charset="utf-8">
  8.         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  9.  
  10.         <!-- Bootstrap CSS -->
  11.         <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
  12.                 integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0" crossorigin="anonymous">
  13. </head>
  14. <style>
  15.         body {
  16.                 padding: 0;
  17.                 margin: 0;
  18.                 width: 100%;
  19.         }
  20.  
  21.         .main-content {
  22.                 height: 100vh;
  23.         }
  24.  
  25.         .content {
  26.                 /* position: fixed;
  27.         top: 50%;
  28.         left: 50%;
  29.         transform: translate(-50%, -50%); */
  30.                 background-color: white;
  31.                 overflow-x: hidden;
  32.  
  33.         }
  34.         .testing{
  35.                 text-align: right;
  36.         }
  37.  
  38.         </style>
  39.         <body>
  40.                 <div class="main-content bg-secondary container-fluid d-flex align-items-center justify-content-center">
  41.                         <div class="content">
  42.                                 <div class="banner mb-2">
  43.                                         <img src='./New folder/banner.jpeg'class="img-fluid"/>
  44.                                 </div>
  45.                                 <div class="minor-content mb-2">
  46.                                         <div class="row">
  47.                                         <div class="col"><img src='./New folder/logo1.jpeg'class="img-fluid logo_first"/>
  48.                                         </div>
  49.                                         <div class="col d-flex flex-column align-items-end pt-2">
  50.                                                 <table>
  51.                                                         <tr>
  52.                                                                 <th>User Id</th>
  53.                                                                 <th><input type="text" style="width: 100px; height: 18px;" /></th>
  54.                                                                 <th rowspan="2"><button class="btn btn-primary">Login</button></th>
  55.                                                         </tr>
  56.                                                         <tr>
  57.                                                                 <th>Password</th>
  58.                                                                 <th><input type="password" style="width: 100px; height: 18px;" /></th>
  59.                                                         </tr>
  60.                                                 </table>
  61.                                         </div>
  62.                                 </div>
  63.                         </div>
  64.                         <div class="footer">
  65.                                 <div class="row">
  66.                                         <div class="col">
  67.                                                 <!-- <h1>BHarat</h1> -->
  68.                                         </div>
  69.                                         <div class="col">
  70.                                                 <!-- <h1>BHarat</h1> -->
  71.                                         </div>
  72.                                 </div>
  73.                         </div>
  74.                 </div>
  75.         </div>
  76. </div>
  77. </div>
  78. </body>
  79. </html>

Editor

You can edit this paste and save as new:


File Description
  • Succeful code
  • Paste Code
  • 06 May-2021
  • 1.88 Kb
You can Share it: