Skip to content

Commit

Permalink
add site principal e folha de estilo
Browse files Browse the repository at this point in the history
  • Loading branch information
[email protected] committed Jun 25, 2024
0 parents commit 6897a3f
Show file tree
Hide file tree
Showing 2 changed files with 108 additions and 0 deletions.
37 changes: 37 additions & 0 deletions landpageex.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>FASTER</title>
<link rel="stylesheet" href="pagestyle.css">
</head>

<body>
<header class="naveg">
<img
class="img"
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTDOIsJXj-jsWn_DzqWiy0N_G9Iv50aWRm6ng&s"
alt="logo marca"
/>
<div class="logo">FASTER</div>
<nav class="lista">
<ul class="opcoes">Home</ul>
<ul class="opcoes">Sobre</ul>
<ul class="opcoes">Serviço</ul>
<ul class="opcoes">Preço</ul>
<ul class="opcoes">Tópicos</ul>
<ul class="opcoes">Contatos</ul>
<ul><button>Pegue as encomendas</button></ul>
</nav>
</header>
<main>
<section class="image-log">
<div class="text"></div>
<p>Seguro e Rápido</p>
<h3>Serviços Logísticos</h3>
</div>
</section>
</main>
</body>
</html>
71 changes: 71 additions & 0 deletions pagestyle.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
* {
margin: 0;
padding: 0;
}

.naveg {
display: flex;
justify-content: space-between;
align-items: center;
}
.lista {
display: flex;
flex-direction: center;
justify-content: center;
align-content: center;
text-align: center;
padding: 20px;
margin: 0;
gap: 20px;
}
.img {
display: flex;
justify-content: flex-start;
width: 60px;
}
.faster {
display: flex;
align-content: end;
align-self: center;
font-size: 25px;
font-style: bold;
color: orangered;
}
button {
border: solid 1px orangered;
border-radius: 10px;
color: white;
padding: 10px;
background-color: orangered;
transition: background-color 0.5s ease, color 0.5s ease;
}
button:hover {
background-color: aliceblue;
color: orangered;
}
.nav {
display: flex;
flex-flow: nowrap;
justify-content: space-around;
position: absolute;
top: 5%;
left: 50%;
transform: translate(-50%, -50%);
}
.image-log {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
top: 50%;
font-size: 200%;
background-image: url(https://img.ibxk.com.br/2013/5/materias/4426485393141937-o.jpg);
background-size: cover;
background-repeat: no-repeat;
height: 500px;
filter: brightness(0.40);
}
.text {
color: azure;
}

0 comments on commit 6897a3f

Please sign in to comment.