|
|
@@ -0,0 +1,175 @@
|
|
|
+<!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>article</title>
|
|
|
+
|
|
|
+
|
|
|
+ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
|
|
|
+ integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
|
|
|
+ <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
|
|
|
+ <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
|
|
|
+ <link rel="stylesheet" href="./style.css">
|
|
|
+ <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <section id="Navigation" class="container-fluid" style="padding:0;margin:0">
|
|
|
+ <div id="nav" class="row" style="padding:0;margin:0">
|
|
|
+ <div id="logo" class=" col-md-2 col-lg-2">
|
|
|
+ <a href=""> <img src="./img/LOGO.png" alt=""></a>
|
|
|
+ </div>
|
|
|
+ <div id="link" class="col-md-10 col-lg-8">
|
|
|
+ <a data-gt-target="#sec01 " data-gt-duration="500" data-gt-offset="">相關新聞</a>
|
|
|
+ <a data-gt-target="#sec02" data-gt-duration="800" data-gt-offset="60">TOP NFT ARTIST</a>
|
|
|
+ <a data-gt-target="#sec04" data-gt-duration="500" data-gt-offset="60">洞察報告</a>
|
|
|
+ <a data-gt-target="#sec05" data-gt-duration="500" data-gt-offset="60">熱門作品</a>
|
|
|
+ <a data-gt-target="#sec06" data-gt-duration="500" data-gt-offset="60">NFT資訊</a>
|
|
|
+ <a data-gt-target="#sec06" data-gt-duration="500" data-gt-offset="-700">NFT趨勢數據</a>
|
|
|
+ <a target="_blank"
|
|
|
+ href=" https://docs.google.com/forms/d/e/1FAIpQLSf2gw6oO4WJ2lmNGescLRdGgS3H5IUgOd2xu4nmzqh5g0JH5g/viewform">聯絡我們</a>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <img id="menu-btn1" src="./img/menu.png" alt="">
|
|
|
+ <div id="socail-link" class="col-md-10 col-lg-2">
|
|
|
+ <a target="_blank" href="https://www.facebook.com/nftboard"><img src="./img/facebook (2).png"
|
|
|
+ alt=""></a>
|
|
|
+ <a target="_blank" href="https://www.instagram.com/nftboard.info/"><img src="./img/instagram.png"
|
|
|
+ alt=""></a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ <section class="py-5 bg-white mb-5"></section>
|
|
|
+ <section id="adv01" class="py-5 bg-light">
|
|
|
+ <div class="container-fluid w-50">
|
|
|
+ <img class="img-fluid" src="./img/adv/adv1.webp" alt="">
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+
|
|
|
+ <section id="sec10" class="container-fluid pt-3">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-lg-8">
|
|
|
+ <h1>
|
|
|
+ Lorem ipsum dolor sit amet consectetur adipisicing elit.
|
|
|
+ </h1>
|
|
|
+ <p class="card-text"><small class="text-muted">By NFTBoard</small></p>
|
|
|
+ <img class="m-1" style="width: 20px;" src="./img/time.png" alt=""><span>2hr ago</span>
|
|
|
+ <hr>
|
|
|
+ <img class="img-fluid" src="./img/sec01/sec01-img06.jpg" alt="">
|
|
|
+ <div class="sec11-content mt-3">
|
|
|
+ <h2> Lorem ipsum dolor sit amet consectetur, </h2>
|
|
|
+ <p>
|
|
|
+ Lorem ipsum dolor sit amet consectetur,
|
|
|
+ adipisicing elit. Accusamus reprehenderit unde fugiat dolore quam totam quaerat nisi?
|
|
|
+ Culpa blanditiis recusandae minus. Eos quasi iste culpa voluptatibus ipsam aut quia repellendus!
|
|
|
+ Lorem ipsum dolor sit amet consectetur,
|
|
|
+ adipisicing elit. Accusamus reprehenderit unde fugiat dolore quam totam quaerat nisi?
|
|
|
+ Culpa blanditiis recusandae minus. Eos quasi iste culpa voluptatibus ipsam aut quia repellendus!
|
|
|
+ </p>
|
|
|
+ <img class="img-fluid" src="./img/sec01/sec01-img04.webp" alt="">
|
|
|
+ <h2 class="mt-3"> Lorem ipsum dolor sit amet consectetur </h2>
|
|
|
+ <p>
|
|
|
+ Lorem ipsum dolor sit amet consectetur,
|
|
|
+ adipisicing elit. Accusamus reprehenderit unde fugiat dolore quam totam quaerat nisi?
|
|
|
+ Culpa blanditiis recusandae minus. Eos quasi iste culpa voluptatibus ipsam aut quia
|
|
|
+ Lorem ipsum dolor sit amet consectetur,
|
|
|
+ adipisicing elit. Accusamus reprehenderit unde fugiat dolore quam totam quaerat nisi?
|
|
|
+ Culpa blanditiis recusandae minus. Eos quasi iste culpa voluptatibus ipsam aut quia
|
|
|
+ </p>
|
|
|
+ <h2 class="mt-3"> Culpa blanditiis recusandae </h2>
|
|
|
+ <p>
|
|
|
+ Lorem ipsum dolor sit amet consectetur,
|
|
|
+ adipisicing elit. Accusamus reprehenderit
|
|
|
+ Culpa blanditiis recusandae minus. Eos quasi
|
|
|
+ Lorem ipsum dolor sit amet consectetur,
|
|
|
+
|
|
|
+ </p>
|
|
|
+
|
|
|
+ <ul>
|
|
|
+ <li>Lorem ipsum dolor sit amet consectetu</li>
|
|
|
+ <li>adipisicing elit. Accusamus</li>
|
|
|
+ <li>Culpa blanditiis recusandae minus</li>
|
|
|
+ </ul>
|
|
|
+
|
|
|
+ <h2 class="my-3"> Accusamus reprehenderit unde </h2>
|
|
|
+ <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//hSO68EnYsgM' frameborder='0' allowfullscreen></iframe></div>
|
|
|
+ <p>
|
|
|
+ Eos quasi
|
|
|
+ Lorem ipsum dolor sit amet consectetur,
|
|
|
+ adipisicing elit. Accusamus reprehenderit unde fugiat dolore quam totam quaerat nisi?
|
|
|
+ Culpa blanditiis recusandae minus. Eos quasi iste culpa voluptatibus ipsam aut quia repellendus!
|
|
|
+ </p>
|
|
|
+ <img class="img-fluid" src="./img/sec01/6.jpg" alt="">
|
|
|
+ <h2>Eos quasi iste culpa voluptatibus</h2>
|
|
|
+ <p>
|
|
|
+ Accusamus reprehenderit unde fugiat dolore quam totam quaerat nisi?
|
|
|
+ Lorem ipsum dolor sit amet consectetur,
|
|
|
+ adipisicing elit. Accusamus reprehenderit unde fugiat dolore quam totam quaerat nisi?
|
|
|
+ Culpa blanditiis recusandae minus. Eos quasi iste culpa voluptatibus ipsam aut quia repellendus!
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-4">
|
|
|
+ <hr>
|
|
|
+ <div class="card-body">
|
|
|
+ <h5 class="card-title">Card title</h5>
|
|
|
+ <p class="card-text">This is a wider card with supporting text below as a natural lead-in to
|
|
|
+ additional content. This content is a little bit longer.</p>
|
|
|
+ <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
|
|
|
+ </div>
|
|
|
+ <div class="card-body">
|
|
|
+ <h5 class="card-title">Card title</h5>
|
|
|
+ <p class="card-text">This is a wider card with supporting text below as a natural lead-in to
|
|
|
+ additional content. This content is a little bit longer.</p>
|
|
|
+ <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
|
|
|
+ </div>
|
|
|
+ <div class="card-body">
|
|
|
+ <h5 class="card-title">Card title</h5>
|
|
|
+ <p class="card-text">This is a wider card with supporting text below as a natural lead-in to
|
|
|
+ additional content. This content is a little bit longer.</p>
|
|
|
+ <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
|
|
|
+ </div>
|
|
|
+ <hr>
|
|
|
+ <img class="img-fluid my-3" src="./img/adv/adv3-1.webp" alt="">
|
|
|
+ <img class="img-fluid my-3" src="./img/adv/adv3-2.webp" alt="">
|
|
|
+ <img class="img-fluid my-3" src="./img/adv/adv3-3.webp" alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+
|
|
|
+ <footer id="footer" class="container-fluid" style="padding:0;margin:0">
|
|
|
+ <div class="text" style="padding-right:0;">
|
|
|
+ <a target="_blank" href="mailto:nftboard.info@gmail.com">
|
|
|
+ <h2>客服信箱：nftboard.info@gmail.com</h2>
|
|
|
+ </a>
|
|
|
+ <h2>公司名稱：微生活知識科技公司</h2>
|
|
|
+ <a target="_blank" href="https://www.facebook.com/nftboard">
|
|
|
+ <img src="./img/facebook (2).png" alt=""></a>
|
|
|
+ <a target="_blank" href="https://www.instagram.com/nftboard.info/"><img src="./img/instagram.png" alt=""></a>
|
|
|
+ <p>NFTBoard © All Rights Reserved.</p>
|
|
|
+ </div>
|
|
|
+ </footer>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
|
|
|
+ integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
|
|
|
+ crossorigin="anonymous"></script>
|
|
|
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
|
|
|
+ integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
|
|
|
+ crossorigin="anonymous"></script>
|
|
|
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
|
|
+
|
|
|
+ <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
|
|
|
+ <script src="./goto.js"></script>
|
|
|
+ <script src="./node_modules/jquery-touchswipe/jquery.touchSwipe.min.js"></script>
|
|
|
+ <script src="./node_modules/jquery-touchswipe/jquery.touchSwipe.js"></script>
|
|
|
+</body>
|
|
|
+
|
|
|
+</html>
|
jeter20131220
