Igeme team

From 2013.igem.org

(Difference between revisions)
(Blanked the page)
Line 1: Line 1:
 +
<html lang="en">
 +
<head>
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 +
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" media="screen">
 +
<script src="http://code.jquery.com/jquery.min.js"></script>
 +
<style>
 +
/*the igem Global setting*/
 +
* {
 +
  margin: 5;
 +
  padding: 0;
 +
  -webkit-font-smoothing: antialiased;
 +
  -webkit-box-sizing: border-box;
 +
  -moz-box-sizing: border-box;
 +
  box-sizing: border-box;
 +
}
 +
body{
 +
  color: #34495e;
 +
}
 +
#bodyContent h1, #bodyContent h2{
 +
  margin-bottom:0;
 +
}
 +
h1, h2, h3, h4, h5, h6{
 +
  padding-top: 100;
 +
  padding-bottom: 100;
 +
  color: #34495e;
 +
}
 +
#globalWrapper {
 +
  font-size: 100%;
 +
}
 +
#top-section{
 +
  height:50px;
 +
    border:none;
 +
    width:980px;
 +
    margin:0 auto;
 +
    padding:0 0 0 0;
 +
    background-color:transparent;
 +
    overflow:hide;
 +
}
 +
#p-logo{display:none;}
 +
#search-controls{display:none;}
 +
#top{display:none;}
 +
.firstHeading{display:none;}
 +
#footer-box{display:none;}
 +
#catlinks{display:none;}
 +
div#contentSub{
 +
    display: none;
 +
    position: absolute;
 +
}
 +
#content h1.firstHeading {display: none;}
 +
#content
 +
{
 +
  border:none;
 +
  height: 100%;
 +
  margin:0;
 +
  padding:50;
 +
  width: 100%;
 +
  position: absolute;
 +
  background-color: #FFFFFF;
 +
  color: #34495e;
 +
}
 +
a:visited{
 +
  color: #34495e;
 +
}
 +
/*the nav settings
 +
----------------------------------------------- */
 +
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{
 +
  color: #1abc9c;
 +
  background-color: transparent;
 +
}
 +
.navbar-inverse .navbar-nav>li>a{
 +
  color: #1abc9c;
 +
}
 +
.navbar-inverse .navbar-nav>li>a:hover{
 +
  color: #1abc9c;
 +
  background-color:transparent;
 +
}
 +
.navbar-inverse .navbar-brand{
 +
          color: #1abc9c;
 +
          padding: 0;
 +
}
 +
.navbar-inverse .navbar-brand img{
 +
  height: 0px;
 +
}
 +
.navbar-inverse .navbar-brand p{
 +
  padding:12px 30px;
 +
  margin:10;
 +
}
 +
.navbar-inverse .navbar-brand:hover{
 +
  color: #1abc9c;
 +
}
 +
.navbar-inverse{
 +
  border-color: transparent;
 +
  background: #34495e;
 +
  font-weight: bold;
 +
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 +
}
 +
.dropdown-menu{
 +
  background-color:#34495e;
 +
  border:none;
 +
  -webkit-box-shadow:none;
 +
  box-shadow: none;
 +
}
 +
.dropdown-menu>li>a{
 +
  color: #fff;
 +
  font-weight: bold;
 +
}
 +
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
 +
  color:#1abc9c;
 +
  background-color: transparent;
 +
}
 +
/*add dropdown-submenu to btV3*/
 +
.dropdown-submenu{position:relative;}
 +
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
 +
.dropdown-submenu:hover>.dropdown-menu{display:block;}
 +
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
 +
.dropdown-submenu:hover>a:after{border-left-color:#cccccc}
 +
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
 +
 +
/*the unslider css*/
 +
.banner {
 +
  position: relative;
 +
  width: 100%;
 +
  height: 50%;
 +
  overflow: auto;
 +
  font-size: 18px;
 +
  line-height: 24px;
 +
  text-align: center;
 +
  color: #00a5ff;
 +
  background: ;
 +
  box-shadow: 0 1px 2px rgba(0,0,0,.25);
 +
}
 +
  .banner ul {
 +
    list-style: none;
 +
    width: 100%;
 +
    margin: 0;
 +
  }
 +
  .banner ul li {
 +
    display: block;
 +
    float: left;
 +
    width: 100%;
 +
    min-height: 500px;
 +
 +
    -o-background-size: 100% 100%;
 +
    -ms-background-size: 100% 100%;
 +
    -moz-background-size: 100% 100%;
 +
    -webkit-background-size: 100% 100%;
 +
    background-size: 100% 100%;
 +
 +
    box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
 +
  }
 +
 +
  .banner .inner {
 +
 +
 +
    padding: 160px 0 110px;
 +
  }
 +
 +
  .banner h1, .banner h2 {
 +
    font-size: 40px;
 +
    line-height: 52px; 
 +
    border-bottom:#fff;
 +
    color: #fff;
 +
  }
 +
 +
  .banner .btn {
 +
    display: inline-block;
 +
    margin: 25px 0 0;
 +
    padding: 9px 22px 7px;
 +
    clear: both;
 +
 +
    color: #fff;
 +
    font-size: 12px;
 +
    font-weight: bold;
 +
    text-transform: uppercase;
 +
    text-decoration: none;
 +
 +
    border: 2px solid rgba(255,255,255,.4);
 +
    border-radius: 5px;
 +
  }
 +
    .banner .btn:hover {
 +
      background: rgba(255,255,255,.05);
 +
    }
 +
    .banner .btn:active {
 +
      -webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
 +
      -moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
 +
      -ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
 +
      -o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
 +
      filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
 +
    }
 +
 +
  .banner .btn, .banner .dot {
 +
    -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
 +
    -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
 +
    -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
 +
    -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
 +
    filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
 +
  }
 +
 +
  .banner .dots {
 +
    position: absolute;
 +
    left: 0;
 +
    right: 0;
 +
    bottom: 20px;
 +
    margin: 0;
 +
  }
 +
    .banner .dots li {
 +
      display: inline-block;
 +
      width: 10px;
 +
      height: 10px;
 +
      margin: 0 4px;
 +
 +
      text-indent: -999em;
 +
 +
      border: 2px solid #fff;
 +
      border-radius: 6px;
 +
 +
      cursor: pointer;
 +
      opacity: .4;
 +
 +
      -webkit-transition: background .5s, opacity .5s;
 +
      -moz-transition: background .5s, opacity .5s;
 +
      transition: background .5s, opacity .5s;
 +
    }
 +
      .banner .dots li.active {
 +
        background: #fff;
 +
        opacity: 1;
 +
      }
 +
 +
  .banner .arrows {
 +
    position: absolute;
 +
    bottom: 20px;
 +
    right: 20px;
 +
    color: #fff;
 +
  }
 +
    .banner .arrow {
 +
      display: inline;
 +
      padding-left: 10px;
 +
      cursor: pointer;
 +
    }
 +
 +
/*features*/
 +
.features {
 +
  overflow: hidden;
 +
  padding: 50px 0;
 +
}
 +
  .features li {
 +
    position: relative;
 +
    padding: 0 25px 0 40px;
 +
    list-style: none;
 +
 +
    width: 25%;
 +
    float: left;
 +
  }
 +
    .features li:before {
 +
      content: '';
 +
      position: absolute;
 +
      left: 0;
 +
      top: 0;
 +
 +
      display: block;
 +
      width: 24px;
 +
      height: 22px;
 +
 +
      background: url('img/icons.png');
 +
    }
 +
      .features li.browser:before { background-position: 0 -44px; }
 +
      .features li.height:before { background-position: 0 -22px; }
 +
      .features li.responsive:before { background-position: 0 -66px; }
 +
  .features b {
 +
    display: block;
 +
    padding-bottom: 6px;
 +
  }
 +
.wrap {
 +
  margin: 0 auto;
 +
  max-width: 1170px;
 +
}
 +
/*footer*/
 +
footer{
 +
  margin-top: 100px;
 +
  background-color: #eceff1;
 +
  color: #bdc1c5;
 +
  font-size: 17px;
 +
  padding: 0;
 +
}
 +
.footer-banner{
 +
  background-color: #34495e;
 +
  color: #58F8D9;
 +
  margin-left: 42px;
 +
  min-height: 286px;
 +
  padding: 0 30px 30px;
 +
}
 +
.footer-banner ul{
 +
  list-style-type: none;
 +
}
 +
.footer-banner ul li{
 +
  border-bottom:1px solid rgba(57, 107, 97, 0.53);
 +
  line-height: 19px;
 +
  padding: 6px 0;
 +
}
 +
.footer-banner a{
 +
  color: #58F8D9;
 +
}
 +
.footer-banner a:hover{
 +
  text-decoration: none;
 +
}
 +
.footer-title{
 +
  margin: 0 0 22px;
 +
  padding-top: 21px;
 +
  color: #1abc9c;
 +
  font-weight: bold;
 +
}
 +
.footerleft a{
 +
  color: #bdc1c5;
 +
}
 +
.footerleft a:visited {
 +
  color: #bdc1c5;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<div>
 +
<div class="container">
 +
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
 +
  <div class="navbar-header">
 +
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
 +
      <span class="sr-only">The navigation</span>
 +
          <span class="icon-bar"></span>
 +
          <span class="icon-bar"></span>
 +
          <span class="icon-bar"></span>
 +
        </button>
 +
    <a class="navbar-brand" href="https://igem.org/Team_Wikis?year=2013">
 +
      <img border="0" src="https://static.igem.org/mediawiki/2013/7/7d/Ouc-igem1.png">
 +
    </a>
 +
 +
      </button>
 +
   
 +
    <a class="navbar-brand" href="https://2013.igem.org/Team:UIUC_Entrepreneurs">
 +
      <img align="middle" border="0" src="https://static.igem.org/mediawiki/2013/4/47/Uiuce_VivoSynth_LogoV2.PNG">
 +
    </a>
 +
 
 +
   
 +
  </div>
 +
</div>
 +
 +
    <div class="collapse navbar-collapse navbar-ex1-collapse">
 +
      <ul class="nav navbar-nav pull-right">
 +
      <li><a href="https://2013.igem.org/Team:UIUC_Entrepreneurs">Home</a></li>
 +
            <li class="dropdown" role="menu" aria-labelledby="dropdownMenu">
 +
              <a class="dropdown-toggle" data-toggle="dropdown" href="#">Business Model<b class="caret"></b></a>
 +
              <ul class="dropdown-menu">
 +
          <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/UIUCe_competitive_analysis">Competitive Analysis</a></li>
 +
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_market_pen">Market Penetration Strategy</a></li>
 +
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_market_plan">Marketing Plan</a></li> 
 +
                <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_financial_plan">Financial Plan</a></li> 
 +
               
 +
                <ul class="dropdown-menu">
 +
                        <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Review">How</a></li>
 +
                        <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Design">Do</a></li>
 +
              <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Microfluidics">You</a></li>
 +
              <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Results">Like</a></li>
 +
                </ul>
 +
            </li>
 +
               
 +
               
 +
          <ul class="dropdown-menu">
 +
                      <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Introduction">These</a></li>
 +
                      <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/RNA guardian/Design">Subtabs</a></li>
 +
            <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/RNA guardian/Results">Here</a></li>
 +
            <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Reference">?</a></li>
 +
            </ul>
 +
          </li>
 +
          <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_risk_analysis">Risk Analysis</a></li>
 +
          <li role="presentation"><a role="menuitem" tabindex="-1" href="/*PUT A URL HERE IF YOU WANT IT*/">An Extra Tab for now</a></li>
 +
                </ul>
 +
            </li>
 +
            <li class="dropdown" role="menu" aria-labelledby="dropdownMenu">
 +
           
 +
                <ul class="dropdown-menu">
 +
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Magnetic Analysis">Magnetic Analysis</a></li>
 +
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Model in RNA guardian">Model in RNA guardian</a></li>
 +
                </ul>
 +
            </li>
 +
         
 +
      <li class="dropdown">
 +
              <a class="dropdown-toggle" data-toggle="dropdown" href="#">ModuLab<b class="caret"></b></a>
 +
              <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
 +
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_why">Why?</a></li>
 +
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_what">What?</a></li>
 +
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_how">How?</a></li>
 +
          <li role="presentation"><a role="menuitem" tabindex="-1" href="/*PUT A URL HERE IF YOU WANT IT">Extra Tab</a></li>
 +
          <li role="presentation"><a role="menuitem" tabindex="-1" href="/*PUT A URL HERE IF YOU WANT IT*/">Or two...</a></li>
 +
        </ul>
 +
            </li>
 +
   
 +
      <li class="dropdown">
 +
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">About Us<b class="caret"></b></a>
 +
                <ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
 +
                          <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_our_mission">Our MIssion</a></li>
 +
                          <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Igeme_team">Our Team</a></li>
 +
                          <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_igeme">Advisory Board</a></li>
 +
                          <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_igeme">iGEMe</a></li>
 +
                       
 +
           
 +
                </ul>
 +
            </li>
 +
    </ul>
 +
  </div>
 +
</div>
 +
</div>   
 +
<!--the slidershow begin-->
 +
<div class="banner">
 +
      <ul>
 +
        <li style="background-image: url('https://static.igem.org/mediawiki/2013/e/e8/Smiling_fox.jpg');">
 +
          <div class="inner">
 +
         
 +
         
 +
           
 +
          </div>
 +
        </li>
 +
 +
     
 +
      </ul>
 +
  </div>
 +
  <!--the slidershow end-->
 +
 +
 
 +
<div class="container">
 +
        <h3><b>Please help formatting this slide =[</b></h3><hr>
 +
        <p>Text about Comp An here</p>
 +
       
 +
</div>
 +
<!--footer-->
 +
 +
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
 +
<script src="http://unslider.com/unslider.min.js"></script>
 +
<script>
 +
$(function() {
 +
    $('.banner').unslider();
 +
});
 +
</script>
 +
 +
</body>
 +
</html>

Revision as of 23:20, 26 October 2013

Please help formatting this slide =[

Text about Comp An here

Retrieved from "http://2013.igem.org/Igeme_team"