/* * 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 */

About internship

Options

Bhabani

June 2023 in Summer/Industrial Internship 106.222.234.62

How to work

Flag 0 · Promote Insightful Disagree Agree Like Vote Down Vote Up Awesome · ·

Comments

Bhabani

June 2023 106.222.168.254
Options
Delete
Flag
Spam
0 · Promote Insightful Disagree Agree Like Vote Down Vote Up Awesome · Log · Share on Facebook

Leave a Comment

Drop image/file

Comment As ...

Howdy, Stranger!

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

Sign In Register

New Discussion

In this Discussion

June 2023 Bhabani

/* * 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

About internship

Comments

Leave a Comment

Howdy, Stranger!

Categories

In this Discussion