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

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

Options

moshin

moshin

June 2023 in Summer/Industrial Internship 169.149.197.87

Here u am new

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

Answers

Mayank

September 2023 112.133.225.128
Options
Delete
Q&A...
All the instructions have been given on upskill Campus Portal. Kindly go through them, in case of any doubt you can check mail to support email id.

Did this answer the question? Yes · No
Flag
Spam
0 · Promote Insightful Disagree Agree Like Vote Down Vote Up Awesome · Log · Share on Facebook

Leave a Comment

Drop image/file

Howdy, Stranger!

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

Sign In Register

Categories

In this Discussion

September 2023 Mayank

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