/* * These styles apply ONLY to the header and footer assets. */ .footer { background: #2d353d; color: #fff; line-height: 1.5; padding: 15px; } .footer-wrap { max-width: 1236px; margin: 0 auto; } .footer-row { padding: 10px 0; display: flex; justify-content: space-between; align-items: center; } .footer-socials ul { display: inline-block; margin: 0; padding: 0; } .footer-socials li { list-style: none; display: inline-block; padding: 5px; border-radius: 50%; line-height: 0; } .footer-socials .social-fb:hover{ background-color: #1876f2; } .footer-socials .social-twitter:hover{ background-color: #1d9bf0; } .footer-socials .social-ig:hover{ background-image: linear-gradient(#8a3ab9, #bc2a8d,#e95950, #fccc63); } .footer-links ul { padding: 0; margin: 0; } .footer-links li { color: #fff; list-style: none; display: inline-block; padding: 5px 10px; } .footer-links li a { color: #fff; text-decoration: none; } .footer-links li a:hover { text-decoration: underline; } .footer-disclaimer { font-weight: 500; margin:0 auto; padding: 5px; text-align: center; } @media(min-width: 1024px) { .footer-links li:first-child { padding-left: 0; } } @media(max-width: 1024px) { .footer-row { padding: 0; display: block; justify-content: initial; text-align: center; } .footer-row div { padding: 5px 0; } div.footer-links, div.footer-disclaimer { padding: 10px 20px; } .footer-links ul { display: flex; flex-direction: column; } div.footer-copyright { padding: 15px 0 0; } }

What the Bleep Do We Know?

Frank_Macky

Frank_Macky Heretic / Infidel

April 2019 in Realm of Thought #1

Comes with a great introduction, if anything...

0

or Register to comment.

Welcome to PinoyExchange!

Talk about all topics relevant to Pinoys around the world. Sign in or Register to join the conversations!

Sign In Register

Forums

/* * These styles apply ONLY to the header and footer assets. */ .footer { background: #2d353d; color: #fff; line-height: 1.5; padding: 15px; } .footer-wrap { max-width: 1236px; margin: 0 auto; } .footer-row { padding: 10px 0; display: flex; justify-content: space-between; align-items: center; } .footer-socials ul { display: inline-block; margin: 0; padding: 0; } .footer-socials li { list-style: none; display: inline-block; padding: 5px; border-radius: 50%; line-height: 0; } .footer-socials .social-fb:hover{ background-color: #1876f2; } .footer-socials .social-twitter:hover{ background-color: #1d9bf0; } .footer-socials .social-ig:hover{ background-image: linear-gradient(#8a3ab9, #bc2a8d,#e95950, #fccc63); } .footer-links ul { padding: 0; margin: 0; } .footer-links li { color: #fff; list-style: none; display: inline-block; padding: 5px 10px; } .footer-links li a { color: #fff; text-decoration: none; } .footer-links li a:hover { text-decoration: underline; } .footer-disclaimer { font-weight: 500; margin:0 auto; padding: 5px; text-align: center; } @media(min-width: 1024px) { .footer-links li:first-child { padding-left: 0; } } @media(max-width: 1024px) { .footer-row { padding: 0; display: block; justify-content: initial; text-align: center; } .footer-row div { padding: 5px 0; } div.footer-links, div.footer-disclaimer { padding: 10px 20px; } .footer-links ul { display: flex; flex-direction: column; } div.footer-copyright { padding: 15px 0 0; } }