poseJudge/pattern.html at master · yatesliang/poseJudge · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<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" />
    <title>iSport - see how you move!</title>
    <link href="css/bootstrap.min.css" rel="stylesheet" />
    <link href="css/cover.css" rel="stylesheet" />
  </head>

  <body>
    <div class="site-wrapper">
      <div class="site-wrapper-inner">
        <div class="cover-container">
          <!--here's navigation bar-->
          <div class="masthead clearfix">
            <div class="inner">
              <h3 class="masthead-brand">iSport</h3>
              <nav>
                <ul class="nav masthead-nav">
                  <li><a href="intro.html">Intro</a></li>
                  <li class="active"><a href="pattern.html">App</a></li>
                  <li><a href="infomation.html">Info</a></li>
                </ul>
              </nav>
            </div>
          </div>

          <!--here's main part-->
          <div class="inner cover text-justify">
            <h3>选择课程 💪</h3>
            <!-- 课程卡片 -->
            <div class="row" style="padding-top: 20px">
              <!-- 01 -->
              <div class="col-sm-6 col-md-3">
                <div class="thumbnail">
                  <a href="camera.html"
                    ><img class="card_img" src="assets/01.jpg" alt="..."
                  /></a>
                  <div class="caption">
                    <h3>清心健身操</h3>
                    <p>
                      轻松的入门课程，让你感受自然的力量，舒适而又健康。跟随我们的节奏动起来吧！
                    </p>
                    <p>
                      <a
                        href="camera.html"
                        class="btn btn-primary"
                        role="button"
                        >进入课程</a
                      >
                    </p>
                  </div>
                </div>
              </div>

              <!-- 02 -->
              <div class="col-sm-6 col-md-3">
                <div class="thumbnail">
                  <a href="camera_sec.html"
                    ><img class="card_img" src="assets/21.jpg" alt="..."
                  /></a>
                  <div class="caption">
                    <h3>肢体伸展训练</h3>
                    <p>
                      拉伸又叫牵拉，是最常用的肌肉放松手段。提升肌肉拉伸性，有助于肌肉放松。
                    </p>
                    <p>
                      <a
                        href="camera_sec.html"
                        class="btn btn-primary"
                        role="button"
                        >进入课程</a
                      >
                    </p>
                  </div>
                </div>
              </div>

              <!-- 03 -->
              <div class="col-sm-6 col-md-3">
                <div class="thumbnail">
                  <a href="camera.html"
                    ><img class="card_img" src="assets/04.jpg" alt="..."
                  /></a>
                  <div class="caption">
                    <h3>瑜伽入门基础</h3>
                    <p>
                      课程从站立体式开始，进入到坐立体式和仰卧体式，让练习者全面体验瑜伽体式。
                    </p>
                    <p>
                      <a
                        href="camera.html"
                        class="btn btn-primary"
                        role="button"
                        >进入课程</a
                      >
                    </p>
                  </div>
                </div>
              </div>

              <!-- 04 -->
              <div class="col-sm-6 col-md-3">
                <div class="thumbnail">
                  <a href="camera.html"
                    ><img class="card_img" src="assets/11.jpg" alt="..."
                  /></a>
                  <div class="caption">
                    <h3>下肢拉伸课程</h3>
                    <p>
                      股四头肌、腘绳肌、内收肌、臀大肌、腓肠肌拉伸训练，同样适用于跑后、骑行后的拉伸。
                    </p>
                    <p>
                      <a
                        href="camera.html"
                        class="btn btn-primary"
                        role="button"
                        >进入课程</a
                      >
                    </p>
                  </div>
                </div>
              </div>

              <!-- end of cards -->
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>