-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
2 changed files
with
166 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,131 @@ | ||
| * { | ||
| margin: 0; | ||
| padding: 0; | ||
| box-sizing: border-box; | ||
| font-family: 'Poppins', sans-serif; | ||
| } | ||
|
|
||
| body { | ||
| display: flex; | ||
| flex-direction: column; | ||
| min-height: 100vh; | ||
| background: linear-gradient(135deg, #ce93d8 0%, #f3e5f5 100%); | ||
| } | ||
|
|
||
| header { | ||
| position: fixed; | ||
| width: 100%; | ||
| padding: 20px 50px; | ||
| background: rgba(255, 255, 255, 0.9); | ||
| display: flex; | ||
| justify-content: space-between; | ||
| align-items: center; | ||
| box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); | ||
| z-index: 1000; | ||
| } | ||
|
|
||
| .logo { | ||
| font-size: 2.5em; | ||
| color: #333; | ||
| } | ||
|
|
||
| .wauan{ | ||
| display: flex; | ||
| height: 50px; | ||
| } | ||
|
|
||
| .navigation a { | ||
| font-size: 1.1em; | ||
| color: #333; | ||
| text-decoration: none; | ||
| font-weight: 500; | ||
| margin-left: 30px; | ||
| position: relative; | ||
| } | ||
|
|
||
| .navigation a::after { | ||
| content: ''; | ||
| position: absolute; | ||
| left: 0; | ||
| bottom: -5px; | ||
| width: 100%; | ||
| height: 2px; | ||
| background: #333; | ||
| border-radius: 2px; | ||
| transform: scaleX(0); | ||
| transition: transform 0.3s; | ||
| } | ||
|
|
||
| .navigation a:hover::after { | ||
| transform: scaleX(1); | ||
| } | ||
|
|
||
| .btn-link { | ||
| padding: 10px 20px; | ||
| border: 2px solid #333; | ||
| border-radius: 5px; | ||
| color: #333; | ||
| font-size: 1em; | ||
| text-align: center; | ||
| transition: background 0.3s, color 0.3s; | ||
| } | ||
|
|
||
| .btn-login { | ||
| background: #fff; | ||
| } | ||
|
|
||
| .btn-register { | ||
| background: transparent; | ||
| color: #fff; | ||
| } | ||
|
|
||
| main { | ||
| flex: 1; | ||
| display: flex; | ||
| justify-content: center; | ||
| align-items: center; | ||
| padding: 80px 20px; | ||
| text-align: center; | ||
|
|
||
| } | ||
|
|
||
| .container { | ||
| background-color: #ffffff; | ||
| width: 100%; | ||
| max-width: 1200px; | ||
| padding: 20px; | ||
| border-radius: 10px; | ||
| box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); | ||
| display: flex; | ||
| flex-direction: row; | ||
| align-items: center; | ||
| justify-content: space-between; | ||
| } | ||
|
|
||
| .texto { | ||
| flex: 1; | ||
| padding-right: 20px; | ||
| } | ||
|
|
||
| .texto h1 { | ||
| font-size: 36px; | ||
| margin: 0; | ||
| } | ||
|
|
||
| .texto h3 { | ||
| font-size: 18px; | ||
| color: #7d7d9c; | ||
| margin-top: 20px; | ||
| } | ||
|
|
||
| .image-section { | ||
| display: flex; | ||
| flex-direction: column; | ||
| align-items: center; | ||
| } | ||
|
|
||
| .image-section img { | ||
| max-width: 100%; | ||
| max-height: calc(100vh - 150px); | ||
| border-radius: 10px; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,35 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="pt-BR"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <link rel="stylesheet" href="css/sobre.css"> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <div class="wauan"> | ||
| <img src="imagens/logo-form.png" alt="Logo"> | ||
| </div> | ||
|
|
||
| <nav class="navigation"> | ||
| <a href="index.html">Início</a> | ||
| <a href="serviço.html">Serviços</a> | ||
| <a href="#">Contato</a> | ||
| <a href="entrar.html" class="btn-link btn-login">Entrar</a> | ||
| </nav> | ||
| </header> | ||
| <main> | ||
| <div class="container"> | ||
| <div class="texto"> | ||
| <h1>Bem-vindo ao Style, o seu guarda-roupa virtual revolucionário!</h1> | ||
| <h3>Nossa plataforma inovadora permite que você organize, visualize e gerencie suas roupas e acessórios de forma prática e eficiente, tudo a partir de qualquer dispositivo. Com recursos de organização intuitiva, sugestões de combinações e até mesmo o planejamento de looks futuros, você terá um controle completo sobre o seu estilo. Diga adeus ao caos no seu armário e olá a um mundo de possibilidades fashion ao seu alcance. Experimente o Style e transforme a maneira como você se veste e se organiza!</h3> | ||
| </div> | ||
| <div class="image-section"> | ||
| <img src="imagens/logo.png" alt="Imagem de exemplo"> | ||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| </main> | ||
| </body> |