Advertisement
Javi

HTML: Pokemon webpage

Oct 24th, 2019 (edited)
208
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.16 KB | None | 0 0
  1. <style>
  2. body {
  3. overflow: hidden;
  4. }
  5. #version {
  6. position: absolute;
  7. left : 1em;
  8. bottom: 1em;
  9. width: 300px;
  10. padding: 0;
  11. font-size: 4em;
  12. font-weight: bold;
  13. color: silver;
  14. }
  15.  
  16. #pokemonlogo {
  17. position : absolute;
  18. width : 98%;
  19. margin : 0 auto;
  20. z-index : -10;
  21. opacity: 0.4;
  22. }
  23.  
  24. .card {
  25. display : block;
  26. min-width: 420px;
  27. width : 40%;
  28. background-color : white;
  29. border : 1px solid silver;
  30. padding: 10px;
  31. margin : 0 auto;
  32. text-align : center;
  33. }
  34.  
  35. .card > img {
  36. min-width : 400px;
  37. }
  38.  
  39. .card h2 {
  40. margin : 8px;
  41. font-family : sans-serif;
  42. font-size : 4em;
  43. color : tomato;
  44. }
  45.  
  46. </style>
  47. <img id="pokemonlogo" src="https://i.redd.it/xn4we2ozfpv01.png" alt="pokemon logo"/>
  48. <div class="card">
  49. <img src="https://pokemonletsgo.pokemon.com/assets/img/common/char-pikachu.png" alt="Pikachu" height="500"/>
  50. <h2>pikachu</h2>
  51. </div>
  52. <div id="version">0.0.1</div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement