-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
140 lines (136 loc) · 9.17 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><!--인코딩 설정-->
<meta name="content-language" content="kr"><!--기록된 언어-->
<meta http-equiv="X-UA-Compatible" content="IE=edge"><!--ie를 최신 코드로 적용-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> <!--화면 배율-->
<title>제이드 코리아</title>
<link rel="shortcut icon" href="./images/favicon.ico">
<!-- 캐쉬 파기 시간: 캐쉬가 쌓이지 않고 매번 새로운 페이지 로딩 세팅 -->
<meta http-equiv="Cache-Control" content="no-cache"/>
<meta http-equiv="Expires" content="-1"/>
<meta http-equiv="Pragma" content="no-cache"/>
<link rel="stylesheet" type="text/css" href="./css/reset.css">
<link rel="stylesheet" type="text/css" href="./css/common.css">
<link rel="stylesheet" type="text/css" href="./css/layout.css">
<link rel="stylesheet" type="text/css" href="./css/main.css">
<script src="./js/scroll_header.js"></script>
<script src="./js/scroll_class.js"></script>
<script src="./js/slide_panorama.js"></script>
<script src="./js/common.js"></script>
</head>
<body id="main" class="bgSubColor">
<include data-href="./include/header.html"></include>
<main id="contents">
<section class="intro txtCenter">
<h1 class="title slogan"><img src="./images/logo_k.jpg" alt="제이드코리아주식회사">건강한 아이디어와 고객의 신뢰를 최우선으로 하는 지속 가능한 협력 파트너</h1>
</section>
<section class="story displayFlex alignCenter txtRight">
<div class="storyWrap layoutCenter">
<h2 class="title scroll">STORY</h2>
<p>
' 제이드코리아 주식회사 ' 는<br>
2002년 수피아(주)를 시작으로 국내 외 기업, 관공서, 학교, 공공기관의 브랜드와 함께 하며<br>
세분화 된 고객의 니즈를 강화하여 2015년 부터 업종을 특화하면서<br>
<span class="dot">여성인증기업으로 고객의 사랑과 관심으로 성장해 왔습니다.<br><br></span>
열정적인 자세로 건강한 아이디어와 고객의 신뢰를 최우선으로<br>
지속가능한 협력파트너로서 책임을 성실하게 이행하도록<br>
<span class="dot">앞으로도 지금처럼 끊임없이 개선하고 노력하겠습니다.</span>
</p>
</div>
</section>
<section class="promotion layoutCenter">
<h2 class="title scroll">PROMOTION</h2>
<p>
우리는 클라이언트의 기획 의도에 맞는 원활한 커뮤니케이션으로 우수한 제품을 제공하고,<br>
고객에게 전달되는 제품이 긍정적인 메세지를 담아 더 가치있게 사용 될 수 있도록 성공적인 파트너가 되겠습니다.
</p>
<ul>
<li class="scroll">
<div class="imgWrap"><img src="./images/promo_gift.jpg" alt="선물 이미지"></div>
<div class="contentWrap">
<h3>GIFT MARKETING</h3>
<p>
답례품ㆍ기념품<br>
판촉물ㆍ사은품<br>
굿즈 제작<br>
포장ㆍ패킹 대행
</p>
</div>
</li>
<li class="scroll">
<div class="imgWrap"><img src="./images/promo_plan.jpg" alt="작업 이미지"></div>
<div class="contentWrap">
<h3>PLAN DESIGN</h3>
<p>
기업 브랜드 판촉<br>
관공서ㆍ공공기관 홍보<br>
학교 행사ㆍ축제<br>
기획ㆍ전시
</p>
</div>
</li>
<li class="scroll">
<div class="imgWrap"><img src="./images/promo_family.jpg" alt="연관 사이트"></div>
<div class="contentWrap">
<h3>FAMILY</h3>
<p>
에코몰 ECOMALL<br>
티공구닷컴 T09<br>
지현기프트 ZEEHYUN<br>
뭉클 MUNGCLE
</p>
</div>
</li>
</ul>
</section>
<section class="orderP layoutCenter">
<h2 class="title scroll">ORDER PROCESS</h2>
<p>
단 한 분 고객의 브랜드라도 정성으로 제작하겠습니다.<br>
컨셉 기획부터 디자인, 제작대행, 검수, 패키지까지 전문가의 시선에서 최선을 다하겠습니다.
</p>
<ul class="steps layoutCenter txtCenter scroll">
<li>
<h3>제작상담</h3>
<p>상담 주문<br>견적서 발송</p>
<svg viewBox="0 0 761.82 716.05"><defs><linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" style="stop-color:#6fe2d9;stop-opacity:1" /><stop offset="100%" style="stop-color:#69d3d5;stop-opacity:1" /></linearGradient></defs><path d="M358,708.55A350.62,350.62,0,0,1,221.58,35.05,351.23,351.23,0,0,1,535.69,55.8,352.42,352.42,0,0,1,661.55,182.59c29,50.11,89.6,170.86,90.2,172.07l1.68,3.36-1.67,3.35c-.61,1.23-61.55,123.23-91.16,173.72A350.35,350.35,0,0,1,358,708.55Z"/><circle class="wc" cx="358.02" cy="358.02" r="310.92"/></svg>
</li>
<li>
<h3>주문확정</h3>
<p>주문수정 및 확인<br>입금결제</p>
<svg viewBox="0 0 761.82 716.05"><defs><linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" style="stop-color:#69d3d5;stop-opacity:1" /><stop offset="100%" style="stop-color:#65c5cf;stop-opacity:1" /></linearGradient>\</defs><path d="M358,708.55A350.62,350.62,0,0,1,221.58,35.05,351.23,351.23,0,0,1,535.69,55.8,352.42,352.42,0,0,1,661.55,182.59c29,50.11,89.6,170.86,90.2,172.07l1.68,3.36-1.67,3.35c-.61,1.23-61.55,123.23-91.16,173.72A350.35,350.35,0,0,1,358,708.55Z"/><circle class="wc" cx="358.02" cy="358.02" r="310.92"/></svg>
</li>
<li>
<h3>제품제작</h3>
<p>확정된 디자인은<br>내용수정 불가능</p>
<svg viewBox="0 0 761.82 716.05"><defs><linearGradient id="grad3" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" style="stop-color:#65c5cf;stop-opacity:1" /><stop offset="100%" style="stop-color:#6ea8b2;stop-opacity:1" /></linearGradient></defs><path d="M358,708.55A350.62,350.62,0,0,1,221.58,35.05,351.23,351.23,0,0,1,535.69,55.8,352.42,352.42,0,0,1,661.55,182.59c29,50.11,89.6,170.86,90.2,172.07l1.68,3.36-1.67,3.35c-.61,1.23-61.55,123.23-91.16,173.72A350.35,350.35,0,0,1,358,708.55Z"/><circle class="wc" cx="358.02" cy="358.02" r="310.92"/></svg>
</li>
<li>
<h3>제품검수</h3>
<p>포장 유무<br>출고수량확인</p>
<svg viewBox="0 0 761.82 716.05"><defs><linearGradient id="grad4" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" style="stop-color:#6ea8b2;stop-opacity:1" /><stop offset="100%" style="stop-color:#788a94;stop-opacity:1" /></linearGradient></defs><path d="M358,708.55A350.62,350.62,0,0,1,221.58,35.05,351.23,351.23,0,0,1,535.69,55.8,352.42,352.42,0,0,1,661.55,182.59c29,50.11,89.6,170.86,90.2,172.07l1.68,3.36-1.67,3.35c-.61,1.23-61.55,123.23-91.16,173.72A350.35,350.35,0,0,1,358,708.55Z"/><circle class="wc" cx="358.02" cy="358.02" r="310.92"/></svg>
</li>
<li>
<h3>배송출고</h3>
<p>배송희망일<br>배송방법 확인</p>
<svg viewBox="0 0 761.82 716.05"><defs><linearGradient id="grad5" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" style="stop-color:#788a94;stop-opacity:1" /><stop offset="100%" style="stop-color:#7b808a;stop-opacity:1" /></linearGradient></defs><circle cx="358.02" cy="358.02" r="350.5"/><circle class="wc" cx="358.02" cy="358.02" r="310.92"/></svg>
</li>
</ul>
<h3 class="call"><a href="tel:02-722-7221">02.722.7221</a><a href="tel:010-2226-7221">010.2226.7221</a></h3>
</section>
<section class="client">
<div class="titleWrap bgColor"><h2 class="title layoutCenter">CLIENTS</h2></div>
<div id="slideWrap">
<!-- 슬라이드 출력 부분 -->
</div>
</section>
<!-- <section id="instagramWidgetManual" class="large layoutCenter">
<h2 class="title layoutCenter">Instagram</h2>
</section> -->
</main>
<include data-href="./include/footer.html"></include>
</body>
</html>