├── index.html └── style.css /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Página inicial 7 | 8 | 9 | 10 |
11 |

Boas vindas!

12 |

Vamos personalizar sua saudação usando JavaScript!

13 |
Olá, visitante!
14 | 15 |
16 | 17 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: Arial, sans-serif; 3 | display: flex; 4 | justify-content: center; 5 | align-items: center; 6 | height: 100vh; 7 | margin: 0; 8 | background-color: #331F19; 9 | } 10 | .container { 11 | text-align: center; 12 | background-color: #CBBBA7; 13 | padding: 20px; 14 | border-radius: 8px; 15 | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 16 | } 17 | h1 { 18 | color: #331F19; 19 | } 20 | p { 21 | color: #331F19; 22 | font-size: 1.1em; 23 | } 24 | .saudacao { 25 | font-size: 1.5em; 26 | color: #60041A; 27 | margin-top: 10px; 28 | } 29 | button { 30 | background-color: #60041A; 31 | color: #F4F0EA; 32 | padding: 10px 20px; 33 | border: none; 34 | border-radius: 5px; 35 | cursor: pointer; 36 | font-size: 1em; 37 | margin-top: 15px; 38 | } 39 | button:hover { 40 | background-color: #A34743; 41 | } --------------------------------------------------------------------------------