-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathservice.html
More file actions
189 lines (165 loc) · 8.16 KB
/
Copy pathservice.html
File metadata and controls
189 lines (165 loc) · 8.16 KB
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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>哲興印刷</title>
<!--
Template 2081 Solution
http://www.tooplate.com/view/2081-solution
-->
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="">
<meta name="description" content="">
<!-- animate -->
<link rel="stylesheet" href="css/animate.min.css">
<!-- bootstrap -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- magnific pop up -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- font-awesome -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- google font -->
<link href='http://fonts.googleapis.com/css?family=Raleway:400,300,700,800' rel='stylesheet' type='text/css'>
<!-- custom -->
<link rel="stylesheet" href="css/style.css">
</head>
<body data-spy="scroll" data-offset="50" data-target=".navbar-collapse">
<!-- start navigation -->
<div class="navbar navbar-fixed-top navbar-default" role="navigation">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon icon-bar"></span>
<span class="icon icon-bar"></span>
<span class="icon icon-bar"></span>
</button>
<a href="#" class="navbar-brand"><img src="images/logot.gif" style="width: 28%;" class="img-responsive" alt="logo"></a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.php" class="smoothScroll" style="font-size: 16px;">首頁</a></li>
<li><a href="about.html" class="smoothScroll" style="font-size: 16px;">公司簡介</a></li>
<li><a href="service.html" class="smoothScroll" style="font-size: 16px;">印刷服務</a></li>
<li><a href="product.html" class="smoothScroll" style="font-size: 16px;">行銷產品</a></li>
<li><a href="contact.html" class="smoothScroll" style="font-size: 16px;">聯絡我們</a></li>
<li><a href="#user" class="smoothScroll" style="font-size: 16px;">管理員登入</a></li>
</ul>
</div>
</div>
</div>
<!-- end navigation -->
<!-- start home -->
<section id="home" class="text-center">
<div class="container">
<div class="templatemo_headerimage">
<div class="flexslider">
<ul class="slides">
<li>
<img src="images/banner3.jpg" alt="Slide 1">
<div class="slider-caption">
<div class="templatemo_homewrapper">
<!-- <h1 class="wow fadeInDown" data-wow-delay="2000" style="color: black;">哲興印刷</h1>
<h2 class="wow fadeInDown" data-wow-delay="2000" style="color: black;">
<span>第十一屆台灣金印獎 & 數位印刷應用類 第二名</span>
</h2>
<a href="#service" class="smoothScroll btn btn-default wow fadeInDown" data-wow-delay="2000">印刷服務</a>-->
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- end home -->
<!-- start team -->
<div id="team">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="wow bounce">印刷服務</h2>
</div>
<div class="col-md-4 col-sm-4 wow fadeIn" data-wow-delay="0.3s">
<img src="images/bb01.png" width="50%" class="img-responsive" alt="team img">
<h3>美編設計</h3>
<p>思想開闊、腦筋靈活，滿腔熱血地為您提供設計、色彩、印刷...等專業服務</p>
</div>
<div class="col-md-4 col-sm-4 wow fadeIn" data-wow-delay="0.6s">
<img src="images/bb02.png" width="50%" class="img-responsive" alt="team img">
<h3>檔案輸出</h3>
<p>印前電腦製作需知、使用排版軟體各種軟體使用注意事項、常用紙張尺寸、厚度速見表 </p>
</div>
<div class="col-md-4 col-sm-4 wow fadeIn" data-wow-delay="0.9s">
<img src="images/bb03.png" width="50%" class="img-responsive" alt="team img">
<h3>專業去背</h3>
<p>
本公司採用鋼筆工具（貝茲曲線）去背，提供您最精準的去背圖像（EPS檔）方便您在設計， 排版上使用。
</p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h2 class="wow bounce">印刷種類</h2>
</div>
<div class="col-md-4 col-sm-4 wow fadeIn" data-wow-delay="0.3s">
<img src="images/bb04.jpg" width="50%" class="img-responsive" alt="team img">
<h3>環保印刷</h3>
<p>近來〝綠色（Green）〞為影響環境的原動力（Driving force）而大豆油墨乃可佔有其重要的角色與價值。 不管其目標係清潔空氣或為減少對進口石油的依靠度，或為使用可永續生產的可再生並為生物可分解（Renewable and biodegradable）的植物資源，而於此所提倡的大豆油墨均可達成其目的。</p>
</div>
<div class="col-md-4 col-sm-4 wow fadeIn" data-wow-delay="0.6s">
<img src="images/bb05.png" width="50%" class="img-responsive" alt="team img">
<h3>UV印刷</h3>
<p>UV不吸墨印刷，適用不易乾燥材質<br> 資料夾/滑鼠墊/藥盒/酒盒/化妝品盒
<br> 塑膠類/PVC、PE、PET、PS、PP合成紙等
<br> 特殊紙類/金箔、鋁箔、雷射紙、特多龍、珍珠紙、鏡銅紙、描圖紙、自黏紙等
</p>
</div>
<div class="col-md-4 col-sm-4 wow fadeIn" data-wow-delay="0.9s">
<img src="images/bb06.jpg" width="50%" class="img-responsive" alt="team img">
<h3>紙類印刷</h3>
<p>公文封/信封/型錄/精裝書本/期刊/包裝盒</p>
</div>
</div>
</div>
</div>
<!-- end team -->
<!-- start footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-md-8 col-sm-7">
<p>Copyright © 2018 JUST SHINE PRINTING</p>
</div>
<div class="col-md-4 col-sm-5">
<ul class="social-icon">
<li><a href="#" class="fa fa-facebook"></a></li>
<li><a href="#" class="fa fa-google"></a></li>
<li><a href="#" class="fa fa-envelope"></a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- end footer -->
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- isotope -->
<script src="js/isotope.js"></script>
<!-- images loaded -->
<script src="js/imagesloaded.min.js"></script>
<!-- wow -->
<script src="js/wow.min.js"></script>
<!-- smoothScroll -->
<script src="js/smoothscroll.js"></script>
<!-- jquery flexslider -->
<script src="js/jquery.flexslider.js"></script>
<!-- Magnific Pop up -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- custom -->
<script src="js/custom.js"></script>
</body>
</html>