111 lines
1.7 KiB
CSS
111 lines
1.7 KiB
CSS
/* ------------------------------------------------------------
|
|
* Name : front.css
|
|
* Desc : Admin StyleSheet
|
|
* Created : 2016/9/11 Tri-aBility by Junheum,Choi
|
|
* Updated :
|
|
------------------------------------------------------------ */
|
|
body {
|
|
color: #0f172a;
|
|
background: #fff;
|
|
}
|
|
|
|
/* container width like Wix */
|
|
.container-wide {
|
|
max-width: 1180px;
|
|
}
|
|
|
|
/* HEADER */
|
|
.topbar {
|
|
padding: 18px 0;
|
|
}
|
|
|
|
.brand-stack {
|
|
line-height: 1.05;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.brand-stack .small {
|
|
display: block;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.brand-stack .bt {
|
|
font-size: 32px;
|
|
font-weight: 900;
|
|
}
|
|
|
|
/* HERO */
|
|
.hero {
|
|
border-radius: 18px;
|
|
overflow: hidden;
|
|
min-height: 420px;
|
|
display: flex;
|
|
align-items: center;
|
|
position: relative;
|
|
}
|
|
|
|
.hero::before {
|
|
content: "";
|
|
position: absolute;
|
|
inset: 0;
|
|
background:
|
|
linear-gradient(90deg, rgba(0, 0, 0, .65), rgba(0, 0, 0, .1)),
|
|
url("https://static.wixstatic.com/media/nsplsh_26ecc44beadd4833a00be99449790b28~mv2.jpg") center/cover no-repeat;
|
|
}
|
|
|
|
.hero-inner {
|
|
position: relative;
|
|
z-index: 2;
|
|
padding: 60px;
|
|
}
|
|
|
|
.hero h1 {
|
|
color: #fff;
|
|
font-weight: 900;
|
|
}
|
|
|
|
.hero p {
|
|
color: #eee;
|
|
}
|
|
|
|
.btn-dark-round {
|
|
border-radius: 999px;
|
|
padding: .7rem 1.2rem;
|
|
font-weight: 700;
|
|
}
|
|
|
|
/* SECTION */
|
|
.section-title {
|
|
font-weight: 900;
|
|
}
|
|
|
|
.section-lead {
|
|
color: #64748b;
|
|
}
|
|
|
|
/* PARTNER */
|
|
.partner {
|
|
border-radius: 18px;
|
|
overflow: hidden;
|
|
border: 1px solid #e5e7eb;
|
|
}
|
|
|
|
.partner-img {
|
|
min-height: 340px;
|
|
background:
|
|
url("https://static.wixstatic.com/media/c837a6_44e3014997b64b829ef10d8761ce79ee~mv2.jpg") center/cover no-repeat;
|
|
}
|
|
|
|
.partner-body {
|
|
padding: 40px;
|
|
}
|
|
|
|
/* FOOTER */
|
|
.footer {
|
|
padding: 60px 0 20px;
|
|
border-top: 1px solid #e5e7eb;
|
|
}
|
|
|
|
.muted {
|
|
color: #64748b;
|
|
} |