diff --git a/src/components/footer/footer.css b/src/components/footer/footer.css index b2bc599..f4fa9df 100644 --- a/src/components/footer/footer.css +++ b/src/components/footer/footer.css @@ -1,27 +1,22 @@ -*{ margin: 0; padding:0px;} +*{ margin: 0; + padding:0px; +} + .div{ - position: absolute; - width: 1440px; - height: 540px; - left: 0px; - top: 299px; background: #F1DDC9; } .font-footer{ - position: absolute; - width: 231px; - height: 49px; - left: 604px; - top: 400px; font-family: Poppins; font-style: normal; font-weight: 600; font-size: 36px; line-height: 40px; + text-align: center; + /* or 111% */ letter-spacing: 0.02em; @@ -30,48 +25,38 @@ } @media(max-width: 768px){ - .bottom p,.has-text-right{ - text-align: center !important; - } -} -.fa{ - padding-right: 10px; - font-size: 24px; - cursor: pointer; - position: absolute; - left: 0%; - right: 0%; - top: 0%; - bottom: 0%; - - background: #D84727; + } -.back{ - position: absolute; - width: 241px; - height: 30px; - left: 692px; - top: 759px; + +.navbar-item li{ + list-style: none; + margin: 100px; + align-content: center; font-family: Poppins; font-style: normal; font-weight: 500; - font-size: 20px; - line-height: 30px; - /* identical to box height */ + font-size: 24px; + line-height: 24px; + /* identical to box height, or 100% */ - letter-spacing: 0.02em; - color: #333333; + color: #000000; } -.front{ - position: absolute; - width: 110px; - height: 30px; - left: 505px; - top: 759px; +.fa-twitter { color: #D84727; } +.fa-linkedin { color: #D84727;} +.fa-telegram { color: #D84727;} +.fa-facebook { color: #D84727;} +.fa-medium { color: #D84727;} +.fa-instagram { color: #D84727;} + +.fa-heart{ + color: #E10404; +} + +.fonts{ font-family: Poppins; font-style: normal; font-weight: 500; @@ -82,6 +67,12 @@ letter-spacing: 0.02em; color: #333333; +} +.line{ + width: 1236.01px; + height: 0px; + top: 737px; + border: 1px solid #EF7326; } \ No newline at end of file diff --git a/src/components/footer/footer.html b/src/components/footer/footer.html index a43d530..a787d84 100644 --- a/src/components/footer/footer.html +++ b/src/components/footer/footer.html @@ -5,41 +5,50 @@ - + -