feat: ultimo container da pagina

This commit is contained in:
Mateus Antonio Rodrigues Lopes 2022-10-08 23:51:14 -03:00
parent bd725d8061
commit b5a7a6647f
3 changed files with 20 additions and 14 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 360 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 19 KiB

View File

@ -12,7 +12,7 @@
<nav> <nav>
<a href="/"> <a href="/">
<img <img
src="./assets/images/logo-m3academy.svg" src="./assets/svgs/logo-m3academy.svg"
alt="Logo do treinamento M3 Academy" alt="Logo do treinamento M3 Academy"
/> />
</a> </a>
@ -78,13 +78,13 @@
<!-- Container com tres imagens --> <!-- Container com tres imagens -->
<div class="container-three-images"> <div class="container-three-images">
<figure> <figure>
<img src="./assets/images/" alt="Notebook com sua tela quase fechada iluminando o teclado com cores alaranjadas"> <img src="./assets/images/notebook-1.png" alt="Notebook com sua tela quase fechada iluminando o teclado com cores alaranjadas">
</figure> </figure>
<figure> <figure>
<img src="./assets/images/" alt="Notebook com a tela semi-aberta iluminando o teclado com cores azuis e vermelho formando um rosa no centro"> <img src="./assets/images/notebook-2.png" alt="Notebook com a tela semi-aberta iluminando o teclado com cores azuis e vermelho formando um rosa no centro">
</figure> </figure>
<figure> <figure>
<img src="./assets/images/" alt="Primeiro notebook porem em um angulo baixo da direita para esquerda da tecla enter"> <img src="./assets/images/notebook-3.png" alt="Primeiro notebook porem em um angulo baixo da direita para esquerda da tecla enter">
</figure> </figure>
</div> </div>
<!-- Segundo container com cards --> <!-- Segundo container com cards -->
@ -109,13 +109,28 @@
</figcaption> </figcaption>
</figure> </figure>
<figure class="card"> <figure class="card">
<img class="card-image" src="./assets/svgs/" alt="Celular recebendo uma notificação"> <img class="card-image" src="./assets/svgs/smartphone.svg" alt="Celular recebendo uma notificação">
<figcaption class="card-description"> <figcaption class="card-description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
</figcaption> </figcaption>
</figure> </figure>
</div> </div>
</div> </div>
<!-- Artigo da pagina -->
<article>
<div class="article-text">
<h3 class="article-title">Lorem ipsum dolor sit amet</h3>
<p class="article-description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vulputate sapien non libero faucibus interdum. In eget tincidunt ipsum.
Quisque a tellus at lectus blandit tempor. Ut tristique auctor mi eget hendrerit. Curabitur venenatis felis vitae sagittis venenatis.
Donec finibus turpis vitae lectus interdum rutrum vitae sed augue.
Lorem ipsum dolor sit amet
</p>
</div>
<figure class="article-image">
<img src="./assets/images/article-image.png" alt="Varias telas de monitores desfocada">
</figure>
</article>
</main> </main>
</body> </body>
</html> </html>