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

Guide and Teach me

Options

shubhamsingh02

June 2023 in Summer/Industrial Internship 160.202.36.225

Hello I am new so I need to a guide who can teach me

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

Comments

shubhamsingh02

June 2023 160.202.36.225
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 shubhamsingh02

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

Guide and Teach me

Comments

Leave a Comment

Howdy, Stranger!

Categories

In this Discussion