Advertisement
Guest User

Untitled

a guest
Jan 20th, 2020
98
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.78 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width">
  7. <title>Bank uczniowski SA</title>
  8. <link rel="stylesheet" href="/style.css">
  9. <script src="/script.js" defer></script>
  10. </head>
  11.  
  12. <body>
  13. <div id="logo">
  14. <h1>Bank uczniowski SA</h1>
  15. <h4>Witaj Mateusz!</h4>
  16. </div>
  17.  
  18. <div id="stan">
  19. <h3>Aktualny stan Twojego konta:</h3>
  20. <input type="number" id="stankonta" value="0" disabled>
  21. </div>
  22.  
  23. <div id="przelewplus">
  24. <h3>Dokonaj wpłaty</h3>
  25. <h4>Wpisz wkotę wpłaty i nacisnij przycisk "wpłać"</h4>
  26. <input type="number" id="wplata">
  27. <button id="przyciskwplaty">Wpłać</button>
  28. </div>
  29.  
  30. <div id="przelewminus">
  31. <h3>Wykonaj przelew zewnetrzny</h3>
  32. <h4>Wpisz wkotę kwotę przelewu</h4>
  33. <input id="kwotaprzelewu">
  34. <h4>Wpisz odbiorcę</h4>
  35. <input type="text" id="odbiorcaprzelewu">
  36. <button id="wyslijprzelew">Wyslij przelew</button>
  37. <h3>Ostatni przelew</h3>
  38. </div>
  39. </body>
  40.  
  41. </html>
  42.  
  43. Plik CSS:
  44. #logo{
  45. background-color: #08415C;
  46. height: 120px;
  47. padding-left: 20px;
  48. padding-top: 1px;
  49. margin: 0px;
  50. float: top;
  51. color: white;
  52. text-align: center;
  53. }
  54.  
  55. #stan{
  56. height: 100px;
  57. background-color: #EFF2EA;
  58. position: relative;
  59. text-align: center;
  60. top:-10px;
  61. padding-top:5px;
  62. }
  63.  
  64. #przelewplus{
  65. width: 50%;
  66. height: 250px;
  67. background-color: #73B122;
  68. float:left;
  69. padding-left: 10px;
  70. margin-right: -10px;
  71. }
  72.  
  73. #przelewminus{
  74. width: 50%;
  75. height: 250px;
  76. background-color: #FF5E5B;
  77. float: right;
  78. padding-left: 10px;
  79. margin-right: -10px;
  80. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement