Latin America/Templates/Header

From 2013.igem.org

(Difference between revisions)
 
(25 intermediate revisions not shown)
Line 7: Line 7:
     <meta name="description" content="">
     <meta name="description" content="">
     <meta name="author" content="">
     <meta name="author" content="">
-
 
-
    <title>Carousel Template for Bootstrap</title>
 
     <!-- Bootstrap core CSS -->
     <!-- Bootstrap core CSS -->
Line 25: Line 23:
   <style type="text/css">
   <style type="text/css">
 +
  <!--
 +
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
    display:none;}
 +
#top-section {
 +
    border: none;
 +
    height: 0px;}
 +
#content {
 +
    border: none;}
 +
/* Removes "teams" from the menubar */
 +
#menubar > ul > li:last-child {
 +
    display: none;}
 +
/* Resizes the menubar to fik the links (default is 400px) */
 +
#menubar {
 +
    width: auto;}
 +
 +
body {
 +
    margin: 10px 0 0 0;
 +
    padding: 0;}
 +
#top-section {
 +
    width: 965px;
 +
    height: 0;
 +
    margin: 0 auto;
 +
    padding: 0;
 +
    border: none;}
 +
#menubar {
 +
    font-size: 65%;
 +
    top: -14px;}
 +
.left-menu:hover {
 +
    background-color: transparent;}
 +
#menubar li a {
 +
    background-color: transparent;}
 +
#menubar:hover {
 +
    color: black;}
 +
#menubar li a {
 +
    color: transparent;}
 +
#menubar:hover li a {
 +
    color: black;}
 +
    -->
   </style>
   </style>
Line 38: Line 74:
         <div class="navbar navbar-inverse navbar-static-top">
         <div class="navbar navbar-inverse navbar-static-top">
           <div class="container">
           <div class="container">
-
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
+
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
-
          <span class="icon-bar"></span>
+
            <span class="icon-bar"></span>
-
          <span class="icon-bar"></span>
+
            <span class="icon-bar"></span>
-
          <span class="icon-bar"></span>
+
            <span class="icon-bar"></span>
-
        </button>
+
          </button>
-
             <a class="navbar-brand" href="#">Project name</a>
+
             <a class="navbar-brand" href="https://2013.igem.org/Latin_America">Latin America</a>
             <div class="nav-collapse collapse">
             <div class="nav-collapse collapse">
               <ul class="nav navbar-nav">
               <ul class="nav navbar-nav">
-
                 <li class="active"><a href="#">Home</a></li>
+
                 <li class="active"><a href="https://2013.igem.org/Latin_America">Home</a></li>
-
                 <li><a href="#about">About</a></li>
+
                 <li><a href="#">Pre Jamboree</a></li>
-
                 <li><a href="#contact">Contact</a></li>
+
                 <li><a href="https://2013.igem.org/Latin_America/Jamboree">iGEM Competition Jamboree</a></li>
-
                <li class="dropdown">
+
                <li><a href="#">Sponsors</a></li>
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+
                <li><a href="https://2013.igem.org/Jamboree/Attendance_Fee">Registration</a></li>
-
                  <ul class="dropdown-menu">
+
-
                    <li><a href="#">Action</a></li>
+
-
                    <li><a href="#">Another action</a></li>
+
-
                    <li><a href="#">Something else here</a></li>
+
-
                    <li class="divider"></li>
+
-
                    <li class="nav-header">Nav header</li>
+
-
                    <li><a href="#">Separated link</a></li>
+
-
                    <li><a href="#">One more separated link</a></li>
+
-
                  </ul>
+
-
                </li>
+
               </ul>
               </ul>
             </div>
             </div>
Line 76: Line 102:
     <script src="http://examples.getbootstrap.com/bootstrap/js/bootstrap.min.js"></script>
     <script src="http://examples.getbootstrap.com/bootstrap/js/bootstrap.min.js"></script>
     <script src="http://examples.getbootstrap.com/assets/js/holder.js"></script>
     <script src="http://examples.getbootstrap.com/assets/js/holder.js"></script>
-
 
+
    <script>
 +
      !function ($) {
 +
        $(function(){
 +
          // carousel demo
 +
          $('#myCarousel').carousel()
 +
        })
 +
      }(window.jQuery)
 +
    </script>
</body>
</body>

Latest revision as of 05:26, 14 August 2013

Latin America

Retrieved from "http://2013.igem.org/Latin_America/Templates/Header"