Team:ETH Zurich/labblog/header

From 2014.igem.org

(Difference between revisions)
 
(5 intermediate revisions not shown)
Line 2: Line 2:
<script type="text/javascript" src="https://2014.igem.org/Team:ETH_Zurich/js/head.js?action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2014.igem.org/Team:ETH_Zurich/js/head.js?action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2014.igem.org/Team:ETH_Zurich/js/slide_hidden_content.js?action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2014.igem.org/Team:ETH_Zurich/js/slide_hidden_content.js?action=raw&ctype=text/javascript"></script>
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
+
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript">
 +
</script>
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
 +
</script>
 +
<script src="jquery.mixitup.min.js">
</script>
</script>
<body class="left-sidebar">
<body class="left-sidebar">
Line 15: Line 19:
</header>
</header>
</div>
</div>
-
+
<nav id="nav"></html>{{:Team:ETH Zurich/tpl/menu}}<html></nav>
-
<!-- Nav -->
+
-
<script type="text/javascript" src="https://2014.igem.org/Team:ETH_Zurich/js/navigation.js?action=raw&ctype=text/javascript"></script>
+
</div>
</div>
Line 24: Line 26:
<div class="container">
<div class="container">
<div class="row">
<div class="row">
-
                                                <div class="portfolioFilter">
+
<ul>
-
    <a href="#" data-filter="*" class="current">All Categories</a>
+
<li class="filter" data-filter="all">Show All</li>
-
    <a href="#" data-filter=".people">People</a>
+
<li class="filter" data-filter="category_1">Category 1</li>
-
    <a href="#" data-filter=".places">Places</a>
+
<li class="filter" data-filter="category_2">Category 2</li>
-
    <a href="#" data-filter=".food">Food</a>
+
<li class="filter" data-filter="category_3">Category 3</li>
-
    <a href="#" data-filter=".objects">Objects</a>
+
<li class="filter" data-filter="category_3 category_1">Category 1 &amp; 3</li>
-
                                                </div>
+
</ul>
-
<div class="portfolioContainer" id="sidebar">
+
 
-
                                                        <hr class="first" />  
+
<ul id="Grid">
 +
<li class="mix category_1" data-cat="1">1</li>
 +
<li class="mix category_3" data-cat="3">3</li>
 +
<li class="mix category_2" data-cat="2">2</li>
 +
<li class="mix category_3" data-cat="3">3</li>
 +
<li class="mix category_2" data-cat="2">2</li>
 +
<li class="mix category_1" data-cat="1">1</li>
 +
<li class="gap"></li>
 +
<!-- "gap" elements fill in the gaps in justified <a href="http://www.jqueryscript.net/tags.php?/grid/">grid</a> -->
 +
</ul>
 +
<div class="4u" id="sidebar">
<html/>
<html/>

Latest revision as of 10:35, 7 July 2014

  • Show All
  • Category 1
  • Category 2
  • Category 3
  • Category 1 & 3
  • 1
  • 3
  • 2
  • 3
  • 2
  • 1