[text] Imp code

Viewer

  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" integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0" crossorigin="anonymous">
  12. </head>
  13. <style>
  14.  
  15. body{
  16.         padding: 0;
  17.         margin: 0;
  18.         width: 100%;
  19. }
  20. .main-content{
  21.         height: 100vh;
  22. }
  23. .content{
  24.         /* position: fixed;
  25.         top: 50%;
  26.         left: 50%;
  27.         transform: translate(-50%, -50%); */
  28.         background-color: white;
  29.         overflow-x: hidden;
  30.        
  31. }
  32. .banner img{
  33.         /* position: relative; */
  34.  
  35. }
  36. .logo_first{
  37.         width: auto;
  38.         height: 10vh;
  39. }
  40. .section1{
  41.         float: left;
  42. }
  43. .section2{
  44.         float: left;
  45. }
  46.  
  47. </style
  48.  
  49. <body>
  50.         <div class="main-content bg-secondary container-fluid d-flex align-items-center justify-content-center">
  51.                 <div class="content">
  52.         <div class="banner">
  53.                         <img src='./New folder/banner.jpeg' class="img-fluid" />
  54.                 </div>
  55.                 <div class="minor-content">
  56.                 <div class="row">
  57.                 <div class="col">
  58.                         <img src='./New folder/logo1.jpeg' class="img-fluid logo_first" />
  59.                 </div>
  60.                 <div class="col">
  61.                         <table width="371" border="0" cellspacing="0" cellpadding="0">
  62.                                                                             <tr> 
  63.                                                                                 <td width="60"> </td>
  64.                                                                                 <td valign="top">
  65.                                                                                     <table width="100%" border="0" cellspacing="0" cellpadding="1">
  66.                                                                                         <tr> 
  67.                                                                                             <td width="30"><div align="right"><img src="../images/login/login_icon.gif" width="12" height="2"></div></td>
  68.                                                                                             <td>User ID</td>
  69.                                                                                             <td><input type="text" class="input-log" name="id" id="id" onkeypress="return fn_onKeyPress(event)" value='${loginId?default("")}'></td>
  70.                                                                                         </tr>
  71.                                                                                         <tr> 
  72.                                                                                             <td width="30"><div align="right"><img src="../images/login/login_icon.gif" width="12" height="2"></div></td>
  73.                                                                                             <td>Password</td>
  74.                                                                                             <td><input type="password" class="input-log" name="pw" onkeypress="return fn_onKeyPress(event)" id="pw"></td>
  75.                                                                                         </tr>
  76.                                                                                     </table>
  77.                                                                                 </td>
  78.                                                                                 <td width="65">
  79.                                                                                     <a href="#" onClick='fn_login()' onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','../images/login/button_Login_o.gif',1)">
  80.                                                                                         <button class="btn btn-primary">Login</button>
  81.                                                                                     </a>
  82.                                                                                 </td>
  83.                                                                                 <td width="45"> </td>
  84.                                                                             </tr>
  85.                                                                         </table>
  86.                 </div>
  87.                 </div>
  88.                 </div>
  89.                 </div>
  90.                 </div>
  91.                 </div>
  92.         </div>
  93. </body>
  94.  
  95. </html>
  96.  

Editor

You can edit this paste and save as new:


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