Mudanças entre as edições de "Oqhn ultima versao"
De Softwiki
(Página substituída por '{{DISPLAYTITLE:<span style="display: none">{{FULLPAGENAME}}</span>}}') |
|||
Linha 1: | Linha 1: | ||
{{DISPLAYTITLE:<span style="display: none">{{FULLPAGENAME}}</span>}} | {{DISPLAYTITLE:<span style="display: none">{{FULLPAGENAME}}</span>}} | ||
+ | <!DOCTYPE html> | ||
+ | <html lang="en"> | ||
+ | <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="preconnect" href="https://fonts.googleapis.com"> | ||
+ | <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
+ | <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;1,600&display=swap" rel="stylesheet"> | ||
+ | |||
+ | <title>Portifolio</title> | ||
+ | <style> | ||
+ | body{ | ||
+ | margin-left: 15%; | ||
+ | margin-right: 15%; | ||
+ | } | ||
+ | .container{ | ||
+ | display: grid; | ||
+ | grid-auto-flow: column; | ||
+ | grid-auto-columns: 1fr; | ||
+ | } | ||
+ | #hearder { | ||
+ | font-family: Poppins | ||
+ | font-style: normal; | ||
+ | font-weight: 600; | ||
+ | font-size: 28px; | ||
+ | line-height: 42px; | ||
+ | |||
+ | text-decoration-line: underline; | ||
+ | |||
+ | color: #070F18" | ||
+ | margin-top>40px; | ||
+ | margin-bottom 40px; | ||
+ | |||
+ | } | ||
+ | #menu ul { | ||
+ | List-syle-type: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | #menu li{ | ||
+ | display: inline-block; | ||
+ | margin-left: 20px; | ||
+ | font-family: Poppins; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | font-size: 16px; | ||
+ | line-height: 24px; | ||
+ | |||
+ | text-align: center; | ||
+ | color: black; | ||
+ | } | ||
+ | #buttonCTA{ | ||
+ | background: #adc1dd; | ||
+ | border-radius: 50px; | ||
+ | font-family: Poppins; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | font-size: 16px; | ||
+ | line-height: 50px; | ||
+ | |||
+ | text-align: center; | ||
+ | color: aliceblue; | ||
+ | padding: 10px 25px 10px 25px; } | ||
+ | |||
+ | #headerCta { | ||
+ | font-family: Poppins; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | font-size: 16px; | ||
+ | line-height: 32px; | ||
+ | color:rgb(185, 24, 24) } | ||
+ | |||
+ | #headerCta h1 { | ||
+ | font-family: Poppins; | ||
+ | font-style: normal; | ||
+ | font-weight: bold; | ||
+ | font-size: 455px; | ||
+ | color:rgb(226, 43, 180) | ||
+ | } | ||
+ | |||
+ | #headerImg{ | ||
+ | margin-left:42px; | ||
+ | } | ||
+ | |||
+ | #headerImg img{ | ||
+ | width: 100%; | ||
+ | } | ||
+ | </style | ||
+ | </head> | ||
+ | <body> | ||
+ | <div class= "container"> | ||
+ | <div id="hearder"> | ||
+ | O que Há de Novo | ||
+ | </div> | ||
+ | <div id ="menu"> | ||
+ | <ul> | ||
+ | <li><a href= "">FreteFácil</a></li> | ||
+ | <li><a href= "">FrotaFácil</a> </li> | ||
+ | <li><a href= "">LM </a></li> | ||
+ | <li><a href= "">Contábil</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="container"> | ||
+ | <div id="headerCta"></div> | ||
+ | <h1> Olá,<br> | ||
+ | Eu sou a Central de Ajuda | ||
+ | </h1> | ||
+ | <p>Aqui você ficará por dentro de todas <br> | ||
+ | novidades relacionada aos Sistema da SoftCenter | ||
+ | </p> | ||
+ | |||
+ | <a id = "buttonCTA" href="">Meus Serviços</a> | ||
+ | |||
+ | <div id="headerImg"> | ||
+ | <img src="img/logo.png"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </body> | ||
+ | </html> |
Edição das 22h22min de 2 de agosto de 2022
<!DOCTYPE html> <html lang="en"> <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="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;1,600&display=swap" rel="stylesheet">
<title>Portifolio</title> <style> body{ margin-left: 15%; margin-right: 15%; } .container{ display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; } #hearder { font-family: Poppins font-style: normal; font-weight: 600; font-size: 28px; line-height: 42px; text-decoration-line: underline;
color: #070F18" margin-top>40px; margin-bottom 40px;
} #menu ul { List-syle-type: none; margin: 0; padding: 0; } #menu li{ display: inline-block; margin-left: 20px; font-family: Poppins; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px;
text-align: center; color: black; } #buttonCTA{ background: #adc1dd; border-radius: 50px; font-family: Poppins; font-style: normal; font-weight: normal; font-size: 16px; line-height: 50px;
text-align: center; color: aliceblue; padding: 10px 25px 10px 25px; } #headerCta { font-family: Poppins; font-style: normal; font-weight: normal; font-size: 16px; line-height: 32px; color:rgb(185, 24, 24) }
#headerCta h1 { font-family: Poppins; font-style: normal; font-weight: bold; font-size: 455px; color:rgb(226, 43, 180) }
#headerImg{ margin-left:42px; }
#headerImg img{ width: 100%; } </style
</head> <body>
O que Há de Novo
Olá,
Eu sou a Central de Ajuda
Aqui você ficará por dentro de todas
novidades relacionada aos Sistema da SoftCenter
<a id = "buttonCTA" href="">Meus Serviços</a>
<img src="img/logo.png">
</body>
</html>