forked from hunter-pc/hunter-pc
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
610 lines (607 loc) · 26.2 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
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
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
<!DOCTYPE html>
<html>
<head>
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/673dde104304e3196ae5abfc/1id4qms6b';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- Basic -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no">
<!-- Site Metas -->
<link rel="icon" href="images/fevicon.png" type="image/gif">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<title>電獵者電腦</title>
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<!-- fonts style -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap"
rel="stylesheet">
<!-- font awesome style -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet">
<!-- responsive style -->
<link href="css/responsive.css" rel="stylesheet">
</head>
<body>
<div class="hero_area">
<!-- header section strats -->
<header class="header_section">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg custom_nav-container "> <a
class="navbar-brand" href="index.html"> <span>電獵者電腦</span>
</a> <button class="navbar-toggler" type="button"
data-toggle="collapse"
data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation"> <span
class=""> </span> </button>
<div class="collapse navbar-collapse"
id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active"> <a class="nav-link"
href="index.html">首頁 <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item"> <a class="nav-link"
href="about.html"> 理念</a> </li>
<li class="nav-item"> <a class="nav-link"
href="service.html">服務</a> </li>
<li class="nav-item"> <a class="nav-link"
href="https://yilan-pc.company.site/">商店</a> </li>
<li class="nav-item"> <a class="nav-link"
href="https://qrcd.org/hackme-store">深度筆記</a> </li>
<li class="nav-item"> <a class="nav-link"
href="contact.html">聯絡</a> </li>
</ul>
<div class="quote_btn-container">
<form class="form-inline"> <button class="btnnav_search-btn" type="submit"> </button> </form>
<a href=""> <span> 服務專線 : 0989-136-652 </span> </a>
</div>
</div>
</nav>
</div>
</header>
<!-- end header section -->
<!-- slider section -->
<section class="slider_section ">
<div id="customCarousel1" class="carousel slide"
data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="container ">
<div class="row">
<div class="col-md-6">
<div class="detail-box">
<h1> 口袋 & 工具書 <br>
最新特賣商品</h1>
<p>Deep Note 深度筆記<br>
實體的安全；虛擬的便利、整合 100＋開箱即用工具。<br>
獨家短口令記憶強密碼，免學習記憶 100 組強密碼。
</p>
<div class="btn-box"> <a href="" class="btn-1">實體筆記的價值？</a><a href="https://disk.yandex.com/d/jFrgAfz3usceGQ" class="btn-2">下載App</a> </div>
</div>
</div>
<div class="col-md-6">
<div class="row">
<div class=" col-lg-10 mx-auto">
<div class="img-box">
<img src="images/slider-img.png" alt="image"> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container ">
<div class="row">
<div class="col-md-6">
<div class="detail-box">
<h1> 商城 & 開賣囉 <br>
今日訂明日寄 </h1>
<p> 虛擬商品即時發卡，（資訊護盾）虛擬卡（99 NT，實體卡 399NT、多啟碟（把iso放進去）不用再繁瑣步驟研究怎麼 USB 開機，Android USB 免安裝、免虛擬機，自帶Play 商店。隨插即用。
</p>
<div class="btn-box">
<a href="yilan-3c.company.site" class="btn-1">進入小舖</a> <a href="" class="btn-2">問題諮詢</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="row">
<div class=" col-lg-10 mx-auto">
<div class="img-box"> <img
src="images/slider-img.png" alt="image"> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container ">
<div class="row">
<div class="col-md-6">
<div class="detail-box">
<h1> 網站 &應用程式開發 <br>
訂製你的應用程式 </h1>
<p> 訂製你的應用程式，加增你的曝光度、提昇業績與知名度，你的商業推手，客製化網站及 APP 。</p>
<div class="btn-box"> <a href="https://disk.yandex.com/d/jFrgAfz3usceGQ" class="btn-1">
下載APP </a> <a href="" class="btn-2">
諮詢客服 </a> </div>
</div>
</div>
<div class="col-md-6">
<div class="row">
<div class=" col-lg-10 mx-auto">
<div class="img-box"> <img
src="images/slider-img.png" alt="image"> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel_btn-box"> <a
class="carousel-control-prev" href="#"
role="button" data-slide="prev"> <span class="sr-only">Previous</span>
</a> <a class="carousel-control-next"
href="#customCarousel1" role="button" data-slide="next"> <span
class="sr-only">Next</span> </a> </div>
</div>
</section>
<!-- end slider section --> </div>
<!-- service section -->
<section class="service_section layout_padding">
<div class="container">
<div class="heading_container heading_center">
<h2> 服務一覽 </h2>
</div>
</div>
<div class="container ">
<div class="row">
<div class="col-md-6 col-lg-4">
<div class="box ">
<div class="img-box"> <img src="images/s1.png" alt=""> </div>
<div class="detail-box">
<h4>到府收送</h4>
<p>電腦有問題 ? 沒關係，無論是三更半夜，或是打雷下雨，電獵者風雨無阻，為您服務！</p>
<a href=""> 閱讀更多 </a> </div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="box ">
<div class="img-box"> <img src="images/s2.png" alt=""> </div>
<div class="detail-box">
<h4>遠端支援</h4>
<p>設定怎麼都搞不好？沒關係，交給電獵者，遠端微調您的設定，抓出作怪的臭蟲！</p>
<a href=""> 閱讀更多 </a> </div>
</div>
</div>
<div class="col-md-6 col-lg-4 ">
<div class="box ">
<div class="img-box"> <img src="images/s3.png" alt=""> </div>
<div class="detail-box">
<h4>更換系統</h4>
<p>無論您是 Windows 或是 Linux
，若不敷使用，換個系統又何訪呢？我們精心為您推薦最優質的作業系統。<br>
</p>
<a href=""> Read More </a> </div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="box ">
<div class="img-box"> <img src="images/s4.png" alt=""> </div>
<div class="detail-box">
<h4>網站架設</h4>
<p>店面經營不夠力，拓展國際視野！讓全世界看到您的優質產品與服務，找我們就對了！<br>
各行各業我們都會精心打造 100 分的產品。<br>
</p>
<a href=""> 閱讀更多 </a> </div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="box ">
<div class="img-box"> <img src="images/s5.png" alt=""> </div>
<div class="detail-box">
<h4>祕密周邊商品</h4>
<p>什麼？連維修工具都買的到，那還要不要營業？是的，沒錯！只要您購買，我們的維修USB
或是光碟都可以是產品之一喔！</p>
<a href=""> 閱讀更多 </a> </div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="box ">
<div class="img-box"> <img src="images/s6.png" alt=""> </div>
<div class="detail-box">
<h4>更多服務</h4>
<p>除了以上所述種種，我們還有很多意想不到的希奇服務，在手機安裝 Windows
把手機變成頭戴式電腦，把平板直接魔改為 <br>
真 ˙ 筆電<br>
</p>
<a href=""> 閱讀更多 </a> </div>
</div>
</div>
</div>
</div>
</section>
<!-- end service section -->
<!-- about section -->
<!-- end about section -->
<!-- server section -->
<section class="server_section">
<div class="container ">
<div class="row">
<div class="col-md-6">
<div class="img-box"> <img src="images/server-img.jpg"
alt="">
<div class="play_btn"> <button> </button> </div>
</div>
</div>
<div class="col-md-6">
<div class="detail-box">
<div class="heading_container">
<h2>別再猶豫、我們準備好了 !</h2>
<p>力量來自於溫柔的同理心，電獵者剛強的外表下，懷著一顆赤子之心，<br>
正因為如此，才能無往不利，而獵者本身也還是個乖學生，天天都在學習長進，遇到不懂，就問！想懂！就學，跨越了，就
是你的！處理過了，功力自然增長，你也想當電獵者嗎？歡迎加入我們的行列，讓電腦維修成為FoodPanda<br>
、UberEAT，穿梭在大街小巷。只不過我們不賣吃的。<br>
</p>
</div>
<a href="">加入獵者的行列</a> </div>
</div>
</div>
</div>
</section>
<!-- end server section -->
<!-- price section -->
<!-- 軟硬體價目表 -->
<section class="price_section layout_padding">
<div class="container">
<div class="heading_container heading_center">
<h2>電腦軟硬體維修價目表</h2>
</div>
<div class="price_container ">
<div class="price_container ">
<div class="box">
<div class="detail-box">
<h2>$ <span>49</span></h2>
<h6> Startup </h6>
<ul class="price_features">
<li> 2GB RAM </li>
<li> 20GB SSD Cloud Storage </li>
<li> Weekly Backups </li>
<li> DDoS Protection </li>
<li> Full Root Access </li>
<li> 24/7/365 Tech Support </li>
</ul>
</div>
<div class="btn-box"> <a href="file:///D:/pc/index.html">
See Detail </a> </div>
</div>
<div class="box">
<div class="detail-box">
<h2>$ <span>99</span></h2>
<h6> Standard </h6>
<ul class="price_features">
<li> 4GB RAM </li>
<li> 50GB SSD Cloud Storage </li>
<li> Weekly Backups </li>
<li> DDoS Protection </li>
<li> Full Root Access </li>
<li> 24/7/365 Tech Support </li>
</ul>
</div>
<div class="btn-box"> <a href="file:///D:/pc/index.html">
See Detail </a> </div>
</div>
<div class="box">
<div class="detail-box">
<h2>$ <span>149</span></h2>
<h6> Business </h6>
<ul class="price_features">
<li> 8GB RAM </li>
<li> 100GB SSD Cloud Storage </li>
<li> Weekly Backups </li>
<li> DDoS Protection </li>
<li> Full Root Access </li>
<li> 24/7/365 Tech Support </li>
</ul>
</div>
<div class="btn-box"> <a href="file:///D:/pc/index.html">
See Detail </a> </div>
</div>
</div>
</div>
</div>
</section>
<!-- price section -->
<!-- client section -->
<!-- 設計類價目表 -->
<section class="price_section layout_padding">
<div class="container">
<div class="heading_container heading_center">
<h2>設計類價目表</h2>
</div>
<div class="price_container ">
<div class="price_container ">
<div class="box">
<div class="detail-box">
<h2>$ <span>49</span></h2>
<h6> Startup </h6>
<ul class="price_features">
<li> 2GB RAM </li>
<li> 20GB SSD Cloud Storage </li>
<li> Weekly Backups </li>
<li> DDoS Protection </li>
<li> Full Root Access </li>
<li> 24/7/365 Tech Support </li>
</ul>
</div>
<div class="btn-box"> <a href="file:///D:/pc/index.html">
See Detail </a> </div>
</div>
<div class="box">
<div class="detail-box">
<h2>$ <span>99</span></h2>
<h6> Standard </h6>
<ul class="price_features">
<li> 4GB RAM </li>
<li> 50GB SSD Cloud Storage </li>
<li> Weekly Backups </li>
<li> DDoS Protection </li>
<li> Full Root Access </li>
<li> 24/7/365 Tech Support </li>
</ul>
</div>
<div class="btn-box"> <a href="file:///D:/pc/index.html">
See Detail </a> </div>
</div>
<div class="box">
<div class="detail-box">
<h2>$ <span>149</span></h2>
<h6> Business </h6>
<ul class="price_features">
<li> 8GB RAM </li>
<li> 100GB SSD Cloud Storage </li>
<li> Weekly Backups </li>
<li> DDoS Protection </li>
<li> Full Root Access </li>
<li> 24/7/365 Tech Support </li>
</ul>
</div>
<div class="btn-box"> <a href="file:///D:/pc/index.html">
See Detail </a> </div>
</div>
</div>
</div>
</div>
</section>
<!-- end 價目表 -->
<section class="client_section ">
<div class="container">
<div class="heading_container heading_center">
<h2> 懇 請 您 評 價 <font color="#33ccff">電 獵 者</font> </h2>
<p>---------- 我們必定會 【<font color="#6633ff">虛心接受並改進</font>】----------</p>
</div>
</div>
<div class="container px-0">
<div id="customCarousel2" class="carousel slide"
data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="container">
<div class="row">
<div class="col-md-10 mx-auto">
<div class="box">
<div class="img-box"> <img
src="images/client.jpg" alt=""> </div>
<div class="detail-box">
<div class="client_info">
<div class="client_name">
<h5> 我是sAMPLE </h5>
<h6>電獵者讓我感覺又年輕了20歲，考試都考100分呢。<br>
</h6>
</div>
</div>
<p>電腦問題無論解決與否，我都已經不在乎了，能看見年輕人努力的態度，就像星星照亮夜空一般，收費
合理，服務周到，親切，敏捷快速，毫無保留的道出電腦的問題點，這正是我需要的！無形之中也上了一
課。</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="row">
<div class="col-md-10 mx-auto">
<div class="box">
<div class="img-box"> <img
src="images/client.jpg" alt=""> </div>
<div class="detail-box">
<div class="client_info">
<div class="client_name">
<h5> Morojink </h5>
<h6> Customer </h6>
</div>
</div>
<p> Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse
cillum dolore eu fugia </p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="row">
<div class="col-md-10 mx-auto">
<div class="box">
<div class="img-box"> <img
src="images/client.jpg" alt=""> </div>
<div class="detail-box">
<div class="client_info">
<div class="client_name">
<h5> Morojink </h5>
<h6> Customer </h6>
</div>
</div>
<p> Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse
cillum dolore eu fugia </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel_btn-box"> <a
class="carousel-control-prev" href="#customCarousel2"
role="button" data-slide="prev"> <span class="sr-only">Previous</span>
</a> <a class="carousel-control-next"
href="#customCarousel2" role="button" data-slide="next"> <span
class="sr-only">Next</span> </a> </div>
</div>
</div>
</section>
<!-- end client section -->
<section class="about_section layout_padding-bottom">
<div class="container ">
<div class="row">
<div class="col-md-6">
<div class="detail-box">
<div class="heading_container">
<h2>關於我們</h2>
</div>
<p>我們是凝聚光的力量！照耀黑暗的電獵者，獵食一切搞怪做壞的病毒與非法入侵窺探隱私的行為，檢測是否有不良軟體，窺伺
隱私，或以家長監護之名義，行窺探之實，抓包這些道貌岸然的舉動與行為，我們遵行法律，但屆滿18歲已經是成年人，尚有
許許多多被監控者而不自知，這限縮了你該有的自由，與本該屬於你的寬廣天空，我們幫您找回一點點蔚藍。如果您懷疑是否有
不良軟體或裝置，請與我們聯絡！</p>
<a href="">閱讀更多</a> </div>
</div>
<div class="col-md-6 ">
<div class="img-box"> <img src="images/about-img.png"
alt=""> </div>
</div>
</div>
</div>
</section>
<!-- contact section -->
<section class="contact_section layout_padding-bottom">
<div class="container">
<div class="heading_container heading_center">
<h2>留下您寶貴的建言</h2>
</div>
<div class="row">
<div class="col-md-8 col-lg-6 mx-auto">
<div class="form_container">
<form action="">
<div> <input placeholder="Your Name" type="text"> </div>
<div> <input placeholder="Your Email" type="email"> </div>
<div> <input placeholder="Your Phone" type="text"> </div>
<div> <input class="message-box" placeholder="Message"
type="text"> </div>
<div class="btn_box "> <button> 送出 </button> </div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- end contact section -->
<!-- info section -->
<section class="info_section layout_padding2">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="info_contact">
<h4> Address </h4>
<div class="contact_link_box"> <a href=""> <span>
Location 獵者來無影去無蹤</span> </a> <a href=""> <span>
Call +886 989136652 </span> </a> <a href=""> <span>
demo@gmail.com </span> </a> </div>
</div>
<div class="info_social"> <a href=""> </a> <a href=""> </a>
<a href=""> </a> <a href=""> </a> </div>
</div>
<div class="col-md-3">
<div class="info_link_box">
<h4>常用連結<br>
</h4>
<div class="info_links">
<a class="" href="https://brainstation.io/course/online/cybersecurity"><img
src="images/nav-bullet.png" alt="">客戶端下載 </a>
<a class="" href="https://brainstation.io/course/online/cybersecurity"><img
src="images/nav-bullet.png" alt="">網路安全課程 </a>
<a
class="" href="https://allinone.tools/"> <img
src="images/nav-bullet.png" alt="">網頁工具箱</a> <a
class="" href=""> <a class="" href="https://brainstation.io/course/online/cybersecurity"><img
src="images/nav-bullet.png" alt="">隱私檢查頁</a> <a
class="" href="contact.html"> <img
src="images/nav-bullet.png" alt="">隱私權政策</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="info_detail">
<h4> 每日金句 </h4>
<h4>準確的診斷是治癒疾病的一半。</h4>
</div>
</div>
<div class="col-md-3 mb-0">
<h4>接收我們的最新消息</h4>
<form action="#"> <input placeholder="Enter email"
type="text"> <button type="submit"> 訂閱電子報 </button>
</form>
</div>
</div>
</div>
</section>
<!-- end info section -->
<!-- footer section -->
<footer class="footer_section">
<div class="container">
<p> © 本網站由 Github 供電－電力十足 版權所有 2024 <br>
</p>
</div>
</footer>
<!-- footer section -->
<!-- jQery -->
<script src="js/jquery-3.4.1.min.js"></script>
<!-- bootstrap js -->
<script src="js/bootstrap.js"></script>
<!-- <script src="js/custom.js"></script> custom js -->
</body>
</html>