Difference between revisions of "Team:IIT Delhi/content"

Line 114: Line 114:
  
 
<link rel="stylesheet" href="https://2015.igem.org/Team:IIT_Delhi/CSS_bootstrap?action=raw&ctype=text/css" type="text/css"/>
 
<link rel="stylesheet" href="https://2015.igem.org/Team:IIT_Delhi/CSS_bootstrap?action=raw&ctype=text/css" type="text/css"/>
 +
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 
</style>
 
</style>
 
</head>
 
</head>
Line 119: Line 120:
 
<body>
 
<body>
 
<div id="cssmenu">
 
<div id="cssmenu">
      <div class="list-group panel">
+
        <ul class="nav nav-pills nav-stacked">
          <a href="#" class="list-group-item list-group-item-success" data-parent="#MainMenu">Item 1</a>
+
        <li class="active"><a href="#">Home</a></li>
          <a href="#" class="list-group-item list-group-item-success" data-parent="#MainMenu">Item 2</a>
+
        <li class="dropdown">
          <a href="#demo3" class="list-group-item list-group-item-success" data-toggle="collapse" data-parent="#MainMenu">Item 3 <i class="fa fa-caret-down"></i></a>
+
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">Menu 1 <span class="caret"></span></a>
          <div class="collapse" id="demo3">
+
          <ul class="dropdown-menu">
            <a href="#SubMenu1" class="list-group-item" data-toggle="collapse" data-parent="#SubMenu1">Subitem 1 <i class="fa fa-caret-down"></i></a>
+
            <li><a href="#">Submenu 1-1</a></li>
            <div class="collapse list-group-submenu" id="SubMenu1">
+
            <li><a href="#">Submenu 1-2</a></li>
              <a href="#" class="list-group-item" data-parent="#SubMenu1">Subitem 1 a</a>
+
             <li><a href="#">Submenu 1-3</a></li>                      
              <a href="#" class="list-group-item" data-parent="#SubMenu1">Subitem 2 b</a>
+
           </ul>
              <a href="#SubSubMenu1" class="list-group-item" data-toggle="collapse" data-parent="#SubSubMenu1">Subitem 3 c <i class="fa fa-caret-down"></i></a>
+
        </li>
              <div class="collapse list-group-submenu list-group-submenu-1" id="SubSubMenu1">
+
        <li><a href="#">Menu 2</a></li>
                <a href="#" class="list-group-item" data-parent="#SubSubMenu1">Sub sub item 1</a>
+
        <li><a href="#">Menu 3</a></li>
                <a href="#" class="list-group-item" data-parent="#SubSubMenu1">Sub sub item 2</a>
+
      </ul>
              </div>
+
              <a href="#" class="list-group-item" data-parent="#SubMenu1">Subitem 4 d</a>
+
             </div>
+
            <a href="javascript:;" class="list-group-item">Subitem 2</a>
+
            <a href="javascript:;" class="list-group-item">Subitem 3</a>
+
          </div>
+
           <a href="#demo4" class="list-group-item list-group-item-success" data-toggle="collapse" data-parent="#MainMenu">Item 4  <i class="fa fa-caret-down"></i></a>
+
          <div class="collapse" id="demo4">
+
            <a href="" class="list-group-item">Subitem 1</a>
+
            <a href="" class="list-group-item">Subitem 2</a>
+
            <a href="" class="list-group-item">Subitem 3</a>
+
          </div>
+
        </div>
+
 
</div>
 
</div>
  

Revision as of 21:06, 11 September 2015

Current Team

Meet the Team


ABC
BBBBBBBBBBBB

content content

DEF
BBBBBBBB

content content