Skip to content

Commit

Permalink
6/7 depoimentos
Browse files Browse the repository at this point in the history
  • Loading branch information
ClaudiOmatheuuss committed Oct 4, 2023
1 parent b4185ef commit 56e5eff
Show file tree
Hide file tree
Showing 3 changed files with 122 additions and 1 deletion.
87 changes: 87 additions & 0 deletions assets/css/deposition/deposition.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,87 @@
.deposition__section {
display: flex;
justify-content: center;
padding-bottom: 6rem;
}

.deposition {
align-items: center;
background: rgba(195, 25, 25, 0.03);
border-radius: 16px;
display: flex;
flex-direction: column;
gap: 2rem;
padding: 1.5rem;
}

.deposition__content {
align-items: stretch;
display: flex;
flex-direction: column;
gap: 1rem;
}

.deposition__content span, .deposition__content h2 {
font-family: var(--default-font);
text-align: center;
}

.deposition__content span {
color: var(--red-100);
font-size: 14px;
font-weight: 600;
line-height: 142.857%;
}

.deposition__content h2 {
color: var(--gray-900);
font-size: 18px;
font-weight: 500;
line-height: 122.222%;
letter-spacing: -0.72px;
}

.deposition__person {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}

.deposition__person img {
padding-bottom: 1rem;
}

.deposition__person h3, .deposition__person span {
font-family: var(--default-font);
text-align: center;
}

.deposition__person h3 {
color: var(--gray-900, #101828);
font-size: 16px;
font-weight: 500;
line-height: 150%;
padding-bottom: 4px;
}

.deposition__person span {
color: var(--gray-500);
font-size: 14px;
line-height: 142.857%;
}

@media screen and (min-width: 900px) {
.deposition__section {
padding: 0 7%;
padding-bottom: 6rem;
}

.deposition {
padding: 4rem;
}

.deposition__content h2 {
font-size: 2.25rem;
}
}
9 changes: 9 additions & 0 deletions assets/img/julia__img.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
27 changes: 26 additions & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@
<link rel="stylesheet" href="./assets/css/about/about.css" />
<link rel="stylesheet" href="./assets/css/insights/insights.css" />
<link rel="stylesheet" href="./assets/css/vancacies/vancacies.css" />
<link rel="stylesheet" href="./assets/css/deposition/deposition.css" />
<title>Optimus Tech - home</title>
</head>
<body>
Expand Down Expand Up @@ -171,7 +172,31 @@ <h2>Desenvolvimento de Software</h2>
</div>

</section>


<section class="deposition__section">
<div class="deposition">
<div class="deposition__content">

<span>
Veja o que nossos colaboradores falam sobre nós
</span>
<h2>
OptimusTech se importa com a saúde dos seus colaboradores e
sempre procura nos dar todo tipo de auxílio possível.
</h2>
</div>
<div class="deposition__person">

<img src="./assets/img/julia__img.svg" alt="Imagem da Julia castro" />
<h3>
Júlia Castro
</h3>
<span>
Desenvolvedora Web
</span>
</div>
</div>
</section>
</main>
</body>
</html>

0 comments on commit 56e5eff

Please sign in to comment.