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

feat/challenge-landing-page #1

Merged
PatrickSouzaSilva merged 12 commits from feat/challenge-landing-page into main 2022-10-14 00:44:10 +00:00
Conversation 1 Commits 12 Files Changed 19 +27 -15
2 changed files with 27 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit d751b09e71 - Show all commits

19
html/index.html
View File

@ -180,16 +180,12 @@
<section class="bottom-infocard"> <section class="bottom-infocard">
<figure>
<img class="bottom-infocard-img-mobile" src="" alt="">
</figure> <figure class="bottom-infocard-img-mobile">
<img src="" alt="">
<figure> </figure>
<img class="bottom-infocard-image" src="/assents/assents-img/bottom-inforcard-99.png"
alt="imagem de oculos sobre o computador">
</figure>
<div class="bottom-inforcard-text"> <div class="bottom-inforcard-text">
<h2 class="bottom-infocard-title"> <h2 class="bottom-infocard-title">
@ -206,6 +202,15 @@
</div> </div>
<figure>
<img class="bottom-infocard-image" src="/assents/assents-img/bottom-inforcard-99.png"
alt="imagem de oculos sobre o computador">
</figure>
</section> </section>

17
html/main.styles/style.css
View File

@ -30,7 +30,8 @@
width: 100%; width: 100%;
} }
.main-banner-mobile { .main-banner-mobile,
.bottom-infocard-img-mobile {
display: none; display: none;
} }
@ -176,11 +177,12 @@
/*////////////////section bottom 03///////////////////*/ /*////////////////section bottom 03///////////////////*/
.bottom-infocard { .bottom-infocard {
padding: 142px 12px 179px 12px; padding: 108px 0px 116px 0px;
display: flex; display: flex;
flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
gap: 40px;
background: #ffffff; background: #ffffff;
} }
@ -197,13 +199,18 @@
.bottom-infocard-title { .bottom-infocard-title {
font-size: 32px; font-size: 32px;
line-height: 36px; line-height: 39px;
margin-bottom: 18px; margin-bottom: 18px;
text-align: center;
} }
.bottom-infocard-description { .bottom-infocard-description {
max-width: 550px; max-width: 550px;
line-height: 24px; line-height: 24px;
text-align: center;
font-size: 16px;
margin-bottom: 50px;
} }
/*///////////////// FOOTER /////////////////*/ /*///////////////// FOOTER /////////////////*/
@ -269,7 +276,7 @@
} }
.main-banner-mobile, .main-banner-mobile,
.middle-banner-mobile { .bottom-infocard-img-mobile {
display: block; display: block;
} }