tinglejs.github.io/index.html at master · tinglejs/tinglejs.github.io · 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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" href="favicon.png">
  <title>Tingle - 为移动而生的 React 组件集</title>
  <link rel="stylesheet" href="lib/iconfont/iconfont.css">
  <link rel="stylesheet" href="page-home.css">
  <!-- HTML5 shim for IE8 support of HTML5 elements -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <![endif]-->
</head>
<body>

  <div class="row">
    <div class="cell">
      <div class="phone">
        <div class="inner">
          <div class="logo">Tingle</div>
          <h1 class="title">Tingle</h1>
          <p class="desc">为移动而生的 React 组件集</p>
        </div>
      </div>
    </div>

    <div class="cell cell-2">
      <div class="feature-list">
        <dl>
          <dt><i class="iconfont icon-yongyan"></i>轻量</dt>
          <dd>专注移动，避免冗杂，轻量优雅</dd>
          <dt><i class="iconfont icon-pengyouquan"></i>友好</dt>
          <dd>面向组件，API简单易用，快速上手</dd>
          <dt><i class="iconfont icon-paintbucket"></i>简洁</dt>
          <dd>避免大而全，只提供最简单的web组件</dd>
        </dl>
      </div>
      <div class="feature-below">
        <p class="black-text text-small text-block">
          文档，案例以及快速上手说明将会在近期提供，敬请留意。
        </p>
        <div class="buttons">
          <!-- <a href="#" class="btn btn-white">
            <i class="iconfont icon-dian"></i> Get Started
          </a> -->
          <a href="https://github.com/tinglejs" class="btn btn-white">
            <i class="iconfont icon-github-copy"></i> Star on Github
          </a>
        </div>
        <p class="black-text text-small text-block">
          Powered by 阿里巴巴信息平台前端团队
        </p>
      </div>
    </div>
  </div>

  <script src="page-home.js"></script>
</body>
</html>