-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathintroduction.html
215 lines (175 loc) · 10 KB
/
introduction.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
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
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Japan Figure</title>
<link rel="stylesheet" href="styles/page2_style.css">
<link rel="stylesheet" href="styles/fontawesome-free-6.1.1-web/css/all.css">
<link rel="icon" href="images/logo/favicon.webp">
</head>
<body>
<div class="container">
<header class="header" >
<!-- 3 gach menu -->
<a class="toggle-button" onclick="myFunction(this), ok()">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</a>
<a href="index.html" class="logo"><img src="https://theme.hstatic.net/1000160337/1000885200/14/logo.png?v=269" alt=""></a>
<input type="text" class="search-bar" placeholder="Nhập tên sản phẩm bạn muốn tìm...?">
<button class="search"><i class="fa-solid fa-magnifying-glass"></i></button>
<ul class="login-n-buy">
<a href="login.html"><i class="fa-solid fa-user"></i></a> <li class="login-in-regist"><a href="login.html">Đăng nhập / Đăng ký</a></li>
<i class="fa-solid fa-cart-shopping"></i><li class="buy">Giỏ hàng</li>
</ul>
</header>
<div class="search-mobile-container">
<input type="text" class="search-bar-mobile" placeholder="Nhập tên sản phẩm bạn muốn tìm...?">
</div>
<nav class="navigation" style="position: sticky; top:0">
<a href="index.html">Trang chủ</a>
<a href="introduction.html">Giới thiệu</a>
<a href="instruction.html">Hướng dẫn</a>
<a href="products.html">Sản phẩm</a>
<a href="contact.html">Liên hệ</a>
</nav>
</div>
<div class="contents-container">
<div class="contents">
<h2>Giới thiệu về Japan Figure</h2>
<div class="banner"><img src="images/banners/page2_banner.webp" alt=""></div>
<p> <span>► Figure là gì ?</span><br>
<br>
Là mô hình, là tượng, là bất kỳ cách gọi nào liên quan đến những tạo tác 3D cầm nắm được trên tay, mô phỏng lại nhân vật trong bức vẽ, phim, truyện, game...
Thông thường figure mang hình dạng con người, đôi khi là động vật, thực vật, quái vật, yêu tinh, thần thánh, thậm chí là sinh vật ngoài tinh...nhân vật nào được điêu khắc thành 3D thì được gọi chung là figure.</p>
<!-- <iframe src="" frameborder="0"></iframe> -->
<p style="text-align:center;" class="img-container"><img src="images/contents/page2/174511079_122365829947044_6358189466528913061_n_7aa27ccc8693492e95e9680f39213119_grande.webp" alt=""></p>
<p> <span>► Japan Figure là gì ?</span><br>
<br>
1. Là những figure được các họa sĩ Nhật Bản sáng tạo, vẽ minh họa, điêu khắc và hoàn thiện thiết kế đầu tiên - prototype tại Nhật Bản.
<br>2. Sau đó phần lớn thiết kế này được gửi đi sản xuất hàng loạt tại Trung Quốc. Nên sản phẩm cuối cùng bạn cầm trên tay có chữ “Made in China” là chuyện rất bình thường.
<br>3. Vì xuất xứ từ Nhật nên hiển nhiên Japan figure mang đậm văn hóa Nhật từ Anime, Manga, Game, Light novel, J-pop cho đến ca sĩ ảo, streamer ảo v…v…
</p>
<p style="text-align:center;" class="img-container"><img src="images/contents/page2/1.webp" alt=""></p>
<p style="text-align:center;" class="img-container"><img src="images/contents/page2/2.webp" alt=""></p>
<p style="text-align:center;" class="img-container"><img src="images/contents/page2/3.webp" alt=""></p>
<p style="text-align: center;"><span style="color: grey; font-style: italic;">Cách chơi figure với sa bàn. Ảnh của tác giả : Exkurogane</span></p>
<p> <span>► Japan Figure</span><br>
<br>
Là nơi chuyên cung cấp figure chính hãng của Nhật Bản tại Việt Nam <br>
Japan Figure là thiên đường với những bạn quan tâm, theo đuổi vẻ đẹp toàn vẹn, đam mê figure cao cấp và đây mê hoặc của Nhật Bản. <br>
Nếu nhu cầu của bạn chỉ dừng lại ở figure chất lượng thấp, hàng nhái, giả, không có bản quyền… thì rất tiếc Japan Figure không phải là nơi phù hợp dành cho bạn. <br>
Từ tháng 8/2012, sau 11 năm phục vụ, Japan Figure rất vui nhận được sự ủng hộ đông đảo từ người sưu tầm trên khắp VN. <br>
Tại Japan Figure chúng tôi:
<ul>
<li>Chuyên cung cấp figure chất lượng cao của Nhật Bản</li>
<li>Cập nhật thông tin sản phẩm mới mỗi ngày. </li>
<li>Giải đáp cho bạn mọi thắc mắc về figure, cách mua hàng, hỗ trợ vận chuyển miễn phí.
</li>
<li>Săn tìm figure từ hiếm cho đến cực hiếm
</li>
</ul> </p>
<p> <iframe class="youtube-embed" src="https://www.youtube.com/embed/JU1cb2P8L3k" title="JapanFigure.vn | Mang nhân vật bạn thích đến gần bạn hơn" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
</div>
<div class="aside">
<div class="category">
<ul>
<li>Danh mục</li>
<li>Tìm kiếm</li>
<li>Giới thiệu</li>
</ul>
</div>
<img src="images/banners/page_banner_image.jpg" alt="">
</div>
</div>
<div class="showcase-container">
<div class="follow-us">
<h1>Follow tác giả làm web này ngay :3</h1>
<p style="text-align:center;"><span>@duy.rk</span></p>
</div>
<div class="showcase">
<a href=""><img src="images/contents/page1/showcase/gallery_item_1_img.webp" alt=""></a>
<a href=""><img src="images/contents/page1/showcase/gallery_item_2_img.webp" alt=""></a>
<a href=""><img src="images/contents/page1/showcase/gallery_item_3_img.webp" alt=""></a>
<a href=""><img src="images/contents/page1/showcase/gallery_item_4_img.jpg" alt=""></a>
<a href=""><img src="images/contents/page1/showcase/gallery_item_5_img.jpg" alt=""></a>
<a href=""><img src="images/contents/page1/showcase/gallery_item_6_img.jpg" alt=""></a>
</div>
</div>
<footer>
<div class="introduce-container">
<h3>Giới thiệu Japan Figure</h3>
<p> Giúp các bạn trẻ Việt Nam dễ dàng tiếp cận với mô hình figure Nhật Bản</p>
</div>
<div class="address">
<p>Địa chỉ: Quận 10, Tp. Hồ Chí Minh. <br>
Japan Figure chưa có không gian trưng bày, bạn vui lòng hẹn trước khi đến <br>
Điện thoại: 090 8268 007 <br>
Email: [email protected]</p>
</div>
<div class="support">
<h3>Hỗ trợ khách hàng</h3>
<ul>
<li>Tìm kiếm</li>
<li>Giới thiệu </li>
</ul>
</div>
<div class="care-customers">
<h3>Chăm sóc khách hàng</h3>
<i class="fa-solid fa-phone"></i><span>012345678</span>
<div>[email protected]</div>
</div>
</footer>
<div class="footer-line"></div>
<div class="Copyright-line">Copyright © 2022 Japan Figure. Powered by raikoSUS</div>
</body>
<script>
function myFunction(x) {
x.classList.toggle("change");
}
function ok(){
if(document.getElementsByTagName('nav')[0].getAttribute('id') === 'navappear'){
document.getElementsByTagName('nav')[0].setAttribute('id','navhide');
}else{
document.getElementsByTagName('nav')[0].setAttribute('id','navappear');
}
}
function checkWidth(){
var element = document.getElementsByTagName('body')[0];
var positionInfo = element.getBoundingClientRect();
var width = positionInfo.width;
var flag =0;
if(document.getElementsByTagName('nav')[0].getAttribute('id')=== 'navappear'){
flag =1;
} else{
flag=0;
}
if(width > 992){
document.getElementsByTagName('nav')[0].setAttribute('id','');
}
if(flag==1){
document.getElementsByTagName('nav')[0].setAttribute('id','navappear');
}
}
// }
// function check(){
// var element = document.getElementsByTagName('body')[0];
// var positionInfo = element.getBoundingClientRect();
// var width = positionInfo.width;
// if(document.getElementsByTagName('nav')[0].getAttribute('name') === 'close'){
// document.getElementsByTagName('nav')[0].setAttribute('name','open')
// document.getElementsByTagName('nav')[0].style.display = "flex";
// }else if(document.getElementsByTagName('nav')[0].getAttribute('name') === 'open'){
// document.getElementsByTagName('nav')[0].setAttribute('name','close')
// document.getElementsByTagName('nav')[0].style.display = "none";
// }
// }
setInterval(checkWidth,1);
function open(){
}
</script>
<script src="Js/js-page1.js"></script>
</html>