choozmo
/
OpenTalk


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
							<!DOCTYPE html>
<html lang="zh">

<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>opentalk</title>

    <link rel="stylesheet" href="./style.css">
</head>

<body>
    <section id="banner">

    </section>
    <hr>
    <section class="marquee">
        <div id="marquee-box">
            <span class="span">Lorem ipsum dolor sit amet consectetur adipisicing elit. </span>
            <span class="span">Lorem ipsum dolor sit amet consectetur adipisicing elit. </span>
        </div>
    </section>
    <hr>
    <section id="tag">
        <button class="btn" id="1">養生</button>
        <button class="btn" id="2">瑜珈</button>
        <button class="btn" id="3">科技</button>
        <button class="btn" id="4">商業</button>
        <button class="btn" id="5">自我成長</button>
    </section>
    <hr>
    <section id="Search-result">
        <div class="result-box">
            <img src="https://fakeimg.pl/300x200/">
            <div class="result-result">
                <h1>課程:</h1>
                <p>介紹:</p>
                <span>20課</span>
            </div>
        </div>
        <div class="result-box">
            <img src="https://fakeimg.pl/300x200/">
            <div class="result-result">
                <h1>課程</h1>
                <p>介紹:</p>
                <span>20課</span>
            </div>
        </div>
        <div class="result-box">
            <img src="https://fakeimg.pl/300x200/">
            <div class="result-result">
                <h1>課程</h1>
                <p>介紹:</p>
                <span>20課</span>
            </div>
        </div>
        <div class="result-box">
            <img src="https://fakeimg.pl/300x200/">
            <div class="result-result">
                <h1>課程:</h1>
                <p>介紹:</p>
                <span>20課</span>
            </div>
        </div>
        <div class="result-box">
            <img src="https://fakeimg.pl/300x200/">
            <div class="result-result">
                <h1>課程:</h1>
                <p>介紹:</p>

            </div>
        </div>
    </section>
    <hr>
    <section id="logo">
        <button class="logo" id="logo1">logo1</button>
        <button class="logo" id="logo2">logo2</button>
        <button class="logo" id="logo3">logo3</button>
        <button class="logo" id="logo4">logo4</button>
        <button class="logo" id="logo5">logo5</button>
        <button class="logo" id="logo5">logo6</button>
        <button class="logo" id="logo5">logo7</button>
        <button class="logo" id="logo5">logo8</button>
    </section>
    <hr>
    <section id="news">
        <div class="news-box">
            <h1>專欄報導</h1>
            <a href="">Lorem ipsum dolor sit amet consectetur</a>
            <a href="">Lorem ipsum dolor sit amet consectetur</a>
        </div>
        <div class="news-box">
            <h1>課程排名</h1>
            <a href="">Lorem ipsum dolor sit amet consectetur</a>
            <a href="">Lorem ipsum dolor sit amet consectetur</a>
        </div>
        <div class="news-box">
            <h1>相關連結</h1>
            <a href=""> TOP 20 Lorem ipsum dolor sit amet consectetur</a>
            <a href=""> 2021 Lorem ipsum dolor sit amet consectetur</a>
        </div>


    </section>
    <hr>

    <footer id="footer">
        <h2>客服信箱:elainsmail@gmail.com</h2>
        <h2>客服電話:0988268521</h2>
        <p>開拓opentalk &copy; All Rights Reserved.</p>
    </footer>

    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="./goto.js"></script>
</body>

</html>