Advertisement
Guest User

Untitled

a guest
Mar 22nd, 2019
78
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.32 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en" dir="ltr">
  3. <head>
  4. <meta charset="utf-8">
  5. <title></title>
  6. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  7. <style type="text/css">
  8. h2 {
  9. font-size: 24px!important;
  10. }
  11.  
  12. p {
  13. font-size: 18px!important;
  14. }
  15.  
  16. .placar {
  17. font-size: 28px!important;
  18. }
  19. </style>
  20. </head>
  21. <body>
  22. <div class="container">
  23. <div class="col-md-4">
  24. <div class="card text-center">
  25. <div class="card-header bg-dark">
  26. <h2 class="display-4 text-warning">Próximo Jogo</h2>
  27. </div>
  28. <div class="card-body bg-secondary">
  29. <div class="row d-flex justify-content-center">
  30. <div class="col-md-4">
  31. <img src="https://www.magnusfutsal.com.br/system/teams/coat_of_arms/000/000/001/thumb/LOGO_MAGNUS_2018_CALEND.png?1517511505" class="img-fluid">
  32. </div>
  33. <div class="col-md-4">
  34. <p class="bg-dark display-2 mt-4 placar">
  35. <b class="text-warning">10 X 2</b>
  36. </p>
  37. </div>
  38. <div class="col-md-4">
  39. <img src="https://www.magnusfutsal.com.br/system/teams/coat_of_arms/000/000/063/thumb/SANTO_ANDRE.png?1523039980" class="img-fluid">
  40. </div>
  41. </div>
  42. </div>
  43. <div class="card-footer bg-dark">
  44. <p class="display-4 text-white">27/03/2019 20:00, Arena Sorocaba</p>
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49. <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  50. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
  51. <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  52. </body>
  53. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement