choozmo
/
NFTBoard


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242
							<!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>ip代理服務介紹</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 px-0 mx-0">
        <div id="nav" class="row" style="padding:0;margin:0">
            <div id="logo" class=" col-md-2 col-lg-6">
                <a href=""> <img src="./img/LOGO.png" alt=""></a>
            </div>
            <div  class="link3 col-md-10 col-lg-4">
                <a target="_blank" href="./index.html">首頁</a>
                <a data-gt-target="#sec-service" data-gt-duration="800" data-gt-offset="60">IP代理服務</a>
                <a data-gt-target="#sec-works" data-gt-duration="800" data-gt-offset="60">成功案例</a>
                <a data-gt-target="#sec13" data-gt-duration="800" data-gt-offset="60">聯絡我們</a>

            </div>
            <img id="menu-btn1" src="./img/menu.png" alt="">
            
            <div id="socail-link" class="col-md-10 col-lg-2 mx-0">
                <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>
   
    <div style="padding-top:8vw;" class="wrap container-fluid px-0 mx-0">
        <div class="adv-banner">
            <video autoplay muted loop playsinline>
                <source src="./img/649061294.658407_x264.mp4" type="video/mp4">
            </video>
        </div>
    </div>
    <!-- ip代理服務介紹 -->
    <section id="sec-service" class="">
     <div>
       <h1><img style="width: 200px; margin-bottom: 24px;" class="me-3" src="./img/LOGO.png" alt="">IP代理發行</h1>
     </div>
       
        <div class="container-fluid py-5">
            
            <div class="row">
            <div class="col-lg-4">
                <div class="card bg-dark text-white">
                    <img class="img-fluid" src="./img/service/service1.jpg" class="card-img" alt="...">
                    <div class="card-img-overlay d-flex align-items-end pb-5">
                        <div>
                            <h5 class="card-title">發行NFT作品:</h5>
                            <p class="card-text">藝術遊戲、音樂、攝影、虛擬、與真實IP以創新形式發行對接全球渠道。</p>
                        </div>
                    </div>
                  </div>
            </div>
            <div class="col-lg-4">
                <div class="card bg-dark text-white">
                    <img class="img-fluid" src="./img/service/service2.jpg" class="card-img" alt="...">
                    <div class="card-img-overlay d-flex align-items-end pb-5">
                        <div>
                            <h5 class="card-title">策展活動:</h5>
                            <p class="card-text">線上直播與線下實體展覽場地策畫，創造流量與實境體驗。</p>
                        </div>
                    </div>
                  </div>
            </div>
            <div class="col-lg-4">
                <div class="card bg-dark text-white">
                    <img class="img-fluid" src="./img/service/service3.jpg" class="card-img" alt="...">
                    <div class="card-img-overlay d-flex align-items-end pb-5">
                        <div>
                            <h5 class="card-title">運營與行銷</h5>
                            <p class="card-text">專業諮詢與營運服務，透過創新模式的呈現打造客製化行銷。</p>
                        </div>
                    </div>
                  </div>
            </div>
            </div>
        </div>
        
    </section>
    <section id="sec-works" class="container-fluid pb-5 pt-5">
        <div class="sec-work-title">
            <h1>NFTBoard 成功案例</h1>
        </div>
        <div id="sec-work-container" class="container-fluid px-0 mx-0">
            <div id="sec-work-box" class="row"></div>
        </div>
    </section>
    <section id="sec13" class="py-5 mx-0">
        <div class="row mx-0 px-0">
         
            <div class="right col-lg-5 px-0">
                <div>
                    <h1 style="font-size: 68px;">IP代理發行服務</h1>
                    <!-- <div>
                        <h2>發行NFT作品</h2>
                        <p>讓您的作品被全世界看見</p>
                    </div>
                   
                    <h2>策展活動</h2>
                    <h2>運營與行銷</h2> -->
                    <!-- <ul>
                        <li>發行NFT作品</li>
                        <li>策展活動</li>
                        <li>運營與行銷</li>
                    </ul> -->
                  </div>
            </div>
            <div class="left col-lg-7">
                <form class="ip-service" action="">
                    <img  src="./img/LOGO.png" alt="">
                    <h1 class="my-4">聯繫我們</h1>
                    <label for="name">您的國家區域</label>
                    <input type="text" id="country_code" name="country_code" placeholder="請留下您的所在區域" required>
                
                    <label for="name">姓名</label>
                    <input type="text" id="username" name="username" placeholder="請留下您的姓名" required>
                
                    <label for="eamil">聯絡Email</label>
                    <input type="email" id="email" name="email" placeholder="請留下您的Email" required>
                
                    <label  for="name">聯絡手機</label>
                    <input type="phone" id="phone"  name="phone" placeholder="請留下您的聯繫方式" required>
                
                    <label for="name">合作方式</label>
                
                   <label for="checkbox" id="selector1"><input type="checkbox" id="coop_dif" name="coop_dif"  style="width:15px;height:15px; margin:10px;">異業合作</label>
                   <label for="checkbox" id="selector1"><input type="checkbox" id="coop_ad" name="coop_ad" style="width:15px;height:15px; margin:10px;">廣告刊登</label>
                   <label for="checkbox" id="selector1"><input type="checkbox" id="coop_acting" name="coop_acting" style="width:15px;height:15px; margin:10px;">創作者IP x NFT代理發行(將您的音樂、美術、攝影、3D等作品對接到全球NFT平台)</label>
                   <label for="checkbox" id="selector1"><input type="checkbox" id="coop_marketing" name="coop_marketing" style="width:15px;height:15px; margin:10px;">創作者IP x NFT知識產權聯動行銷(透過IP授權與營銷聯動，創造版權新收入)</label>
                
                   <label class="mt-4" for="name">您的作品網址:(無則免填)</label>
                   <input type="text" id="work_address" name="work_address" placeholder="請留下您的作品網址">
                
                   <input class="btn" style="opacity: 1;" type="submit" value="提交">
                </form>
            </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 &copy; 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>

    <script>
        $(document).ready(function () {
            console.log(1)
            $.ajax({
                method: "GET",
                url: "work-box.json",
                dataType: "json",
            })

                .done(function (msg) {
                    var secwork = '';
                    console.log(msg);
                    const limit = 7;
                    for (var i = 0; i < limit; i++) {
                        secwork += ' \
                            <div  class="work-box col-12 col-lg-4 h-100 d-inline-block">\
                                <div class="card">\
                                    <a href="' + msg[i].website + '" " target="_blank"><img class="img-fluid" src="' + msg[i].workimg + '" alt=""></a> \
                                    <div class="card-body">\
                                        <p style="font-weight: 900; font-size: 20px; ">'+ msg[i].worktext1 + '</p> \
                                        <p>'+ msg[i].worktext2 + '</p> \
                                    </div> \
                                </div> \
                            </div>';

                    }
                    $('#sec-work-box').html(secwork);
                    $('#sec-work-box').slick({
                        arrows: false,
                        slidesToShow: 3,
                        slidesToScroll: 1,
                        infinite: true,
                        dots: true,

                        responsive: [
                            {
                                breakpoint: 600, // RWD在1024寬度時切換顯示數量
                                settings: {
                                    arrows: false,
                                    slidesToShow: 1, //一次顯示3個
                                    slidesToScroll: 1,//切換下一頁時移動3個
                                    infinite: true,

                                }
                            },
                        ]
                    });
                    // var test = msg[0].newstext1;

                    // $('#jsontest').append(test);
                });


        });
    </script>
</body>

</html>