Add hero section to assignment help page

This commit is contained in:
dsyoon
2026-01-05 00:34:16 +09:00
parent 57a8313be0
commit a88c34bb07
10 changed files with 114 additions and 28 deletions

View File

@@ -12,7 +12,7 @@
<link href="css/jcarousel.css" rel="stylesheet" />
<link href="css/flexslider.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<link href="css/ncue.css?v=20260103-2" rel="stylesheet" />
<link href="css/ncue.css?v=20260104-1" rel="stylesheet" />
<!-- Theme skin -->
<link href="skins/default.css" rel="stylesheet" />

View File

@@ -12,7 +12,7 @@
<link href="css/jcarousel.css" rel="stylesheet" />
<link href="css/flexslider.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<link href="css/ncue.css?v=20260103-2" rel="stylesheet" />
<link href="css/ncue.css?v=20260104-1" rel="stylesheet" />
<!-- Theme skin -->
<link href="skins/default.css" rel="stylesheet" />

View File

@@ -12,7 +12,7 @@
<link href="css/jcarousel.css" rel="stylesheet" />
<link href="css/flexslider.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<link href="css/ncue.css?v=20260103-2" rel="stylesheet" />
<link href="css/ncue.css?v=20260104-1" rel="stylesheet" />
<!-- Theme skin -->

View File

@@ -12,7 +12,7 @@
<link href="css/jcarousel.css" rel="stylesheet" />
<link href="css/flexslider.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<link href="css/ncue.css?v=20260103-2" rel="stylesheet" />
<link href="css/ncue.css?v=20260104-1" rel="stylesheet" />
<!-- Theme skin -->

View File

@@ -12,7 +12,7 @@
<link href="css/jcarousel.css" rel="stylesheet" />
<link href="css/flexslider.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<link href="css/ncue.css?v=20260103-2" rel="stylesheet" />
<link href="css/ncue.css?v=20260104-1" rel="stylesheet" />
<!-- Theme skin -->

View File

@@ -497,6 +497,97 @@ section.callaction.callaction-home .row{
font-weight: 750;
}
/* Page hero (used on assignment/help page) */
.page-hero{
position: relative;
padding: 28px 0 18px;
overflow: hidden;
}
.page-hero:before{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(900px 420px at 15% 0%, rgba(37,99,235,0.18), transparent 60%),
radial-gradient(900px 420px at 85% 20%, rgba(6,182,212,0.14), transparent 60%),
linear-gradient(180deg, rgba(255,255,255,0.65), rgba(255,255,255,0.10));
z-index: 0;
}
.page-hero:after{
content:"";
position:absolute;
inset:0;
background:
url("../img/slides/hero-ai-2.svg") center/cover no-repeat;
opacity: 0.16;
filter: saturate(1.05) contrast(1.05);
z-index: 0;
}
.page-hero .container{ position: relative; z-index: 1; }
.page-hero .hero-card{
background: rgba(255,255,255,0.92);
border: 1px solid rgba(15,23,42,0.08);
border-radius: var(--ncue-radius);
box-shadow: var(--ncue-shadow);
padding: 22px 22px 18px;
overflow: hidden;
}
.page-hero .breadcrumb{
margin: 0 0 12px;
background: transparent !important;
}
.page-hero .breadcrumb li,
.page-hero .breadcrumb li a{
color: rgba(15,23,42,0.82) !important;
font-weight: 750;
}
.page-hero h1{
margin: 0 0 10px;
font-size: 34px;
line-height: 1.15;
letter-spacing: -0.8px;
}
.page-hero .hero-lead{
margin: 0;
color: rgba(15,23,42,0.82);
line-height: 1.75;
font-weight: 650;
max-width: 70ch;
}
.page-hero .hero-actions{
margin-top: 14px;
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.page-hero .hero-actions .btn{
padding: 12px 16px;
font-weight: 900;
}
@media (max-width: 767px){
.page-hero{
padding: 18px 0 10px;
}
.page-hero .hero-card{
padding: 18px 16px 14px;
}
.page-hero h1{
font-size: 26px;
line-height: 1.22;
}
.page-hero .hero-lead{
max-width: none;
font-size: 15px;
}
.page-hero .hero-actions{
margin-top: 12px;
}
.page-hero .hero-actions .btn{
width: 100%;
}
}
/* Meta post (blog) */
ul.meta-post li,
ul.meta-post li a{

View File

@@ -12,7 +12,7 @@
<link href="css/jcarousel.css" rel="stylesheet" />
<link href="css/flexslider.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<link href="css/ncue.css?v=20260103-2" rel="stylesheet" />
<link href="css/ncue.css?v=20260104-1" rel="stylesheet" />
<!-- Theme skin -->
<link href="skins/default.css" rel="stylesheet" />

View File

@@ -12,7 +12,7 @@
<link href="css/jcarousel.css" rel="stylesheet" />
<link href="css/flexslider.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<link href="css/ncue.css?v=20260103-2" rel="stylesheet" />
<link href="css/ncue.css?v=20260104-1" rel="stylesheet" />
<!-- Theme skin -->
@@ -54,34 +54,29 @@
</div>
</header>
<!-- end header -->
<section id="inner-headline">
<div class="container">
<div class="row">
<div class="col-lg-12">
<section class="page-hero page-hero-assignment">
<div class="container">
<div class="hero-card">
<ul class="breadcrumb">
<li><a href="index.html"><i class="fa fa-home"></i></a><i class="icon-angle-right"></i></li>
<li class="active">과제 도움</li>
</ul>
<h1>과제 도움 · 프로젝트 개발</h1>
<p class="hero-lead">
요구사항을 받아 <strong>개발 → 코드/산출물(문서/리포트/데모)</strong>까지 제공합니다.<br>
단기(1~2주)부터 장기(월 단위)까지 가능합니다.<br>
<strong>안내:</strong> 학교 성적/평가 목적의 과제 “대행”은 진행하지 않습니다. 학습 목적이라면 <strong>코칭/리뷰</strong>로 도와드립니다.
</p>
<div class="hero-actions">
<a href="contact.html" class="btn btn-theme">문의/신청</a>
<a href="pricingbox.html#assignment" class="btn btn-default">가격/범위 보기</a>
</div>
</div>
</div>
</div>
</section>
<section id="content">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h3>과제 도움(단기/장기) · 프로젝트 개발</h3>
<p style="color:#444;margin-bottom:16px;">
요구사항을 받아 <strong>개발 → 코드/산출물(문서/리포트/데모)</strong>까지 제공합니다.<br>
단기(1~2주)부터 장기(월 단위)까지 가능합니다.
</p>
<p style="color:#444;margin-bottom:16px;">
<strong>안내:</strong> 학교 성적/평가 목적의 과제 “대행”은 진행하지 않습니다.<br>
학습 목적이라면 <strong>코칭/리뷰</strong>로 도와드립니다.
</p>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="box">

View File

@@ -12,7 +12,7 @@
<link href="css/jcarousel.css" rel="stylesheet" />
<link href="css/flexslider.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<link href="css/ncue.css?v=20260103-2" rel="stylesheet" />
<link href="css/ncue.css?v=20260104-1" rel="stylesheet" />
<!-- Theme skin -->

View File

@@ -12,7 +12,7 @@
<link href="css/jcarousel.css" rel="stylesheet" />
<link href="css/flexslider.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<link href="css/ncue.css?v=20260103-2" rel="stylesheet" />
<link href="css/ncue.css?v=20260104-1" rel="stylesheet" />
<!-- Theme skin -->