Add hero section to assignment help page
This commit is contained in:
@@ -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" />
|
||||
|
||||
@@ -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" />
|
||||
|
||||
@@ -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 -->
|
||||
|
||||
@@ -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 -->
|
||||
|
||||
@@ -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 -->
|
||||
|
||||
91
css/ncue.css
91
css/ncue.css
@@ -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{
|
||||
|
||||
@@ -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" />
|
||||
|
||||
@@ -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,33 +54,28 @@
|
||||
</div>
|
||||
</header>
|
||||
<!-- end header -->
|
||||
<section id="inner-headline">
|
||||
<section class="page-hero page-hero-assignment">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<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>
|
||||
</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">
|
||||
|
||||
@@ -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 -->
|
||||
|
||||
@@ -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 -->
|
||||
|
||||
Reference in New Issue
Block a user