master

分支 (4)

管理

管理

master

3/28

功能

sdfsdfsdfsdfsd

practices
/
index3.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- jqurey -->
  <script src="./module/jquery-3.4.1.min.js"></script>
  <!-- bootstrap -->
  <script src="./module/bootstrap-4.6.2-dist/js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="./module/bootstrap-4.6.2-dist/css/bootstrap.min.css">
  <!--swiper  -->
  <link rel="stylesheet" href="./module/swiper-10.3.1/swiper/swiper-bundle.min.css">
  <script src="./module/swiper-10.3.1/swiper/swiper-bundle.min.js"></script>
  <!-- 自己的css -->
  <link rel="stylesheet" href="./CSS/index3.css ">
</head>
<body>
  <!-- 搜索框 -->
  <input value="" type="text" class="sousuo">
  <button type="button" id="Ss">搜索</button>
  <!-- 专题 -->
    <div style="display: flex;">
      <div>专题</div>
      <div>
        <ul>
          <li>全部专题</li>
          <li>宇哥带你学Java</li>
          <li>学长面对面</li>
          <li>职业修养必修课</li>
          <li>大数据</li>
          <li>web前端</li>
          <li>数据库</li>
          <li>网络爬虫</li>
        </ul>
      </div>
    </div>
    <div class="zhuti box"></div>
    <!-- 类型 -->
    <div style="display: flex;">
      <div>类型</div>
      <div>
        <ul id="Types">
          <li value="1">全部类型</li>
          <li value="2">免费课程</li>
          <li value="3">付费课程</li>
          <li value="4">精品课程</li>
          <li value="5">限时折扣课程</li>
        </ul>
      </div>
    </div>
    <div class="leixing box"></div>
    <!-- 方式 -->
    <div style="display: flex;">
      <div>方式</div>
      <div>
        <ul id="Mode">
          <li value="1">全部方式</li>
          <li value="2">直播课程</li>
          <li value="3">录播课程</li>
        </ul>
      </div>
      <div class="fangshi box"></div>
    </div>

</body>
<script src="./JS/index3.js"></script>
</html>