Template:UFMG Brazil/gheader

From 2014.igem.org

(Difference between revisions)
 
(33 intermediate revisions not shown)
Line 1: Line 1:
{{UFMG_Brazil/css}}
{{UFMG_Brazil/css}}
-
{{UFMG_Brazil/cssfonts}}
+
<html class=" desktop landscape" lang="en">
-
<html>
+
 
-
<body>
+
<head>
-
<div id="header-wrapper">
+
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
-
<div id="header" class="container">
+
    <title>Home</title>
-
<div id="logo">
+
    <meta charset="utf-8">
-
                      <img src="https://static.igem.org/mediawiki/2014/7/77/Logooverlay.png" alt="Logo"/>
+
    <meta name="format-detection" content="telephone=no">
-
<a>The Colon Yeast<a>
+
    <link rel="stylesheet" href="https://dl.dropboxusercontent.com/u/80760623/igem2014/css/grid.css">
-
</div>
+
    <link rel="stylesheet" href="https://dl.dropboxusercontent.com/u/80760623/igem2014/css/style.css">
-
<div id="menu">
+
    <link rel="stylesheet" href="https://dl.dropboxusercontent.com/u/80760623/igem2014/css/font-awesome.css" >   
-
<ul>
+
    <link rel="stylesheet" href="https://dl.dropboxusercontent.com/u/80760623/igem2014/css/owl.carousel.css" >
-
<li class="current_page_item"><a href="#" accesskey="1" title="">Home</a></li>
+
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" >
-
<li><a href="#" accesskey="2" title="">Safety</a></li>
+
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bevan" >
-
<li><a href="#" accesskey="3" title="">Project</a></li>
+
    <!--[if lt IE 9]>
-
<li><a href="#" accesskey="5" title="">Human Practices</a></li>
+
        <div style=' clear: both; text-align:center; position: relative;'>
-
<li><a href="#" accesskey="5" title="">About Us</a></li>
+
            <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
-
</ul>
+
            <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
-
</div>
+
            </a>
-
</div>
+
        </div>
-
</div>
+
        <script src="https://dl.dropboxusercontent.com/u/80760623/igem2014/js/html5shiv.js"></script>
 +
        <link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
 +
    <![endif]-->
 +
   
 +
    <script src="https://dl.dropboxusercontent.com/u/80760623/igem2014/js/jquery.js"></script>
 +
    <script src="https://dl.dropboxusercontent.com/u/80760623/igem2014/js/jquery-migrate-1.2.1.js"></script>
 +
    <script src="https://dl.dropboxusercontent.com/u/80760623/igem2014/js/owl.carousel.js"></script>
 +
<script src="https://dl.dropboxusercontent.com/u/80760623/igem2014/js/script.js"></script>
 +
<script>
 +
$( document ).ready(function() {
 +
    $('#igemmenulogo').click(function(){
 +
        toggleMenu();
 +
    });
 +
});
 +
function toggleMenu(){
 +
        if($('#top-section').css("height") == "25px"){
 +
            $('#top-section').css("height", "10px");
 +
            $('.left-menu').hide();
 +
            $('.right-menu').hide();
 +
        }
 +
        else{
 +
            $('#top-section').css("height", "25px");
 +
            $('.left-menu').show();
 +
            $('.right-menu').show();
 +
        }
 +
}
 +
toggleMenu();
 +
</script>
 +
</head>
 +
 
 +
<body id="top" class="main_page">
 +
 
 +
    <!--========================================================
 +
                            HEADER
 +
    =========================================================-->
 +
<header id="header" class="header">
 +
    <div class="banner">
 +
      <div id="stuck_container">
 +
          <nav>
 +
              <div class="container">
 +
                  <div class="row">
 +
                      <div class="grid_12">
 +
                            <ul class="sf-menu">
 +
                              <li class="current"><a href="https://2014.igem.org/Team:UFMG_Brazil">Home</a></li>
 +
                                <li><a href="https://2014.igem.org/Team:UFMG_Brazil/Team">Team</a></li>
 +
                                <li><a href="https://2014.igem.org/Team:UFMG_Brazil/Safety">Safety</a></li>
 +
                                <li><a href="#">Project</a>
 +
                                    <ul>
 +
                                        <li><a href="https://2014.igem.org/Team:UFMG_Brazil/Project/Introduction">Introduction</a></li>
 +
                                        <li><a href="https://2014.igem.org/Team:UFMG_Brazil/Project/Parts">Parts</a></li>
 +
                                        <li><a href="https://2014.igem.org/Team:UFMG_Brazil/Project/Protocols">Protocols</a></li>
 +
                                        <li><a href="https://2014.igem.org/Team:UFMG_Brazil/Project/Modelling">Modelling</a></li>
 +
                                        <li><a href="https://2014.igem.org/Team:UFMG_Brazil/Project/Human_Practices">Human Practices</a></li>
 +
                                        <li><a href="https://2014.igem.org/Team:UFMG_Brazil/Project/Notebook">Notebook</a></li>
 +
                                    </ul>
 +
                                </li>
 +
                                <li><a href="#">Sponsors</a></li>
 +
                                <li><div style="padding-top:5px;"><img id="igemmenulogo" src="https://dl.dropboxusercontent.com/u/80760623/igem2014/images/Igemlogo_300px.png" alt=""></div></li>
 +
                            </ul>
 +
                        </div>
 +
                  </div>
 +
              </div>
 +
          </nav>
 +
      </div>
 +
      <div class="container">
 +
          <div class="row">
 +
              <div class="grid_12">
 +
                    <!--<h1></br></br></h1>-->
 +
                    <div class="unit" style="padding-top:20px; padding-bottom: 20px;">
 +
                      <div class="title1">- Team UFMG Brazil presents -</div>
 +
                    </div>
 +
                    <!--<h1><a href="index.html"><img src="images/logo.png" alt=""></a></h1>-->
 +
                    <div class="slogan">How to stop a war<br>before it starts?</div>
 +
                    <div class="unit" style="padding-top:10px;">
 +
                      <div class="" style="padding-bottom:10px;"><img src="https://dl.dropboxusercontent.com/u/80760623/igem2014/images/yeastlogo.png" alt=""></div>
 +
                      <div class="title1">Come closer and discover</div>
 +
                      <div class="title2" style="color: #eae6e3;">The Colon Yeast</div>
 +
                      <div>
 +
                          <p style="padding-top: 28px;">The hemiCherry in the (faecal) Cake</p>
 +
                          <img src="https://dl.dropboxusercontent.com/u/80760623/igem2014/images/cherry1.png" alt="">
 +
                        </div>
 +
                      <!--
 +
                      <p><time datetime="2014-01-11">wednesday, may 28</time>
 +
                      &nbsp;|&nbsp;Winning Numbers:</p>
 +
                      <ul class="list">
 +
                          <li>19</li>
 +
                          <li>24</li>
 +
                          <li>45</li>
 +
                          <li>18</li>
 +
                          <li>36</li>
 +
                          <li>5</li>
 +
                      </ul>
 +
                      <div class="ticket">
 +
                          <a href="#">see current winning <br>ticket results</a>
 +
                      </div>
 +
                        -->
 +
                  </div>
 +
              </div>   
 +
          </div>   
 +
      </div>
 +
    </div>
 +
</header>
 +
 
 +
</body>
</html>
</html>

Latest revision as of 13:14, 16 October 2014

Home