Compare commits

..

10 Commits

Author SHA1 Message Date
dsyoon
3775557fc8 init 2026-01-06 19:23:35 +09:00
dsyoon
6824da4619 init 2026-01-05 00:39:55 +09:00
dsyoon
6fdde0e943 Adjust spacing in assignment hero copy 2026-01-05 00:39:03 +09:00
dsyoon
fb83b7d8e3 init 2026-01-05 00:36:43 +09:00
dsyoon
9466d63c00 init 2026-01-05 00:35:56 +09:00
dsyoon
a88c34bb07 Add hero section to assignment help page 2026-01-05 00:34:16 +09:00
dsyoon
57a8313be0 init 2026-01-05 00:29:18 +09:00
dsyoon
faab677326 init 2026-01-05 00:25:58 +09:00
dsyoon
d97fe45746 Reorder nav items and rename assignment menu 2026-01-05 00:20:08 +09:00
dsyoon
451c438cab Update home title to Python AI class 2026-01-04 12:48:36 +09:00
10 changed files with 174 additions and 59 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" />
@@ -41,8 +41,8 @@
</div>
<div class="navbar-collapse collapse ">
<ul class="nav navbar-nav">
<li><a href="portfolio.html">과제 도움</a></li>
<li><a href="index.html">프로그램 강의</a></li>
<li><a href="portfolio.html">과제 요청</a></li>
<li><a href="pricingbox.html">가격</a></li>
<li><a href="blog.html">공지/컬럼</a></li>
<li><a href="contact.html">문의/신청</a></li>

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" />
@@ -41,8 +41,8 @@
</div>
<div class="navbar-collapse collapse ">
<ul class="nav navbar-nav">
<li><a href="portfolio.html">과제 도움</a></li>
<li><a href="index.html">프로그램 강의</a></li>
<li><a href="portfolio.html">과제 요청</a></li>
<li><a href="pricingbox.html">가격</a></li>
<li><a href="blog.html">공지/컬럼</a></li>
<li><a href="contact.html">문의/신청</a></li>

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 -->
@@ -42,8 +42,8 @@
</div>
<div class="navbar-collapse collapse ">
<ul class="nav navbar-nav">
<li><a href="portfolio.html">과제 도움</a></li>
<li><a href="index.html">프로그램 강의</a></li>
<li><a href="portfolio.html">과제 요청</a></li>
<li><a href="pricingbox.html">가격</a></li>
<li class="active"><a href="blog.html">공지/컬럼</a></li>
<li><a href="contact.html">문의/신청</a></li>
@@ -210,8 +210,8 @@
<div class="widget">
<h5 class="widgetheading">바로가기</h5>
<ul class="link-list">
<li><a href="portfolio.html">과제 도움</a></li>
<li><a href="index.html">프로그램 강의</a></li>
<li><a href="portfolio.html">과제 요청</a></li>
<li><a href="pricingbox.html">가격</a></li>
<li><a href="contact.html">문의/신청</a></li>
</ul>

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 -->
@@ -42,8 +42,8 @@
</div>
<div class="navbar-collapse collapse ">
<ul class="nav navbar-nav">
<li><a href="portfolio.html">과제 도움</a></li>
<li><a href="index.html">프로그램 강의</a></li>
<li><a href="portfolio.html">과제 요청</a></li>
<li><a href="pricingbox.html">가격</a></li>
<li><a href="blog.html">공지/컬럼</a></li>
<li><a href="contact.html">문의/신청</a></li>

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 -->
@@ -42,8 +42,8 @@
</div>
<div class="navbar-collapse collapse ">
<ul class="nav navbar-nav">
<li><a href="portfolio.html">과제 도움</a></li>
<li><a href="index.html">프로그램 강의</a></li>
<li><a href="portfolio.html">과제 요청</a></li>
<li><a href="pricingbox.html">가격</a></li>
<li><a href="blog.html">공지/컬럼</a></li>
<li class="active"><a href="contact.html">문의/신청</a></li>
@@ -146,8 +146,8 @@
<div class="widget">
<h5 class="widgetheading">바로가기</h5>
<ul class="link-list">
<li><a href="portfolio.html">과제 도움</a></li>
<li><a href="index.html">프로그램 강의</a></li>
<li><a href="portfolio.html">과제 요청</a></li>
<li><a href="pricingbox.html">가격</a></li>
<li><a href="contact.html">문의/신청</a></li>
</ul>

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

@@ -2,7 +2,7 @@
<html lang="ko">
<head>
<meta charset="utf-8">
<title>수지 AI·데이터 아카데미 - Python · 데이터 · AI 클래스</title>
<title>수지 AI·데이터 아카데미 - Python · AI 클래스</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="온라인 + 오프라인 Python/데이터/AI 실전 수업. 초등·중등·성인 소그룹 코칭, 업무자동화, 텍스트 분석, LLM, 대시보드까지 결과물 중심으로 진행합니다." />
<meta name="author" content="수지 AI·데이터 아카데미" />
@@ -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" />
@@ -24,6 +24,16 @@
Author URL: https://bootstrapmade.com
======================================================= -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LYX5WCLME7"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-LYX5WCLME7');
</script>
</head>
<body>
<div id="wrapper">
@@ -41,8 +51,8 @@
</div>
<div class="navbar-collapse collapse ">
<ul class="nav navbar-nav">
<li><a href="portfolio.html">과제 도움</a></li>
<li class="active"><a href="index.html">프로그램 강의</a></li>
<li><a href="portfolio.html">과제 요청</a></li>
<li><a href="pricingbox.html">가격</a></li>
<li><a href="blog.html">공지/컬럼</a></li>
<li><a href="contact.html">문의/신청</a></li>
@@ -103,7 +113,9 @@
평일 저녁 18시 이후 / 주말 언제든 운영합니다.
</p>
<p style="margin:10px 0 0;color:#444;">
<strong>온라인 강의</strong>: Zoom / Teams 진행 + Slack으로 과제/질문/피드백을 관리합니다.
<strong>[온라인 강의]</strong>:<br>
Zoom/Teams로 진행하며<br>
카카오톡 및 Slack으로 과제/질문/피드백을 관리합니다.
</p>
<p style="margin:12px 0 0;">
<a href="contact.html" class="btn btn-theme">무료 체험/상담</a>
@@ -129,7 +141,8 @@
<i class="fa fa-desktop fa-3x"></i>
</div>
<p>
코딩을 “배우는 것”에서 끝내지 않고, 작동하는 결과물을 만들고 발표합니다.
코딩을 “배우는 것”에서 끝내지 않고,<br>
작동하는 결과물을 만들고 발표합니다.
</p>
</div>
@@ -146,7 +159,8 @@
<i class="fa fa-pagelines fa-3x"></i>
</div>
<p>
텍스트 분석 → 분류 → LLM → 미니 웹앱까지. 4주마다 주제를 바꿔 반복 성장합니다.
텍스트 분석 → 분류 → LLM → 미니 웹앱까지.<br>
4주마다 주제를 바꿔 반복 성장합니다.
</p>
</div>
@@ -163,7 +177,8 @@
<i class="fa fa-edit fa-3x"></i>
</div>
<p>
엑셀/CSV 정리, 문의 요약·분류, 주간 리포트 자동 생성 등 “바로 써먹는” 결과물.
엑셀/CSV 정리, 문의 요약·분류, 주간 리포트 자동 생성 등<br>
“바로 써먹는” 결과물.
</p>
</div>
@@ -181,7 +196,8 @@
<i class="fa fa-edit fa-3x"></i>
</div>
<p>
수업에서 다룰 NLP/텍스트 처리 예시를 간단한 데모로 체험해볼 수 있습니다.
수업에서 다룰 NLP/텍스트 처리 예시를 간단한 데모로<br>
체험해볼 수 있습니다.
</p>
</div>
@@ -207,7 +223,9 @@
<div class="col-lg-12">
<h4 class="heading">프로그램 강의 커리큘럼(첫 달 4주)</h4>
<p style="color:#444;margin:-10px 0 16px;">
온라인/오프라인 공통으로 “설명”보다 “제작” 중심입니다. 4주마다 주제는 바뀌지만, 흐름(전처리→분류→LLM→웹앱/발표)은 유지해 실력이 누적됩니다.
온라인/오프라인 공통으로 “설명”보다 “제작” 중심입니다.<br>
4주마다 주제는 바뀌지만,<br>
흐름(전처리→분류→LLM→웹앱/발표)은 유지해 실력이 누적됩니다.
</p>
</div>
</div>
@@ -267,7 +285,8 @@
<div class="box-gray aligncenter">
<h4>홈페이지 제작/리뉴얼</h4>
<div class="icon"><i class="fa fa-globe fa-3x"></i></div>
<p>학원/개인/소상공인용 랜딩페이지, 포트폴리오, 문의 폼까지 “깔끔하게” 제작합니다.</p>
<p>학원/개인/소상공인용 랜딩페이지, 포트폴리오, 문의 폼까지<br>
“깔끔하게” 제작합니다.</p>
</div>
<div class="box-bottom"><a href="pricingbox.html#services">제작 비용 보기</a></div>
</div>
@@ -277,7 +296,8 @@
<div class="box-gray aligncenter">
<h4>프로젝트·과제 코칭(1:1)</h4>
<div class="icon"><i class="fa fa-code fa-3x"></i></div>
<p>문제 정의 → 로드맵 → 구현 → 디버깅 → 발표/리포트까지 단계별로 코칭합니다.</p>
<p>문제 정의 → 로드맵 → 구현 → 디버깅 → 발표/리포트까지<br>
단계별로 코칭합니다.</p>
</div>
<div class="box-bottom"><a href="pricingbox.html#services">코칭 비용 보기</a></div>
</div>
@@ -287,7 +307,8 @@
<div class="box-gray aligncenter">
<h4>AI·데이터 프로젝트 컨설팅</h4>
<div class="icon"><i class="fa fa-line-chart fa-3x"></i></div>
<p>데이터 파이프라인/모델링/LLM 적용, 대시보드 설계까지 실무 기준으로 점검합니다.</p>
<p>데이터 파이프라인/모델링/LLM 적용, 대시보드 설계까지<br>
실무 기준으로 점검합니다.</p>
</div>
<div class="box-bottom"><a href="contact.html">견적/상담</a></div>
</div>
@@ -361,8 +382,8 @@
<div class="widget">
<h5 class="widgetheading">바로가기</h5>
<ul class="link-list">
<li><a href="portfolio.html">과제 도움</a></li>
<li><a href="index.html">프로그램 강의</a></li>
<li><a href="portfolio.html">과제 요청</a></li>
<li><a href="pricingbox.html">가격</a></li>
<li><a href="contact.html">문의/신청</a></li>
</ul>

View File

@@ -2,7 +2,7 @@
<html lang="ko">
<head>
<meta charset="utf-8">
<title>수지 AI·데이터 아카데미 - 과제 요청/프로젝트 개발</title>
<title>수지 AI·데이터 아카데미 - 과제 도움/프로젝트 개발</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="단기/장기 과제 및 프로젝트 개발 의뢰. 요구사항 수집 후 개발, 코드와 산출물(문서/리포트/데모) 제공." />
<meta name="author" content="수지 AI·데이터 아카데미" />
@@ -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 -->
@@ -43,8 +43,8 @@
</div>
<div class="navbar-collapse collapse ">
<ul class="nav navbar-nav">
<li class="active"><a href="portfolio.html">과제 도움</a></li>
<li><a href="index.html">프로그램 강의</a></li>
<li class="active"><a href="portfolio.html">과제 요청</a></li>
<li><a href="pricingbox.html">가격</a></li>
<li><a href="blog.html">공지/컬럼</a></li>
<li><a href="contact.html">문의/신청</a></li>
@@ -54,39 +54,40 @@
</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>
<li class="active">과제 도움</li>
</ul>
<h1>과제 도움 · 프로젝트 개발</h1>
<p class="hero-lead">
<br>
요구사항을 받아 <strong>개발 →<br>
코드/산출물(문서/리포트/데모)</strong>까지 제공합니다.<br>
<br>
단기(1~2주)부터 장기(월 단위)까지 가능합니다.<br>
<strong>안내:</strong> 학교 성적/평가 목적의 과제 “대행”은 진행하지 않습니다.<br>
학습 목적이라면 <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>까지 제공합니다.
단기(1~2주)부터 장기(월 단위)까지 가능합니다.
</p>
<p style="color:#444;margin-bottom:16px;">
<strong>안내:</strong> 학교 성적/평가 목적의 과제 “대행”은 진행하지 않습니다. 학습 목적이라면 <strong>코칭/리뷰</strong>로 도와드립니다.
</p>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="box">
<div class="box-gray aligncenter">
<h4>단기(1~2주)</h4>
<p>미니 기능/자동화/분석 리포트 등 “명확한 범위”를 빠르게 완성합니다.</p>
<h4>단기 (3일 이내)</h4>
<p>미니 기능/자동화/분석 리포트 등 “명확한 범위”를<br>
빠르게 완성합니다.</p>
</div>
<div class="box-bottom"><a href="pricingbox.html#assignment">가격 보기</a></div>
</div>
@@ -94,8 +95,9 @@
<div class="col-lg-4">
<div class="box">
<div class="box-gray aligncenter">
<h4>중기(3~6주)</h4>
<p>데이터 파이프라인 + 모델/LLM + 간단 UI(대시보드/웹앱) 형태로 결과물을 만듭니다.</p>
<h4>중기(2주 이내)</h4>
<p>데이터 파이프라인 + 모델/LLM + 간단 UI(대시보드/웹앱) 형태로<br>
결과물을 만듭니다.</p>
</div>
<div class="box-bottom"><a href="pricingbox.html#assignment">견적 상담</a></div>
</div>
@@ -104,7 +106,8 @@
<div class="box">
<div class="box-gray aligncenter">
<h4>장기(월 단위)</h4>
<p>운영/개선/기능 추가를 주간 목표로 관리하며 지속적으로 고도화합니다.</p>
<p>운영/개선/기능 추가를 주간 목표로 관리하며<br>
지속적으로 고도화합니다.</p>
</div>
<div class="box-bottom"><a href="contact.html">문의/신청</a></div>
</div>
@@ -162,8 +165,8 @@
<div class="widget">
<h5 class="widgetheading">바로가기</h5>
<ul class="link-list">
<li><a href="portfolio.html">과제 도움</a></li>
<li><a href="index.html">프로그램 강의</a></li>
<li><a href="portfolio.html">과제 요청</a></li>
<li><a href="pricingbox.html">가격</a></li>
<li><a href="contact.html">문의/신청</a></li>
</ul>

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 -->
@@ -42,8 +42,8 @@
</div>
<div class="navbar-collapse collapse ">
<ul class="nav navbar-nav">
<li><a href="portfolio.html">과제 도움</a></li>
<li><a href="index.html">프로그램 강의</a></li>
<li><a href="portfolio.html">과제 요청</a></li>
<li class="active"><a href="pricingbox.html">가격</a></li>
<li><a href="blog.html">공지/컬럼</a></li>
<li><a href="contact.html">문의/신청</a></li>
@@ -187,7 +187,7 @@
<div class="row" id="assignment">
<div class="col-lg-12">
<h3>과제 요청(단기/장기) · 프로젝트 개발</h3>
<h3>과제 도움(단기/장기) · 프로젝트 개발</h3>
<p style="color:#444;margin-bottom:12px;">
요구사항을 받아 <strong>개발 → 코드/산출물(문서/리포트/데모)</strong>까지 제공하는 “프로젝트 개발 의뢰” 서비스입니다.
단기(1~2주)부터 장기(월 단위)까지 가능합니다.
@@ -322,8 +322,8 @@
<div class="widget">
<h5 class="widgetheading">바로가기</h5>
<ul class="link-list">
<li><a href="portfolio.html">과제 도움</a></li>
<li><a href="index.html">프로그램 강의</a></li>
<li><a href="portfolio.html">과제 요청</a></li>
<li><a href="pricingbox.html">가격</a></li>
<li><a href="contact.html">문의/신청</a></li>
</ul>

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 -->
@@ -42,8 +42,8 @@
</div>
<div class="navbar-collapse collapse ">
<ul class="nav navbar-nav">
<li><a href="portfolio.html">과제 도움</a></li>
<li><a href="index.html">프로그램 강의</a></li>
<li><a href="portfolio.html">과제 요청</a></li>
<li><a href="pricingbox.html">가격</a></li>
<li><a href="blog.html">공지/컬럼</a></li>
<li><a href="contact.html">문의/신청</a></li>