info/index.html at master · cirsyou/info · 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
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>welcome to visit</title>
  <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
  <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
    crossorigin="anonymous">
  <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  <link rel="stylesheet" href="./indexpage/css/normalize.css">
  <link rel="stylesheet" href="./indexpage/css/layout.css">
</head>

<body>
  <div class="wraper">
    <div class="jumbotron topbgc">
      <div class="container text-center">
        <h1>Welcome to visit</h1>
        <p>This is an open source project, if you want to join us.</p>
        <p class="link">You can send an email to
          <a href="mailto:path2017@126.com" target="_blank">path2017@126.com.</a>
        </p>
        <p class="link">Check in
          <a href="https://github.com/path2017/info" target="_blank">
            <i class="fa fa-github"></i>&nbsp;github
          </a>
        </p>
        <p class="mt-4">
          <a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
        </p>
      </div>
    </div>
    <div class="midbox">
      <div class="row">
        <div class="jumbotron text-center">
          <h2>Develop Roadmap</h2>
          <p>————</p>
          <p class="samll">在这个开源项目中，将更多着手开发工程师多重能力的不断提升。</p>
          <div>初步计划分为以下几大模块推进：</div>
          <p> </p>
          <ul>
            <li>社区</li>
            <li>项目库</li>
            <li>研究</li>
            <li>博文</li>
            <li>陆续更新...</li>
          </ul>
          <p></p>
          <p>
            <span class="btn btn-primary btn-sm">更多介绍
              <i class="fa fa-angle-double-down"></i>
            </span>
          </p>
        </div>
        <!-- 社区 -->
        <div class="jumbotron indexback">
          <div class="text-center">
            <h4>社区</h4>
          </div>
          <ul class="mt-2 text-center">
            <li>
              预期目标是开发一个社区系统:
            </li>
            <li>1.开发独立的后台</li>
            <li>2.实现用户的注册、登入</li>
            <li>3.实现用户的自由发言，评论</li>
          </ul>
        </div>
        <!-- 项目库 -->
        <div class="jumbotron indexback">
          <div class="text-center">
            <h4>项目库</h4>
          </div>
          <ul class="mt-2 text-center">
            <li>
              构建优质项目库上传储存及查看系统:
            </li>
            <li>1.可独立上传优质项目</li>
            <li>2.项目可在客户端进行查看</li>
            <li>3.对优质项目有评级功能</li>
          </ul>
        </div>
        <!-- 研究 -->
        <div class="jumbotron indexback">
          <div class="text-center">
            <h4>研究</h4>
          </div>
          <ul class="mt-2 text-center">
            <li>
              新技术新方案的研究展示:
            </li>
            <li>1.研究不限于创新，包括技术的学习、改进等</li>
            <li>2.可展示阶段性学习成果</li>
          </ul>
        </div>
        <!-- 博文 -->
        <div class="jumbotron indexback">
          <div class="text-center">
            <h4>博文</h4>
          </div>
          <ul class="mt-2 text-center">
            <li>
              博文分享:
            </li>
            <li>1.撰写博文系统，可撰写个人博文</li>
            <li>2.用户博文存储在用户独立ID下</li>
          </ul>
        </div>
        <div class="jumbotron indexback text-center">
          more...
        </div>
      </div>
    </div>
    <footer class="footer">
      &copy; An open source project.&nbsp;&nbsp;
      <span id="footime"></span>
    </footer>
    <script src="./indexpage/js/jquery-2.1.4.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
      crossorigin="anonymous"></script>
    <script>
      $(function () {
        setInterval(function () {
          var date = new Date()
          var y = date.getFullYear()
          var m = (date.getMonth() + 1) < 10 ? ('0' + (date.getMonth() + 1)) : (date.getMonth() + 1)
          var d = date.getDate() < 10 ? ('0' + date.getDate()) : date.getDate()
          var h = date.getHours() < 10 ? ('0' + date.getHours()) : date.getHours()
          var mm = date.getMinutes() < 10 ? ('0' + date.getMinutes()) : date.getMinutes()
          var s = date.getSeconds() < 10 ? ('0' + date.getSeconds()) : date.getSeconds()
          var newdate = y + '-' + m + '-' + d + ' ' + h + ':' + mm + ':' + s
          $('#footime').html(newdate)
        }, 1000)
      })
    </script>
  </div>
</body>

</html>