123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127 |
- <!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" 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">
- </head>
- <body>
- <section id="banner">
- <div class="slider1">
- <img src="https://fakeimg.pl/1650x600" alt="">
- <img src="https://fakeimg.pl/1650x600" alt="">
- <img src="https://fakeimg.pl/1650x600" alt="">
- </div>
- </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 © 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 type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
- <script src="./goto.js"></script>
- </body>
- </html>
|