forked from M3-Academy/challenge-landing-page
Commit das tags semânticas atualizadas.
This commit is contained in:
parent
48ea6f79f6
commit
4e28865141
44
index.html
44
index.html
@ -31,84 +31,84 @@
|
|||||||
vel sit amet velit. Nulla suscipit magna dui.</p>
|
vel sit amet velit. Nulla suscipit magna dui.</p>
|
||||||
<img src="./imagens/computers.png" width="35%" height="auto" alt="Computer-png">
|
<img src="./imagens/computers.png" width="35%" height="auto" alt="Computer-png">
|
||||||
<article class="cardCenter">
|
<article class="cardCenter">
|
||||||
<div class="card1">
|
<article class="card1">
|
||||||
<img class="img-card"src="./imagens/shop.png" alt="Grou-png">
|
<img class="img-card"src="./imagens/shop.png" alt="Grou-png">
|
||||||
<p class="text5">Lorem ipsum dolor sit amet,</p>
|
<p class="text5">Lorem ipsum dolor sit amet,</p>
|
||||||
<p class="text5">consectetur adipiscing elit. Cras</p>
|
<p class="text5">consectetur adipiscing elit. Cras</p>
|
||||||
<p class="text5">euismod enim non dui fringilla</p>
|
<p class="text5">euismod enim non dui fringilla</p>
|
||||||
<p class="text5">interdum.</p>
|
<p class="text5">interdum.</p>
|
||||||
</div>
|
</article>
|
||||||
<div class="card1">
|
<article class="card1">
|
||||||
<img class="img-card"src="./imagens/Group.png" alt="Grou-png">
|
<img class="img-card"src="./imagens/Group.png" alt="Grou-png">
|
||||||
<p class="text5">Lorem ipsum dolor sit amet,</p>
|
<p class="text5">Lorem ipsum dolor sit amet,</p>
|
||||||
<p class="text5">consectetur adipiscing elit. Cras</p>
|
<p class="text5">consectetur adipiscing elit. Cras</p>
|
||||||
<p class="text5">euismod enim non dui fringilla</p>
|
<p class="text5">euismod enim non dui fringilla</p>
|
||||||
<p class="text5">interdum.</p>
|
<p class="text5">interdum.</p>
|
||||||
</div>
|
</article>
|
||||||
<div class="card1">
|
<article class="card1">
|
||||||
<img class="img-card"src="./imagens/coin.png" alt="Grou-png">
|
<img class="img-card"src="./imagens/coin.png" alt="Grou-png">
|
||||||
<p class="text5">Lorem ipsum dolor sit amet,</p>
|
<p class="text5">Lorem ipsum dolor sit amet,</p>
|
||||||
<p class="text5">consectetur adipiscing elit. Cras</p>
|
<p class="text5">consectetur adipiscing elit. Cras</p>
|
||||||
<p class="text5">euismod enim non dui fringilla</p>
|
<p class="text5">euismod enim non dui fringilla</p>
|
||||||
<p class="text5">interdum.</p>
|
<p class="text5">interdum.</p>
|
||||||
</div>
|
</article>
|
||||||
|
|
||||||
|
|
||||||
</article>
|
</article>
|
||||||
<section class="imgDesk1">
|
<section class="imgDesk1">
|
||||||
|
|
||||||
<div class="card2">
|
<article class="card2">
|
||||||
<img class="imgNote1" src="./imagens/note1.png" alt="">
|
<img class="imgNote1" src="./imagens/note1.png" alt="">
|
||||||
<img class="imgNote1" src="./imagens/note2.png" alt="">
|
<img class="imgNote1" src="./imagens/note2.png" alt="">
|
||||||
<img class="imgNote1 imgNot" src="./imagens/note3.png" alt="">
|
<img class="imgNote1 imgNot" src="./imagens/note3.png" alt="">
|
||||||
</div>
|
</article>
|
||||||
|
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
<section class="backgroundCinza">
|
<section class="backgroundCinza">
|
||||||
|
|
||||||
<div class="imgDesk2">
|
<article class="imgDesk2">
|
||||||
<img class="imgNote2" src="./imagens/note1.png" alt="">
|
<img class="imgNote2" src="./imagens/note1.png" alt="">
|
||||||
<img class="imgNote2" src="./imagens/note2.png" alt="">
|
<img class="imgNote2" src="./imagens/note2.png" alt="">
|
||||||
</div>
|
</article>
|
||||||
|
|
||||||
<div class="imgDesk3">
|
<article class="imgDesk3">
|
||||||
<img class="imgNote3" src="./imagens/note3.png" alt="">
|
<img class="imgNote3" src="./imagens/note3.png" alt="">
|
||||||
</div>
|
</article>
|
||||||
</section>
|
</section>
|
||||||
<article class="cardCenter">
|
<article class="cardCenter">
|
||||||
<div class="card3">
|
<article class="card3">
|
||||||
<img class="img-card"src="./imagens/money.png" alt="Grou-png">
|
<img class="img-card"src="./imagens/money.png" alt="Grou-png">
|
||||||
<p class="text5">Lorem ipsum dolor sit amet, consectetur</p>
|
<p class="text5">Lorem ipsum dolor sit amet, consectetur</p>
|
||||||
<p class="text5">adipiscing elit. Cras euismod enim non dui </p>
|
<p class="text5">adipiscing elit. Cras euismod enim non dui </p>
|
||||||
<p class="text5">fringilla interdum. Lorem ipsum dolor sit amet,</p>
|
<p class="text5">fringilla interdum. Lorem ipsum dolor sit amet,</p>
|
||||||
<p class="text5">consectetur adipiscing elit. Cras euismod enim</p>
|
<p class="text5">consectetur adipiscing elit. Cras euismod enim</p>
|
||||||
<p class="text5">on dui fringilla interdum.</p>
|
<p class="text5">on dui fringilla interdum.</p>
|
||||||
</div>
|
</article>
|
||||||
<div class="card3">
|
<article class="card3">
|
||||||
<img class="img-card"src="./imagens/coin.png" alt="Grou-png">
|
<img class="img-card"src="./imagens/coin.png" alt="Grou-png">
|
||||||
<p class="text5">Lorem ipsum dolor sit amet, consectetur</p>
|
<p class="text5">Lorem ipsum dolor sit amet, consectetur</p>
|
||||||
<p class="text5">adipiscing elit. Cras euismod enim non dui </p>
|
<p class="text5">adipiscing elit. Cras euismod enim non dui </p>
|
||||||
<p class="text5">fringilla interdum. Lorem ipsum dolor sit amet,</p>
|
<p class="text5">fringilla interdum. Lorem ipsum dolor sit amet,</p>
|
||||||
<p class="text5">consectetur adipiscing elit. Cras euismod enim</p>
|
<p class="text5">consectetur adipiscing elit. Cras euismod enim</p>
|
||||||
<p class="text5">on dui fringilla interdum.</p>
|
<p class="text5">on dui fringilla interdum.</p>
|
||||||
</div>
|
</article>
|
||||||
<div class="card3">
|
<article class="card3">
|
||||||
<img class="img-card"src="./imagens/pasta.png" alt="Grou-png">
|
<img class="img-card"src="./imagens/pasta.png" alt="Grou-png">
|
||||||
<p class="text5">Lorem ipsum dolor sit amet, consectetur</p>
|
<p class="text5">Lorem ipsum dolor sit amet, consectetur</p>
|
||||||
<p class="text5">adipiscing elit. Cras euismod enim non dui </p>
|
<p class="text5">adipiscing elit. Cras euismod enim non dui </p>
|
||||||
<p class="text5">fringilla interdum. Lorem ipsum dolor sit amet,</p>
|
<p class="text5">fringilla interdum. Lorem ipsum dolor sit amet,</p>
|
||||||
<p class="text5">consectetur adipiscing elit. Cras euismod enim</p>
|
<p class="text5">consectetur adipiscing elit. Cras euismod enim</p>
|
||||||
<p class="text5">on dui fringilla interdum.</p>
|
<p class="text5">on dui fringilla interdum.</p>
|
||||||
</div>
|
</article>
|
||||||
<div class="card3">
|
<article class="card3">
|
||||||
<img class="img-card"src="./imagens/celular.png" alt="Grou-png">
|
<img class="img-card"src="./imagens/celular.png" alt="Grou-png">
|
||||||
<p class="text5">Lorem ipsum dolor sit amet, consectetur</p>
|
<p class="text5">Lorem ipsum dolor sit amet, consectetur</p>
|
||||||
<p class="text5">adipiscing elit. Cras euismod enim non dui </p>
|
<p class="text5">adipiscing elit. Cras euismod enim non dui </p>
|
||||||
<p class="text5">fringilla interdum. Lorem ipsum dolor sit amet,</p>
|
<p class="text5">fringilla interdum. Lorem ipsum dolor sit amet,</p>
|
||||||
<p class="text5">consectetur adipiscing elit. Cras euismod enim</p>
|
<p class="text5">consectetur adipiscing elit. Cras euismod enim</p>
|
||||||
<p class="text5">on dui fringilla interdum.</p>
|
<p class="text5">on dui fringilla interdum.</p>
|
||||||
</div>
|
</article>
|
||||||
<article class="mobileBackground">
|
<article class="mobileBackground">
|
||||||
<br><br>
|
<br><br>
|
||||||
<img class="oculosPng" src="./imagens/oculos.png" alt="Óculos-png">
|
<img class="oculosPng" src="./imagens/oculos.png" alt="Óculos-png">
|
||||||
@ -130,7 +130,7 @@
|
|||||||
</article>
|
</article>
|
||||||
</main>
|
</main>
|
||||||
<footer class="rodape">
|
<footer class="rodape">
|
||||||
<div class="links">
|
<article class="links">
|
||||||
<ul src="disc">
|
<ul src="disc">
|
||||||
<li>
|
<li>
|
||||||
<a href="#">
|
<a href="#">
|
||||||
@ -155,7 +155,7 @@
|
|||||||
</li>
|
</li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</article>
|
||||||
<p class="textFooter">Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00
|
<p class="textFooter">Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00
|
||||||
</p>
|
</p>
|
||||||
</footer>
|
</footer>
|
||||||
|
Loading…
Reference in New Issue
Block a user