/ var / www / html / cai / assets / css / scss / [ HOME SHELL ]

Name	Size	Permission	Action
_benifit.scss	16.87 KB	-rwxr-x--x
_card.scss	2.23 KB	-rwxr-x--x
_contact-us.scss	11.27 KB	-rwxr-x--x
_cta.scss	1.47 KB	-rwxr-x--x
_event.scss	4.04 KB	-rwxr-x--x
_expanded-menu.scss	4.44 KB	-rwxr-x--x
_footer.scss	6.67 KB	-rwxr-x--x
_global.scss	232 B	-rwxr-x--x
_header.scss	6.46 KB	-rwxr-x--x
_home.scss	5.54 KB	-rwxr-x--x
_jobs.scss	3.46 KB	-rwxr-x--x
_latestnews.scss	3.46 KB	-rwxr-x--x
_media-cover.scss	3.46 KB	-rwxr-x--x
_mixins.scss	894 B	-rwxr-x--x
_modern-normalize.scss	5.19 KB	-rwxr-x--x
_modify.scss	8.62 KB	-rwxr-x--x
_parnership.scss	323 B	-rwxr-x--x
_publication.scss	434 B	-rwxr-x--x
_scroll.scss	682 B	-rwxr-x--x
_typography.scss	126 B	-rwxr-x--x
_variables.scss	866 B	-rwxr-x--x

Code Editor : _home.scss

.landing {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, .15);
    width: 100%;
    overflow: hidden;
    min-height: 90vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-image: url("../images/ai-generated-ga6f685684_1920.jpg");
    padding-top: 83px;

&::before {
        content: '';
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        background-color: hsla(0, 0%, 0%, 0.053);
    }
}

.landing__wrap {
    z-index: 2;
    position: relative;
    max-width: 1200px;
    padding: 0 16px;
    text-align: center;
    margin: 0px auto;
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.landing__caption {
    flex: 0 0 auto;
    text-align: left;
    padding: 8% 0;
    color: #013b56;
    max-width: 100%;
}

.landing__preheading {
    margin: 0;
    font-size: calc(18px + 8*(100vw - 320px)/680);
    line-height: 1.2;
    display: block;
    font-weight: 500;
    text-align: center;
    color: #fff;
}

.landing__heading {
    margin: 0;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.2;
    text-align: center;
    font-size: calc(30px + 8*(100vw - 320px)/680);
    color: #fff;
}

.landing__cta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 20px;
    justify-content: center;
}

.landing__btn {
    border: 1px solid #005a9e;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    transition: all .3s ease-in;
    padding: 12px 36px;
    color: #fff;
    background: #005a9e;
    text-decoration: none;
}

.landing__btn:hover {
    color: #fff;
}

.landing__btn:focus {
    color: #fff;
}

@media (min-width: 1200px) {
    .landing__wrap {
        max-width: 90%;
    }
}

@media (min-width: 1280px) {
    .landing__caption {
        max-width: 860px;
    }
}

.ctasection-imgcontentiner {
    margin-bottom: 40px;
}

.ctasection-imgcontent {
    border-radius: 8px;
    margin: 60px auto;
    font-size: 16px;
    max-width: 1400px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 0 30px;
}

.ctasection-imgcontent__imgwrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 100%;
}

.ctasection-imgcontent__img {
    max-width: 100%;
}

.ctasection-imgcontent__content {
    flex: 0 0 100%;
    margin-top: 20px;

& .effect-button {
        display: inline-flex;
    }
}

.ctasection-imgcontent__heading {
    text-align: start;
    font-size: calc(22px + 4*(100vw - 320px)/680);
    padding: 0;
    margin: 0rem 0 0rem 0;
    font-weight: 600;
    text-transform: capitalize;
    color: #333;
}

.ctasection-imgcontent__subheading {
    font-size: calc(16px + 4*(100vw - 320px)/680);
    line-height: 1.6;
    color: #000;
    text-align: start;
    text-transform: capitalize;
    font-weight: 500;
    padding: 0;
    margin: 0rem 0 1rem 0;
}

.ctasection-imgcontent__desc {
    font-size: 16px;
    color: #000;
    text-align: start;
    max-width: 680px;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

.ctasection-imgcontent__lists {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    margin-block-start: 20px;
    padding: 0;
}

.ctasection-imgcontent__listitem {
    list-style-type: none;
    display: flex;
    align-items: flex-start;
    font-size: 0.875rem;
}

.ctasection-imgcontent__listitem::before {
    content: "";
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px;
    margin-inline-end: 1rem;
    margin-block-start: 0.075rem;
    flex: 0 0 16px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 76.77'%3E%3Cpath d='M34.2,55.04c-1.86,1.88-4.91,1.88-6.77,0h0c-4.7-4.75-9.37-9.54-14.21-14.15-3.27-3.11-7.67-3.08-10.67-.25-3,2.82-3.53,7.25-.62,10.26,7.87,8.14,15.9,16.12,24.02,24.01,2.67,2.6,6.78,2.4,9.69,.05,.74-.6,1.42-1.28,2.09-1.95,19.49-19.48,38.97-38.98,58.47-58.45,2.29-2.29,4.77-4.83,3.41-8.1-.98-2.37-3.17-4.84-5.46-5.93-3.07-1.46-5.97,.42-8.34,2.8-13,13.05-26.04,26.05-39.06,39.08-4.14,4.14-8.27,8.3-12.57,12.64Z' style='fill: %23ffffff;'/%3E%3C/svg%3E");
    background-color: #A3B74D;
    border-radius: 50%;
}

.ctasection-imgcontent__link {
    border: 1px solid #005a9e;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
    font-size: 13px;
    transition: all .3s ease-in;
    padding: 12px 36px;
    color: #fff;
    background: #005a9e;
    text-decoration: none;
    display: inline-flex;
    margin-top: 2rem;
}

.ctasection-imgcontent__link:hover {
    background: #016ec1;
    color: #fff;
}

.ctasection-imgcontent__link:focus {
    background: #016ec1;
    color: #fff;
}

@media (min-width: 800px) {
    .ctasection-imgcontent__imgwrap {
        flex-basis: 360px;
        margin: 0;
    }

.ctasection-imgcontent__content {
        flex: 1;
        margin-left: 4rem;
    }
}

@media (min-width: 1200px) {
    .ctasection-imgcontent__imgwrap {
        flex-basis: 480px;
    }
}

Urban Research Lab

Urban Research Lab

The Urban Research Lab (URL) at IIIT-Delhi was established in 2020, during a time when the pandemic brought the complexities of urban life more visible than ever. What started as an initiative by faculty and students has grown into a collaborative space for critically exploring and reimagining the urban questions through research, dialogue, and interdisciplinary engagement.