atricle.html 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>article</title>
  8. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
  9. integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
  10. <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
  11. <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
  12. <link rel="stylesheet" href="./style.css">
  13. <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
  14. </head>
  15. <body>
  16. <section id="Navigation" class="container-fluid" style="padding:0;margin:0">
  17. <div id="nav" class="row" style="padding:0;margin:0">
  18. <div id="logo" class=" col-md-2 col-lg-2">
  19. <a href="./index.html"><img src="./img/LOGO.png" alt=""></a>
  20. </div>
  21. <div class="link2 col-md-10 col-lg-8">
  22. <nav class="navbar navbar-expand-lg navbar-light bg-transparent">
  23. <div class="container-fluid">
  24. <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
  25. data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
  26. aria-expanded="false" aria-label="Toggle navigation">
  27. <span class="navbar-toggler-icon"></span>
  28. </button>
  29. <div class="collapse navbar-collapse" id="navbarSupportedContent">
  30. <ul class="navbar-nav me-auto mb-2 mb-lg-0">
  31. <li class="nav-item dropdown">
  32. <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
  33. data-bs-toggle="dropdown" aria-expanded="false">
  34. 相關新聞
  35. </a>
  36. <ul class="dropdown-menu bg-dark" aria-labelledby="navbarDropdown">
  37. <li><a class="dropdown-item" href="#">Action</a></li>
  38. <li><a class="dropdown-item" href="#">Another action</a></li>
  39. <li>
  40. <hr class="dropdown-divider">
  41. </li>
  42. <li><a class="dropdown-item" href="#">Something else here</a></li>
  43. </ul>
  44. </li>
  45. <li class="nav-item dropdown">
  46. <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
  47. data-bs-toggle="dropdown" aria-expanded="false">
  48. NFT資訊
  49. </a>
  50. <ul class="dropdown-menu bg-dark" aria-labelledby="navbarDropdown">
  51. <li><a class="dropdown-item" href="#">Action</a></li>
  52. <li><a class="dropdown-item" href="#">Another action</a></li>
  53. <li><a class="dropdown-item" href="#">Something else here</a></li>
  54. </ul>
  55. </li>
  56. <li class="nav-item dropdown">
  57. <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
  58. data-bs-toggle="dropdown" aria-expanded="false">
  59. 洞察報告
  60. </a>
  61. <ul class="dropdown-menu bg-dark" aria-labelledby="navbarDropdown">
  62. <li><a class="dropdown-item" href="#">Action</a></li>
  63. <li><a class="dropdown-item" href="#">Another action</a></li>
  64. <li><a class="dropdown-item" href="#">Something else here</a></li>
  65. </ul>
  66. </li>
  67. <li class="nav-item dropdown">
  68. <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
  69. data-bs-toggle="dropdown" aria-expanded="false">
  70. NFT人物
  71. </a>
  72. <ul class="dropdown-menu bg-dark" aria-labelledby="navbarDropdown">
  73. <li><a class="dropdown-item" href="#">Action</a></li>
  74. <li><a class="dropdown-item" href="#">Another action</a></li>
  75. <li><a class="dropdown-item" href="#">Something else here</a></li>
  76. </ul>
  77. </li>
  78. <li class="nav-item">
  79. <a class="nav-link" aria-current="page" target="_blank"
  80. href="https://docs.google.com/forms/d/e/1FAIpQLSf2gw6oO4WJ2lmNGescLRdGgS3H5IUgOd2xu4nmzqh5g0JH5g/viewform">聯絡我們</a>
  81. </li>
  82. </ul>
  83. <!-- <form class="d-flex">
  84. <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
  85. <button class="btn btn-outline-light" type="submit">Search</button>
  86. </form> -->
  87. </div>
  88. </div>
  89. </nav>
  90. <!-- <a class="nav-link dropdown-toggle d-inline" href="#" id="navbarDropdownMenuLink" role="button"
  91. data-bs-toggle="dropdown" aria-expanded="false">
  92. 相關新聞
  93. </a>
  94. <ul class="dropdown-menu bg-dark" aria-labelledby="navbarDropdownMenuLink">
  95. <li><a class="dropdown-item" href="#">Action</a></li>
  96. <li><a class="dropdown-item" href="#">Another action</a></li>
  97. <li><a class="dropdown-item" href="#">Something else here</a></li>
  98. </ul>
  99. <a class="nav-link dropdown-toggle d-inline" href="#" id="navbarDropdownMenuLink" role="button"
  100. data-bs-toggle="dropdown" aria-expanded="false">
  101. NFT資訊
  102. </a>
  103. <ul class="dropdown-menu bg-dark" aria-labelledby="navbarDropdownMenuLink">
  104. <li><a class="dropdown-item" href="#">Action</a></li>
  105. <li><a class="dropdown-item" href="#">Another action</a></li>
  106. <li><a class="dropdown-item" href="#">Something else here</a></li>
  107. </ul>
  108. <a class="nav-link dropdown-toggle d-inline" href="#" id="navbarDropdownMenuLink" role="button"
  109. data-bs-toggle="dropdown" aria-expanded="false">
  110. 洞察報告
  111. </a>
  112. <ul class="dropdown-menu bg-dark" aria-labelledby="navbarDropdownMenuLink">
  113. <li><a class="dropdown-item" href="#">Action</a></li>
  114. <li><a class="dropdown-item" href="#">Another action</a></li>
  115. <li><a class="dropdown-item" href="#">Something else here</a></li>
  116. </ul>
  117. <a class="nav-link dropdown-toggle d-inline" href="#" id="navbarDropdownMenuLink" role="button"
  118. data-bs-toggle="dropdown" aria-expanded="false">
  119. NFT人物
  120. </a>
  121. <ul class="dropdown-menu bg-dark" aria-labelledby="navbarDropdownMenuLink">
  122. <li><a class="dropdown-item" href="#">Action</a></li>
  123. <li><a class="dropdown-item" href="#">Another action</a></li>
  124. <li><a class="dropdown-item" href="#">Something else here</a></li>
  125. </ul>
  126. <a target="_blank"
  127. href=" https://docs.google.com/forms/d/e/1FAIpQLSf2gw6oO4WJ2lmNGescLRdGgS3H5IUgOd2xu4nmzqh5g0JH5g/viewform">聯絡我們</a> -->
  128. </div>
  129. <img id="menu-btn1" src="./img/menu.png" alt="">
  130. <div id="socail-link" class="col-md-10 col-lg-2 py-5">
  131. <a target="_blank" href="https://www.facebook.com/nftboard"><img src="./img/facebook (2).png"
  132. alt=""></a>
  133. <a target="_blank" href="https://www.instagram.com/nftboard.info/"><img src="./img/instagram.png"
  134. alt=""></a>
  135. </div>
  136. </div>
  137. </section>
  138. <section class="py-5 bg-white mb-5"></section>
  139. <section id="adv01" class="py-5 bg-light">
  140. <div class="adv01-1 container-fluid">
  141. <a target="_blank" href="https://www.mustard.org.tw/desktop.php?tid=547&id=164">
  142. <img class="img-fluid" src="./img/adv/adv1.webp" alt="">
  143. </a>
  144. </div>
  145. </section>
  146. <section id="sec10" class="container-fluid pt-3">
  147. <div class="row">
  148. <div class="content col-lg-7">
  149. <h1 class="sec10-title">
  150. NFTBoard 與akaswap 即將於2021/8/7(六) 晚上舉辦一場精緻的「NFT 方舟加密藝術X akaSwap跨界直播」活動
  151. </h1>
  152. <p class="card-text"><small class="text-muted">By NFTBoard</small></p>
  153. <img class="m-1" style="width: 20px;" src="./img/time.png" alt=""><span>2021/8/5</span>
  154. <hr>
  155. <img class="img-fluid" src="./img/sec10/S__43253764.webp" alt="">
  156. <div class="sec11-content mt-3">
  157. <p> 這次活動特邀大家熟知的北科大助理教授葛如鈞(寶博士)擔任主持人,活動分為三階段,</p>
  158. <p> 第一階段:主持人與科文双融暨文化科技發展聯盟執行長黃宛華、台大資訊網媒所教授洪一平,對談『數位內容產業與NFT結合發展趨勢』。</p>
  159. <p> 第二階段:主持人與 akaswap 共同創辦人、NFT新媒體藝術家王新仁、洪司丞,對談『akaswap創辦理念與構想』。</p>
  160. <p> 第三階段:主持人與 新媒體藝術家姚仲涵、聲音藝術家許雁婷,對談『NFT創作』。</p>
  161. <p>
  162. 除了分析NFT發展趨勢外,這次主軸額外有2個精彩環節,
  163. </p>
  164. <p>一、是特別針對 akaswap 這個潔淨 NFT平台,其架構於綠色環保區塊鏈 Tezos 之上,Tezos錢包是在 2021
  165. 年開始獲得全球數位創作的注目,其生態系內的 NFT 交易量甚至一度在年初超越以太坊第一大 NFT 平台 OpenSea,是藝術家、藏家、NFT愛好者們不可不關注的重要趨勢。</p>
  166. <p>二、是這次
  167. akaswap 特別準備了 xtz幣空投,給前200位參與空投的錢包,在直播活動當天,可以購買指定主題的優秀作品NFT抽獎包(一番賞)</p>
  168. <h2 class="mt-3"> Tezos 錢包安裝教學</h2>
  169. <p>錢包下載位址:<a target="_blank" href="https://templewallet.com/">https://templewallet.com/</a></p>
  170. <p>第1步:下載錢包</p>
  171. <img class="img-fluid" src="./img/sec10/install-templewallet-a1.jpg" alt="">
  172. <p>第2步:選擇你使用的瀏覽器安裝擴充功能
  173. 範例:若你是chrome 使用者則可點選圖示選擇install</p>
  174. <img class="img-fluid" src="./img/sec10/install-templewallet-a2.jpg" alt="">
  175. <img class="img-fluid" src="./img/sec10/install-templewallet-a3.jpg" alt="">
  176. <p>第3步:建立錢包</p>
  177. <img class="img-fluid" src="./img/sec10/install-templewallet-a4.jpg" alt="">
  178. <p>第4步:設定一個8位數以上的密碼(要有大寫字母、小寫字母及數字混合) </p>
  179. <img class="img-fluid" src="./img/sec10/install-templewallet-a5.jpg" alt="">
  180. <p>第5步:點擊助記詞的欄位可以看到12個英文單字,這個非常重要,把它按照順序抄下來,記錄在至少2個地方,這個一旦遺失就無法找回,請記住,字母跟順序都很重要。</p>
  181. <img class="img-fluid" src="./img/sec10/install-templewallet-a6.jpg" alt="">
  182. <p>第6步:再次驗證你剛剛抄下來的英文助記詞。</p>
  183. <img class="img-fluid" src="./img/sec10/install-templewallet-a7.jpg" alt="">
  184. <p>第7步:temple錢包的宣言,按下 confirm 即可。</p>
  185. <img class="img-fluid" src="./img/sec10/install-templewallet-a8.jpg" alt="">
  186. <p>第8步:恭喜你,錢包完成註冊了!你可以為這個account
  187. 設定一個名字或是用預設的名字也可以,中間的欄位就是你擁有的tez幣的數量,按下收取鍵,你就可以看到你的錢包的一串英文字母數字組成的收款地址。</p>
  188. <img class="img-fluid" src="./img/sec10/install-templewallet-a9.jpg" alt="">
  189. <p>你可以直接複製這串tz開頭的收款地址貼到空投表單裡。 </p>
  190. <img class="img-fluid" src="./img/sec10/install-templewallet-a10.jpg" alt="">
  191. <hr>
  192. <p>參與空投網址:</p>
  193. <a target="_blank"
  194. href="https://forms.gle/HBxohygQewgfs4TV6">https://forms.gle/HBxohygQewgfs4TV6</a>
  195. <p>空投活動截止日期:8/6中午12:00</p>
  196. <p>空投日期:8/7</p>
  197. </div>
  198. </div>
  199. <div class="col-lg-1"></div>
  200. <div class="side-bar col-lg-4">
  201. <hr>
  202. <div class="card-body">
  203. <a target="_blank" href="https://www.facebook.com/nftboard/posts/127334132924955">
  204. <img class="img-fluid" src="./img/sec01/safe_image.jpg" alt="">
  205. </a>
  206. <a target="_blank" href="https://www.facebook.com/nftboard/posts/127334132924955">
  207. <h5 class="card-title pt-3">中國遊戲音樂龍頭騰訊計劃發行 NFT</h5>
  208. </a>
  209. <p class="card-text">據新浪財經報道,騰訊音樂即將開設加密貨幣與 NFT 新業務「TME 數字藏品」,專門發行音樂 NFT。NFT 發行及交易服務,已經在 QQ 音樂應用程式進行內部測試。</p>
  210. </div>
  211. <div class="card-body">
  212. <a target="_blank" href="https://www.facebook.com/nftboard/posts/124820929842942">
  213. <img class="img-fluid" src="./img/sec01/Olympic.png" alt="">
  214. </a>
  215. <a target="_blank" href="https://www.facebook.com/nftboard/posts/124820929842942">
  216. <h5 class="card-title pt-3"> NFT席捲體育界 NBA數位收藏交易掀熱潮~疫情推升NBA熱潮,玩家身家暴漲百倍</h5>
  217. </a>
  218. <p class="card-text">NBA球員哈里伯頓說:「有人說我可以上YOUTUBE看到這些照片難道不行嗎?確實是,但同樣你買了NFT球員卡時,你不是也能在Google上找到一樣的照片嗎?重點不在照片,是在你手上的東西。」</p>
  219. </div>
  220. <div class="card-body">
  221. <a target="_blank" href="https://www.facebook.com/nftboard/posts/121145806877121">
  222. <img class="img-fluid" src="./img/sec04/safe_image.jpg" alt="">
  223. </a>
  224. <a target="_blank" href="https://www.facebook.com/nftboard/posts/121145806877121">
  225. <h5 class="card-title pt-3">區塊鏈可以幫助出版商提高受眾信任度,46% 的受訪者表示他們願意為準確的新聞付費</h5>
  226. </a>
  227. <p class="card-text">"區塊鏈如何增加信任?艾米·惠特克在《華爾街日報》上寫道。“什麼可以防止篡改歷史記錄——是否有可能為子孫後代保護這些信息?” Haber 和 Stornetta 的解決方案:........。</p>
  228. </div>
  229. <div class="card-body">
  230. <a target="_blank" href="https://www.facebook.com/nftboard/posts/124179153240453">
  231. <img class="img-fluid" src="./img/sec01/game.jpg" alt="">
  232. </a>
  233. <a target="_blank" href="https://www.facebook.com/nftboard/posts/124179153240453">
  234. <h5 class="card-title pt-3">NFT遊戲 | 玩轉遊戲世界</h5>
  235. </a>
  236. <p class="card-text">究竟NFT能擴充到什麼樣的地步?電競世界跟NFT合作持續火熱延燒!NFT CyptoMotos 也進入 Animoca Brands 的世界同步與REVV 達成合作,NFT社交平台DeFine 也獲得500 萬美元的戰略投資</p>
  237. </div>
  238. <div class="card-body">
  239. <a target="_blank" href="https://www.facebook.com/nftboard/posts/105110191814016">
  240. <img class="img-fluid" src="./img/sec06/sec06-01.webp" alt="">
  241. </a>
  242. <a target="_blank" href="https://www.facebook.com/nftboard/posts/105110191814016">
  243. <h5 class="card-title pt-3">誰要買這個啦!推特執行長賣推文「加密熱潮」新標的,NFT是什麼?</h5>
  244. </a>
  245. <p class="card-text">如果果你還沒聽過NFT,應該也快聽說了。NFT正在攻佔網路,並被認為是區塊鏈技術 (blockchain technology)
  246. 的最佳應用實例。</p>
  247. </div>
  248. <hr>
  249. <a target="_blank" href="https://superrare.com/artwork-v2/cavity-25934"> <img class="img-fluid my-3" src="./img/adv/adv3-1.webp" alt=""></a>
  250. <a target="_blank" href="https://superrare.com/artwork-v2/paparazzi-princess-25976"> <img class="img-fluid my-3" src="./img/adv/adv3-2.webp" alt=""></a>
  251. <a target="_blank" href="https://superrare.com/artwork-v2/smoking-hero-25987"> <img class="img-fluid my-3" src="./img/adv/adv3-3.webp" alt=""></a>
  252. </div>
  253. </div>
  254. </section>
  255. <section id="adv02" class="py-5 bg-light">
  256. <div class="adv01-1 container-fluid">
  257. <img class="img-fluid" src="./img/sec01/218116504_124830393175329_4675674980376029305_n.jpg" alt="">
  258. </div>
  259. </section>
  260. <section id="sec11">
  261. <div id="sec11-container" class="container-fluid px-0 py-5">
  262. <h1>RECENT POST(NEWS)</h1>
  263. <div class="sec11-01 row row-col-1 row-cols-sm-2">
  264. <div class="col my-3">
  265. <div class="card mb-3 p-1 h-100 border-0">
  266. <a target="_blank" href="https://www.facebook.com/nftboard/posts/126805716311130">
  267. <img class="sec11-img img-fluid rounded-3" src="./img/sec01/sec01-10.jpg" alt="">
  268. </a>
  269. <a target="_blank" href="https://www.facebook.com/nftboard/posts/126805716311130">
  270. <h2 class="my-3"> 幣安BINANCE於7月28日推出「每個孩子都值得擁有光明的未來」-- NFT 做公益活動(NFT for Good)。</h2>
  271. </a>
  272. <p class="card-text"><small class="text-muted">By NFTBoard </small></p>
  273. </div>
  274. </div>
  275. <div class="col my-3">
  276. <div class="card mb-3 p-1 h-100 border-0">
  277. <div class="col">
  278. <a target="_blank" href="https://www.facebook.com/nftboard/posts/126429853015383">
  279. <img class="sec11-img img-fluid rounded-3" src="./img/sec01/sec01-8.jpg" alt="">
  280. </a>
  281. <a target="_blank" href="https://www.facebook.com/nftboard/posts/126429853015383">
  282. <h2 class="my-3">俄羅斯的冬宮將藝術品作為 NFT 出售</h2>
  283. </a>
  284. <p class="card-text"><small class="text-muted">By NFTBoard</small></p>
  285. </div>
  286. </div>
  287. </div>
  288. <div class="col my-3">
  289. <div class="card mb-3 p-1 h-100 border-0">
  290. <div class="col">
  291. <a target="_blank" href="https://www.facebook.com/nftboard/posts/122120953446273">
  292. <img class="sec11-img img-fluid rounded-3" src="./img/sec01/SEC11.png" alt="">
  293. </a>
  294. <a target="_blank" href="https://www.facebook.com/nftboard/posts/122120953446273">
  295. <h2 class="my-3"> NFT資訊 | 收藏品大爆發 萬物皆可NFT”的階段已經到來</h2>
  296. </a>
  297. <p class="card-text"><small class="text-muted">By NFTBoard </small></p>
  298. </div>
  299. </div>
  300. </div>
  301. <div class="col my-3">
  302. <div class="card mb-3 p-1 h-100 border-0">
  303. <div class="col">
  304. <a target="_blank" href="https://www.facebook.com/nftboard/posts/115261730798862">
  305. <img class="sec11-img img-fluid rounded-3" src="./img/sec01/sec01-img02webp.webp" alt="">
  306. </a>
  307. <a target="_blank" href="https://www.facebook.com/nftboard/posts/115261730798862">
  308. <h2 class="my-3"> NFT人物 | Tim Berners-Lee
  309. 發明家蒂姆·伯納斯·李 (Tim Berners-Lee) 將網絡的源代碼作為 NFT 拍賣</h2>
  310. </a>
  311. <p class="card-text"><small class="text-muted">By NFTBoard </small></p>
  312. </div>
  313. </div>
  314. </div>
  315. </div>
  316. </div>
  317. </div>
  318. </section>
  319. <footer id="footer" class="container-fluid" style="padding:0;margin:0">
  320. <div class="text" style="padding-right:0;">
  321. <a target="_blank" href="mailto:nftboard.info@gmail.com">
  322. <h2>客服信箱:nftboard.info@gmail.com</h2>
  323. </a>
  324. <h2>公司名稱:微生活知識科技公司</h2>
  325. <a target="_blank" href="https://www.facebook.com/nftboard">
  326. <img src="./img/facebook (2).png" alt=""></a>
  327. <a target="_blank" href="https://www.instagram.com/nftboard.info/"><img src="./img/instagram.png"
  328. alt=""></a>
  329. <p>NFTBoard &copy; All Rights Reserved.</p>
  330. </div>
  331. </footer>
  332. <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
  333. integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
  334. crossorigin="anonymous"></script>
  335. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
  336. integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
  337. crossorigin="anonymous"></script>
  338. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  339. <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
  340. <script src="./goto.js"></script>
  341. <script src="./node_modules/jquery-touchswipe/jquery.touchSwipe.min.js"></script>
  342. <script src="./node_modules/jquery-touchswipe/jquery.touchSwipe.js"></script>
  343. </body>
  344. </html>