|
|
| Linha 1: |
Linha 1: |
| − | <!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">
| |
| | | | |
| − | <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: Arial, Helvetica, sans-serif
| |
| − | 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: Arial, Helvetica, sans-serif
| |
| − | 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: Arial, Helvetica, sans-serif
| |
| − | 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: Arial, Helvetica, sans-serif
| |
| − | 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>
| |
