Untitled
unknown
plain_text
a year ago
1.1 kB
4
Indexable
.container{ max-width: 1170px; margin:auto; } .row{ display: flex; flex-wrap: wrap; } ul{ list-style: none; } .footer{ padding:70px 0; } .footer-info-item{ width:25%; padding: 0 15px; } .footer-info-item h4{ font-size: 18px; color: black; margin-bottom: 35px; position:relative; } .footer-info-item h4::before{ content:""; position:absolute; left:0; bottom:-10px; height:2px; box-sizing:border-box; width:50px; } .footer-info-item ul li:not(:last-child){ margin-bottom: 10px; } .footer-info-item ul li a{ font-size: 14px; color:lightslategray; text-decoration: none; display:block; transition:all 0.3s ease; } .footer-info-item ul li a:hover{ color: lightslategray; padding: left 8px; } @media(max-width:767px){ .footer-info-item{ width: 50px; margin-bottom: 30px; } } @media(max-width:547px){ .footer-info-item{ width: 100%; } } .footer .rights { background-color: #fff; padding: 30px 0; text-align: center } .footer.rights p{ color:orange; }
Editor is loading...
Leave a Comment