index.html 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>opentalk</title>
  8. <link rel="stylesheet" href="./style.css">
  9. </head>
  10. <body>
  11. <section id="banner">
  12. </section>
  13. <section class="marquee">
  14. <div id="marquee-box">
  15. <span class="span">Lorem ipsum dolor sit amet consectetur adipisicing elit. </span>
  16. <span class="span">Lorem ipsum dolor sit amet consectetur adipisicing elit. </span>
  17. </div>
  18. </section>
  19. <section id="tag">
  20. <button class="btn" id="1">Lorem</button>
  21. <button class="btn" id="2">Lorem</button>
  22. <button class="btn" id="3">Lorem</button>
  23. <button class="btn" id="4">Lorem</button>
  24. <button class="btn" id="5">Lorem</button>
  25. </section>
  26. <section id="Search-result">
  27. <div class="result-box">
  28. <img src="https://fakeimg.pl/300x200/">
  29. <div class="result-box">
  30. <h1>朋友圈吸金實戰課</h1>
  31. <p>酷奇文化11111</p>
  32. </div>
  33. </div>
  34. </section>
  35. </body>
  36. </html>