MateusLopes/challenge-landing-page
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: ultimo container da pagina

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/article-image.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 360 KiB

9
assets/images/logo-m3academy.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 19 KiB

25
index.html
View File

@ -12,7 +12,7 @@
<nav>
<a href="/">
<img
src="./assets/images/logo-m3academy.svg"
src="./assets/svgs/logo-m3academy.svg"
alt="Logo do treinamento M3 Academy"
/>
</a>
@ -78,13 +78,13 @@
<!-- Container com tres imagens -->
<div class="container-three-images">
<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>
<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>
<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>
</div>
<!-- Segundo container com cards -->
@ -109,13 +109,28 @@
</figcaption>
</figure>
<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">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
</figcaption>
</figure>
</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>
</body>
</html>