Advertisement
Guest User

Untitled

a guest
Oct 15th, 2019
116
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.02 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=device-width, initial-scale=1">
  5. <style>
  6. body, html {
  7. height: 100%;
  8. margin: 0;
  9. font-family: Bree Serif, Helvetica, sans-serif;
  10. }
  11.  
  12. .hero-image {
  13. background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("siema1.jpg");
  14. height: 70%;
  15. background-position: center;
  16. background-repeat: no-repeat;
  17. background-size: cover;
  18. position: relative;
  19.  
  20. }
  21.  
  22. .hero-text {
  23. text-align: center;
  24. position: absolute;
  25. top: 50%;
  26. left: 50%;
  27. transform: translate(-50%, -50%);
  28. color: #32CD32;
  29. }
  30.  
  31. .hero-text button {
  32. border: none;
  33. outline: 0;
  34. display: inline-block;
  35. padding: 10px 25px;
  36. color: black;
  37. background-color: #ddd;
  38. text-align: center;
  39. cursor: pointer;
  40.  
  41. </style>
  42. </head>
  43. <body>
  44.  
  45. <div class="hero-image">
  46. <div class="hero-text">
  47. <h1 style="font-size:50px">Zespół Szkół Rolniczych</h1>
  48. <h1 style="font-size:35px">w Białymstoku</h1>
  49.  
  50. </div>
  51. </div>
  52.  
  53.  
  54.  
  55. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement