/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .vanilla-16ww06s-titleBar-bg2-titleBar-bg2{ background: 22D4FE !important; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */

Edit Discussion

Discussion Title

Drop image/file

Announce
- Don't announce.
- In the category.
- In the category and recent discussions.

Tags Show popular tags

No tags have been created yet.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Sign In Register

/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .vanilla-16ww06s-titleBar-bg2-titleBar-bg2{ background: 22D4FE !important; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap'); *{ margin: 0; padding: 0; box-sizing: border-box; font-family: "Poppins" , sans-serif; } body{ min-height: 100vh; width: 100%; background: #EEECEB; } footer{ background: #037dbc; width: 100%; bottom: 0; left: 0; } footer .content{ max-width: 1250px; margin: auto; padding: 3px 40px 40px 40px; } footer .content .top{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px; } .content .top .logo-details{ color: #fff; font-size: 30px; } .media-icons{ display: flex; margin-top:15px; } .media-icons a{ height: 40px; width: 40px; margin: 0 8px; border-radius: 50%; text-align: center; line-height: 40px; color: #fff; font-size: 17px; text-decoration: none; transition: all 0.4s ease; } .media-icons a img{ filter: invert(1); width:80%; } footer .content .link-boxes{ width: 100%; display: flex; justify-content: space-between; } footer .content .link-boxes .box{ width: calc(100% / 5 - 10px); } .content .link-boxes .box .link_name{ color: #fff; font-size: 18px; font-weight: 400; margin-bottom: 10px; position: relative; } .link-boxes .box .link_name::before{ content: ''; position: absolute; left: 0; bottom: -2px; height: 2px; width: 35px; background: #fff; } .content .link-boxes .box li{ margin: 6px 0; list-style: none; } .content .link-boxes .box li a{ color: #fff; font-size: 14px; font-weight: 400; text-decoration: none; opacity: 0.8; transition: all 0.4s ease } .content .link-boxes .box li a:hover{ opacity: 1; text-decoration: underline; } .content .link-boxes .input-box{ margin-right: 55px; } .link-boxes .input-box input{ height: 40px; width: calc(100% + 55px); outline: none; border: 2px solid #AFAFB6; background: #140B5C; border-radius: 4px; padding: 0 15px; font-size: 15px; color: #fff; margin-top: 5px; } .link-boxes .input-box input::placeholder{ color: #AFAFB6; font-size: 16px; } .link-boxes .input-box input[type="button"]{ background: #fff; color: #140B5C; border: none; font-size: 18px; font-weight: 500; margin: 4px 0; opacity: 0.8; cursor: pointer; transition: all 0.4s ease; } .input-box input[type="button"]:hover{ opacity: 1; } footer .bottom-details{ width: 100%; background: #00527c; } footer .bottom-details .bottom_text{ max-width: 1250px; margin: auto; padding: 3px 0px; text-align:center; justify-content: space-between; } .bottom-details .bottom_text span, .bottom-details .bottom_text a{ font-size: 15px; font-weight: 300; color: #fff; text-decoration: none; } .bottom-details .bottom_text a:hover{ opacity: 1; text-decoration: underline; } .bottom-details .bottom_text a{ margin-right: 10px; } @media (max-width: 900px) { footer .content .link-boxes{ flex-wrap: wrap; } footer .content .link-boxes .input-box{ width: 40%; margin-top: 10px; } } @media (max-width: 700px){ footer{ position: relative; } .content .top .logo-details{ font-size: 26px; } .content .top .media-icons a{ height: 35px; width: 35px; font-size: 14px; line-height: 35px; } footer .content .link-boxes .box{ width: calc(100% / 3 - 10px); } footer .content .link-boxes .input-box{ width: 60%; } .bottom-details .bottom_text span, .bottom-details .bottom_text a{ font-size: 12px; } } @media (max-width: 520px){ footer .content .top{ flex-direction: column; } .content .top .media-icons{ margin-top: 16px; } footer .content .link-boxes .box{ width: calc(100% / 1 - 10px); padding-top:15px; } footer .content .link-boxes .input-box{ width: 100%; } }

Upskill Campus is a fast-growing ed-tech platform that is meant to upskill students, freshers, working professionals, faculty, entrepreneurs, etc

Copyright © 2023 Upskill CampusAll rights reserved