satoteam.github.io/index.html at master · satoteam/satoteam.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
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="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">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">
    <title>SATO TEAM 官方网站</title>
   	<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link href="http://satoteam.github.io/css/themes/navbar-static-top.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/app.css"/>
  </head>

  <body>

    <!-- Static navbar -->
    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">SATO TEAM</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav navbar-right">
            <li class="active"><a href="index.html">团队概况</a></li>
            <li><a href="news.html">团队动态</a></li>
            <li><a href="projects.html">团队项目</a></li>
            <li><a href="members.html">团队队员</a></li>
            <li><a href="about.html">关于我们</a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>

    <div id="container" class="container-top-index">
    <!-- 轮播 -->

      <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
          <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
          <li data-target="#carousel-example-generic" data-slide-to="1"></li>
          <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
          <div class="item active">
            <img src="img/carousel/sato6.png" alt="..." class="img-width">
            <div class="carousel-caption">
            </div>
          </div>
          <div class="item">
            <img src="img/carousel/sato6-3.png" alt="..." class="img-width">
            <div class="carousel-caption">
            </div>
          </div>
          <div class="item">
            <img src="img/carousel/sato6-4.png" alt="..." class="img-width">
            <div class="carousel-caption">
            </div>
          </div>
        </div>

        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
          <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
          <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </a>
      </div>

      <div class="jumbotron">
        <div class="container div-center">
          <div class="row">
            <div class="col-md-4 col-xs-4"><h3>8</h3>梯队数量</div>
            <div class="col-md-4 col-xs-4"><h3>132</h3>团队人数</div>
            <div class="col-md-4 col-xs-4"><h3>13</h3>项目数量</div>
          </div>
        </div>
      </div>

      <div class="jumbotron">
        <div class="container div-center">
          <div class="row">
            <div class="col-md-6 div-left"><h3>自由</h3>青春，没有羁绊，才有更多可能！</div>
            <div class="col-md-6"><img src="" alt="">
            </div>
          </div>
        </div>
      </div>
      <div class="jumbotron">
        <div class="container div-center">
          <div class="row">
            <div class="col-md-6"><img src="" alt=""></div>
            <div class="col-md-6 div-right"><h3>快乐</h3>青春，没有快乐，何来多姿多彩！</div>
          </div>
        </div>
      </div>
      <div class="jumbotron">
        <div class="container div-center">
          <div class="row">
            <div class="col-md-6 div-left"><h3>技术</h3>青春，拥有技术，才能创造美好未来！</div>
            <div class="col-md-6">...</div>
          </div>
        </div>
      </div>

    </div>


    <footer class="footer ">
      <div class="container">
        <div class="row footer-top">
        </div>
        <br>
        <div class="row footer-bottom">
          <ul class="list-inline text-center">
            <li>Copyright© 2008-2016, SATO TEAM All Rights Reserved.</li>
          </ul>
        </div>
         <br>
      </div>
    </footer>

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
  </body>
</html>