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

feat(home): criado a estrutura HTML da section4.

Browse Source
This commit is contained in:
Luiz Felipe Silva 2022-10-13 23:00:19 -03:00
parent 38abae79b8
commit 7b5fa5a4d0
1 changed files with 71 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
index.html
View File

@ -88,5 +88,76 @@
</figure>
</div>
</section>
<section class="section4">
<div class="container-cards">
<div class="card">
<figure>
<img src="./src/assets/svg/dinheiro.svg" alt="Dinheiro">
<figcaption>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
</figcaption>
</figure>
</div>
<div class="card">
<figure>
<img src="./src/assets/svg/bolsa.svg" alt="Bolsa">
<figcaption>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
</figcaption>
</figure>
</div>
<div class="card">
<figure>
<img src="./src/assets/svg/compra.svg" alt="Compras">
<figcaption>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
</figcaption>
</figure>
</div>
<div class="card">
<figure>
<img src="./src/assets/svg/celular.svg" alt="Celular">
<figcaption>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
</figcaption>
</figure>
</div>
</div>
<div class="container-content2">
<div class="text-content-desktop">
<h1 class="text-title2">Lorem ipsum dolor sit amet</h1>
<p class="text-paragraph2">
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.
</p>
</div>
</div>
<figure>
<img src="./src/assets/img/fundo-desktop2.png" class="fundo-desktop2" alt="Programação">
<img src="./src/assets/img/fundo-mobile2.png" class="fundo-mobile2" alt="Programação">
</figure>
<div class="text-content-mobile">
<h1 class="text-title2">Lorem ipsum dolor sit amet</h1>
<p class="text-paragraph2">
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.
</p>
</div>
</section>
</body>
</html>