OriginTemplate/index.html at master · ShareClass/OriginTemplate · 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
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html>
<head>
  <title>share-class</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
  <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
  <link href="css/main.css" rel="stylesheet" type="text/css" />
<!-- <link rel="stylesheet" href="css/bootstrap.css">  -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="bootstrap/js/bootstrap.min.js"></script>
</head>
<body id="homePage" data-spy="scroll" data-target=".navbar">
  <div class="all">
    <div class="navbar">
      <nav id="navbar-id" class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container-fluid">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".myNavbar">
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html" id="title-id">ShareClass</a>
          </div>
          <div class="collapse navbar-collapse myNavbar">
            <div class="navbar-word-style">
              <ul class="nav navbar-nav info-divider">
                <!--<li id="active" class="active"><a href="#">首頁</a></li> -->
                <li class="normal"><a href="class_list.html">搜尋課程</a></li>

                <li class="normal"><a href="class_upload.html">
                分享課程</a></li>
                <li class="normal"><a href="group_list.html">參加社群</a></li>
              </ul>
              <ul class="nav navbar-nav navbar-right log-divider">
                <li class="normal"><a href="sign_in.html">登入</a></li>
                <li class="normal"><a href="sign_up.html">註冊</a></li>
              </ul>
            </div>
          </div>
        </div>
      </nav>
    </div><!--navbar-->
    <!--carousel-->

    <div class="advertise">
      <div id="myCarousel" class="carousel slide text-center bg-gray" data-ride="carousel">
        <!-- Indicators -->

        <ol class="carousel-indicators">
          <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
          <li data-target="#myCarousel" data-slide-to="1"></li>
          <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner text-center" role="listbox">
          <div class="item active">
            <img src="https://i.ytimg.com/vi/Csm2wnfRMuA/maxresdefault.jpg" alt="ad1">
            <div class="carousel-caption">
              <h1>課程資源</h1>
              <h4>新增均一融入教學特輯,補救教學神手攻略,現場分享紀錄片</h4>
              <a href="class_list.html" class="btn carousel-button" role="button">搜尋課程</a>
            </div>
          </div>

          <div class="item">
            <img src="http://www.hercampus.com/sites/default/files/2010/05/06/Her%20Campus%20Studying%20Main%20_0.jpg" alt="ad1">
            <div class="carousel-caption">
              <h1>課程上傳</h1>
              <h4>新增均一融入教學特輯,補救教學神手攻略,現場分享紀錄片</h4>
              <a href="class_upload.html" class="btn carousel-button" role="button">分享課程</a>
            </div>
          </div>

          <div class="item">
            <img src="http://www.insightstudy.co.uk/images/study_work/insight-greenwich-school-study+work.jpg" alt="ad1">
            <div class="carousel-caption">
              <h1>社群參與</h1>
              <h4>新增均一融入教學特輯,補救教學神手攻略,現場分享紀錄片</h4>
              <a href="group_list.html" class="btn carousel-button" role="button">參加社群</a>
            </div>
          </div>
        </div>

        <!-- Left and right controls -->
        <div class="revise-button">
          <a class="revise-left carousel-control" href="#myCarousel" role="button" data-slide="prev">
            <i class="fa fa-angle-left" aria-hidden="true"></i>
            <span class="sr-only">Previous</span>
          </a>
          <a class="revise-right carousel-control" href="#myCarousel" role="button" data-slide="next">
            <i class="fa fa-angle-right" aria-hidden="true"></i>
            <span class="sr-only">Next</span>
          </a>
        </div>
      </div>
    </div><!--end of advertise-->
    <div class="to-top" id="to-top">
      <i class="fa fa-arrow-up" aria-hidden="true"></i>
    </div>
    <!--add space-->
    <div class="purpose text-center" id="purpose-id">
      <h2>為每一個人，每一種應用所設計</h2>

    </div>
    <!--introduce-->
    <div class="intro1 text-center">
      <h3>課程介紹</h3>
      <h5>這裡是課程介紹</h5>
    </div>
    <div class="intro2 text-center">
      <h3>個人頁面介紹</h3>
      <h5>這裡是個人頁面介紹</h5>
    </div>
    <div class="intro3 text-center">
      <h3>社群介紹</h3>
      <h5>這裡是社群介紹</h5>
    </div>
    <!--footer-->
    <footer class="text-center">
    <!--
      <a href="#homePage">
        <i class="fa fa-angle-up" aria-hidden="true"></i>
      </a><br><br>
    -->
      <div class="info">
        <div class="col-sm-4  col-md-4">
          <a href="index.html">關於我們</a></li>
        </div>
        <div class="col-sm-4  col-md-4">
          <a href="index.html">常見問題</a>
        </div>
        <div class="col-sm-4  col-md-4">
          <a href="index.html">團隊成員</a>
        </div>
      </div>
      <div class="contact">
        <p>xxx email.com</p>
        <p>ⓒ2017 ShareClass</p>
      </div>
    </footer>
  </div><!--all class-->

  <!-- javascript -->
  <script src="index.js"></script>

</body>
</html>