choozmo
/
NFTBoard


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
							<!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="sec-works" class="container-fluid pb-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">      
        <form class="ip-service" action="">
            <img  src="./img/LOGO.png" alt="">
            <h1 class="my-4">聯繫我們</h1>
            <label for="name">您的國家區域</label>
            <input type="text" id="loc" placeholder="請留下您的所在區域" required>
        
            <label for="name">姓名</label>
            <input type="text" id="name" placeholder="請留下您的姓名" required>
        
            <label for="eamil">聯絡Email</label>
            <input type="email" id="email" placeholder="請留下您的Email" required>
        
            <label  for="name">聯絡手機</label>
            <input type="phone" id="phone" placeholder="請留下您的聯繫方式" required>
        
            <label for="name">合作方式</label>
        
           <label for="checkbox" id="selector1"><input type="checkbox" style="width:15px;height:15px; margin:10px;">異業合作</label>
           <label for="checkbox" id="selector1"><input type="checkbox" style="width:15px;height:15px; margin:10px;">廣告刊登</label>
           <label for="checkbox" id="selector1"><input type="checkbox" style="width:15px;height:15px; margin:10px;">創作者IP x NFT代理發行(將您的音樂、美術、攝影、3D等作品對接到全球NFT平台)</label>
           <label for="checkbox" id="selector1"><input type="checkbox" style="width:15px;height:15px; margin:10px;">創作者IP x NFT知識產權聯動行銷(透過IP授權與營銷聯動，創造版權新收入)</label>
        
           <label class="mt-4" for="name">您的作品網址:(無則免填)</label>
           <input type="text" id="work" placeholder="請留下您的作品網址" required>
        
           <input class="btn" style="opacity: 1;" type="submit" value="提交">
        </form>
    </section>
   

    <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 p-3  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>