Uiuce market pen

<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_advisory_board">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>Market Penetration</b></h3><hr>
        <p>Text about Market Pen</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>