SHARE
TWEET

Untitled

a guest Feb 20th, 2019 61 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html"; charset="utf-8">
  5. <title>Szablon Strony</title>
  6. <style type="text/css">
  7. *{
  8. margin:0px;
  9. padding-top:5px;
  10. font-family:arial;
  11. text-align:center;
  12. }
  13. div{
  14. overflow:hidden;
  15. background-color:#DBCFB0;
  16. border-radius:10px;
  17. }
  18. #ramka{
  19. width:1200px;
  20. margin-right:auto;
  21. margin-left:auto;
  22. }
  23. #naglowek{
  24. width:99%;
  25. background-color:#90B494;
  26. font-weight:bold;
  27. border-radius:10px;
  28. border:2px #545775 dotted;
  29. margin-bottom:1px;
  30. transform:translateX(3px);
  31. color:#545775;
  32. }
  33. .kolumny{
  34. width:30%;
  35. margin-top:10px;
  36. margin-right:2%;
  37. margin-bottom:2%;
  38. margin-left:10px;
  39. transform:translateX(15px);
  40. border-radius:10px;
  41. color:#545775;
  42. border:2px #545775 dotted;
  43. }
  44. #kol1{
  45. float:left;
  46. background-color:#BFC8AD;
  47. }
  48. #kol2{
  49. float:left;
  50. background-color:#BFC8AD;
  51. }
  52. #kol3{
  53. background-color:#BFC8AD;
  54. }
  55. #stopka{
  56. width:99%;
  57. background-color:#DBCFB0;
  58. font-weight:lighter;
  59. opacity:0.2;
  60. border-radius:10px;
  61. border:2px #545775 dotted;
  62. transform:translateX(3px);
  63. }
  64. </style>
  65. </head>
  66. <body>
  67. <div id="ramka">
  68. <div id="naglowek">Tu znajdzie się zawartosc naglowka strony</div>
  69. <div class="kolumny" id="kol1">
  70. <p>Tu znajdzie sie zawartosc kolumny1</p>
  71. <p>&nbsp;Lorem ipsum dolor sit amet</p>
  72. <p>&nbsp;Lorem ipsum dolor sit amet</p>
  73. <p>&nbsp;Lorem ipsum dolor sit amet</p>
  74. </div>
  75. <div class="kolumny" id="kol2">
  76. <p>Tu znajdzie sie zawartosc kolumny2</p>
  77. <p>&nbsp;Lorem ipsum dolor sit amet</p>
  78. <p>&nbsp;Lorem ipsum dolor sit amet</p>
  79. <p>&nbsp;Lorem ipsum dolor sit amet</p>
  80. </div>
  81. <div class="kolumny" id="kol3">
  82. <p>Tu znajdzie sie zawartosc kolumny3</p>
  83. <p>&nbsp;Lorem ipsum dolor sit amet</p>
  84. <p>&nbsp;Lorem ipsum dolor sit amet</p>
  85. <p>&nbsp;Lorem ipsum dolor sit amet</p>
  86. </div>
  87. <div id="stopka">Tu znajdzie sie zawartosc stopki strony</div>
  88. </div>
  89. </body>
  90. </html>
RAW Paste Data
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
 
Top