yunshiuan.github.io/navbar.html at master · yunshiuan/yunshiuan.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
<!--
  The navigation bar that should be shared across all the pages.
 -->
<!DOCTYPE html>
<html lang="en">

<body>
  <!-- Navigation Bar -->
  <nav id="mainNav" class="navbar navbar-default navbar-custom navbar-fixed-top">
    <div class="container">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header page-scroll">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
          <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
        </button>
      </div>
      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
          <li>
            <a class="page-scroll" href="/#headerpage">Home</a>
          </li>
          <li>
            <a class="page-scroll" href="/#headerpublication">Publications</a>
          </li>
          <li>
            <a class="page-scroll" href="/#headerexperience">Experiences</a>
          </li>
          <li>
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" id="nav-project">Projects
              <span class="caret"></span></a>
            <ul class="dropdown-menu" id="nav_experiences">
              <li><a class="page-scroll" href="/#R_FB">Facebook Filter Bubbles (Big Data)</a>
              </li>
              <li><a class="page-scroll" href="/#R_LAMBDA">Numerical Cognition and Neural
                  Representation
                  (fMRI)</a></li>

              <li><a class="page-scroll" href="/#R_ADM">Personal Values & Risk-taking (fMRI)
                </a></li>
            </ul>
            <!--                        <a class="page-scroll " href="#headerproject">Research Projects</a>-->
          </li>
          <li>
            <a class="page-scroll" href="/#headerother" id="other_tab">Other</a>
          </li>
          <li>
            <a class="page-scroll" href="/#headercontact">Contact</a>
          </li>
        </ul>
      </div>
      <!-- /.navbar-collapse -->
    </div>
    <!-- /.container-fluid -->
  </nav>
  <!--End of the navigation bar-->

</body>

</html>