Mickael.Cypriano.Rocha/challenge-landing-page-Mickael
0
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

crie a segunda parte do site

Browse Source
This commit is contained in:
Mickael_cypriano 2022-10-10 09:04:41 -03:00
parent 469fc6d753
commit e6f0d269e4
2 changed files with 42 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
index.html
View File

@ -30,7 +30,8 @@
<h1>Lorem ipsum</h1> <h1>Lorem ipsum</h1>
<h2>DOLOR SIT AMET</h2> <h2>DOLOR SIT AMET</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla
interdum. <br> Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit magna interdum. <br> Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit
magna
dui. </p> dui. </p>
</div> </div>
<div class="segunda-section-imagem"> <div class="segunda-section-imagem">
@ -38,6 +39,27 @@
</div> </div>
</section> </section>
<section class="terceira-section-card">
<div class="terceira-section card-01">
<img src="./src/assents/imagens/shop 1.svg" alt="imagem-shop-card">
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla
interdum.</p>
</div>
<div class="terceira-section card-02">
<img src="./src/assents/imagens/shopping-bag (1) 1.svg" alt="imagem-shop-bag-card">
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla
interdum.</p>
</div>
<div class="terceira-section card-03">
<img src="./src/assents/imagens/coin 1.svg" alt="imagem-shop-bag-card">
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla
interdum.</p>
</div>
</section>
</main> </main>
<footer> <footer>

17
src/style/style.css
View File

@ -70,5 +70,22 @@
line-height: 24px; line-height: 24px;
} }
.terceira-section-card {
display: flex;
padding: 0 28px;
margin-top: 178px;
}
.terceira-section {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background: #FFFFFF;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23);
}
.terceira-section img {
margin-bottom: 28px;
}