Página inicial Explorar Ajuda
Registrar Entrar
choozmo
/
OpenTalk
2
0
Fork 0
Arquivos Issues 0 Pull Requests 0 Wiki
Ver código fonte

opentalk wireframe

Mike 3 anos atrás
pai
3bf426328e
commit
3df322e53a
2 arquivos alterados com 10 adições e 121 exclusões
Visão dividida Mostrar estatísticas do Diff
  1. 10 121
      index.html
  2. BIN
      opentalk.webp

+ 10 - 121
index.html
Ver arquivo 

@@ -1,126 +1,15 @@
 
 <!DOCTYPE html>
 
-<html lang="zh">
 
-
 
+<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>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">
 
+  <title>OpenTalk</title>
 
+  <meta charset="utf-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1">
 
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
 
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
 
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
 
 </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 &copy; All Rights Reserved.</p>
 
-    </footer>
 
-
 
-    <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>
 
+<img class="img-fluid" src="opentalk.webp"></img>
 
 </body>
 
-
 
-</html>
 
+</html>

BIN
opentalk.webp
Ver arquivo