Skip to content

Commit

Permalink
Merge pull request #31 from ElizabethBil/footer
Browse files Browse the repository at this point in the history 
footer-foto
  • Loading branch information
@ElizabethBil
ElizabethBil authored Oct 3, 2023
2 parents de6d2b9 + 6d6f853 commit 6dfc4e3
Show file tree
Hide file tree
Showing 3 changed files with 103 additions and 85 deletions.
172 changes: 89 additions & 83 deletions src/css/footer.css
View file
Original file line number Diff line number Diff line change
@@ -1,86 +1,85 @@
@media screen and (min-width: 768px) {
.footer-section {
width: 375px;
height: 649px;
flex-shrink: 0;
@media screen and (min-width: 1440px) {
.footer-section {
width: 1440px;
height: 363px;
flex-shrink: 0;
border-top: 1px solid rgba(252, 249, 249, 0.10);
}

.logo-footer-cont {
width: 335px;
color: var(--white, #FCF9F9);
font-family: Manrope;
font-size: 44px;
font-style: normal;
font-weight: 400;
line-height: 54px;
letter-spacing: -1.32px;
color: var(--white, #FCF9F9);
font-family: Manrope;
font-size: 64px;
font-style: normal;
font-weight: 400;
line-height: 74px;
letter-spacing: -1.92px;
width: 754px;
}

.Ukrainian {
color: var(--white, #ECD979);
}

.g8.png {
display: flex;
width: 452px;
height: 401px;
padding-right: 0px;
justify-content: center;
align-items: center;
flex-shrink: 0;
display: flex;
width: 595px;
height: 528px;
padding-right: 0px;
justify-content: center;
align-items: center;
flex-shrink: 0;
}

.footerlist-sections {
display: inline-flex;
align-items: flex-start;
gap: 40px;
display: inline-flex;
align-items: flex-start;
gap: 25px;
}

.footer-link-menu {
color: var(--white, #FCF9F9);
font-family: Manrope;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px;
text-transform: uppercase;
color: var(--white, #FCF9F9);
font-family: Manrope;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px;
text-transform: uppercase;
}

}

@media screen and (min-width: 1280px) {

.footer-section {
.footer-section {
width: 768px;
height: 370px;
flex-shrink: 0;
border-top: 1px solid rgba(252, 249, 249, 0.10);
}

.logo-footer-cont {
width: 521px;
color: var(--white, #FCF9F9);
font-family: Manrope;
font-size: 54px;
font-style: normal;
font-weight: 400;
line-height: 64px;
letter-spacing: -1.62px;
width: 521px;
color: var(--white, #FCF9F9);
font-family: Manrope;
font-size: 54px;
font-style: normal;
font-weight: 400;
line-height: 64px;
letter-spacing: -1.62px;
}

.Ukrainian {
color: var(--white, #ECD979);
}

.g8.png {
display: flex;
width: 452px;
height: 401px;
padding-right: 0px;
justify-content: center;
align-items: center;
flex-shrink: 0;
display: flex;
width: 452px;
height: 401px;
padding-right: 0px;
justify-content: center;
align-items: center;
flex-shrink: 0;
}

.footerlist-sections {
Expand All @@ -100,47 +99,54 @@ letter-spacing: -1.62px;
}
}

@media screen and (min-width: 1440px) {
@media screen and (min-width: 768px) {
.footer-section {
width: 1440px;
height: 363px;
flex-shrink: 0;
width: 375px;
height: 649px;
flex-shrink: 0;
border-top: 1px solid rgba(252, 249, 249, 0.10);
}
}

.logo-footer-cont {
width: 335px;
color: var(--white, #FCF9F9);
font-family: Manrope;
font-size: 64px;
font-style: normal;
font-weight: 400;
line-height: 74px;
letter-spacing: -1.92px;
width: 754px;
}
.Ukrainian {
color: var(--white, #ECD979);
}
.g8.png {
display: flex;
width: 595px;
height: 528px;
padding-right: 0px;
justify-content: center;
align-items: center;
flex-shrink: 0;
}
.footerlist-sections {
font-family: Manrope;
font-size: 44px;
font-style: normal;
font-weight: 400;
line-height: 54px;
letter-spacing: -1.32px;
}

.Ukrainian {
color: var(--white, #ECD979);
}

.g8.png {
display: flex;
width: 452px;
height: 401px;
padding-right: 0px;
justify-content: center;
align-items: center;
flex-shrink: 0;
}

.footerlist-sections {
display: inline-flex;
align-items: flex-start;
gap: 25px;
}
.footer-link-menu {
gap: 40px;
}

.footer-link-menu {
color: var(--white, #FCF9F9);
font-family: Manrope;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px;
text-transform: uppercase;
font-family: Manrope;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px;
text-transform: uppercase;
}

}
}

Binary file added src/img/footer/[email protected]
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
16 changes: 14 additions & 2 deletions src/partials/footer.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,19 @@
<li><a class="footer-link-menu" href="">TEstimonials</a></li>
</ul>
</div>
<img class="g8.png" sizes="(min-width: 1200px) 270px, (min-width: 768px) 330px, (min-width: 767px) 418px"
src="./images/g8.png" alt="g8.png" width="360" />

<source srcset="
./img/footer/g8.png 400w,
./img/footer/[email protected] 800w,
./img/footer/g8.png 347w,
./img/footer/[email protected] 694w,
./img/footer/g8.png 342w,
./img/footer/[email protected] 684w,
./img/footer/g8.png 335w,
./img/footer/[email protected] 670w
"
sizes="(min-width: 1440px) 400px, (min-width: 1280px) 347px, (min-width: 768px) 342px, (min-width: 320px) 335px" />
<img class="g8.png" src="./img/footer/g8.png"
alt="g8.png" />
</div>
</footer>

0 comments on commit 6dfc4e3

Please sign in to comment.