Guest User

Untitled

a guest
Mar 17th, 2018
70
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.39 KB | None | 0 0
  1. <body>
  2.  
  3. <div class="center">
  4. En este sitio web se usan los siguientes servicios:
  5.  
  6. <dl>
  7. <dt>S3</dt>
  8. <dd>- Usaremos un S3 Bucket.</dd>
  9. </dl>
  10.  
  11. Para comenzar, por favor haga clic en uno de los dos botones que están debajo.
  12. </div>
  13.  
  14. <div class="btn-group">
  15. <button>Iniciar Sesión</button>
  16. <button>Registrarse</button>
  17. </div>
  18.  
  19. </body>
  20.  
  21. /* Box */
  22. .center {
  23. margin: auto;
  24. width: 50%;
  25. border: 3px solid #333;
  26. padding: 10px;
  27. margin-bottom: 10px;
  28. }
  29. /* List of Services */
  30. dt {
  31. font-weight: bold;
  32. text-decoration: underline;
  33. }
  34. dd {
  35. margin: 0;
  36. padding: 0 0 1em 0;
  37. }
  38. /* Button */
  39. .btn-group {
  40. margin: 0 auto;
  41. }
  42. .btn-group button {
  43. background-color: #4CAF50; /* Green background */
  44. border: 1px solid green; /* Green border */
  45. color: white; /* White text */
  46. padding: 10px 24px; /* Some padding */
  47. cursor: pointer; /* Pointer/hand icon */
  48. float: left; /* Float the buttons side by side */
  49. }
  50.  
  51. .btn-group button:not(:last-child) {
  52. border-right: none; /* Prevent double borders */
  53. }
  54.  
  55. /* Clear floats (clearfix hack) */
  56. .btn-group:after {
  57. content: "";
  58. clear: both;
  59. display: table;
  60. }
  61.  
  62. /* Add a background color on hover */
  63. .btn-group button:hover {
  64. background-color: #3e8e41;
  65. }
  66. /* Footer */
  67. .footer {
  68. position: fixed;
  69. left: 0;
  70. bottom: 0;
  71. width: 100%;
  72. background-color: #333;
  73. color: white;
  74. text-align: center;
  75. }
Add Comment
Please, Sign In to add comment