Uiuce market pen

From 2013.igem.org

(Difference between revisions)
Line 9: Line 9:
/*the igem Global setting*/
/*the igem Global setting*/
* {
* {
-
   margin: 0;
+
   margin: 5;
   padding: 0;
   padding: 0;
   -webkit-font-smoothing: antialiased;
   -webkit-font-smoothing: antialiased;
Line 23: Line 23:
}
}
h1, h2, h3, h4, h5, h6{
h1, h2, h3, h4, h5, h6{
-
   padding-top: 0;
+
   padding-top: 100;
-
   padding-bottom: 0;
+
   padding-bottom: 100;
   color: #34495e;
   color: #34495e;
}
}
Line 31: Line 31:
}
}
#top-section{
#top-section{
-
   height:0px;
+
   height:50px;
     border:none;
     border:none;
     width:980px;
     width:980px;
Line 55: Line 55:
   height: 100%;
   height: 100%;
   margin:0;
   margin:0;
-
   padding:0;
+
   padding:50;
-
   width:100%;
+
   width: 100%;
   position: absolute;
   position: absolute;
   background-color: #FFFFFF;
   background-color: #FFFFFF;
Line 62: Line 62:
}
}
a:visited{
a:visited{
-
   color: #fff;
+
   color: #34495e;
}
}
/*the nav settings
/*the nav settings
Line 71: Line 71:
}
}
.navbar-inverse .navbar-nav>li>a{
.navbar-inverse .navbar-nav>li>a{
-
   color: #fff;
+
   color: #1abc9c;
}
}
.navbar-inverse .navbar-nav>li>a:hover{
.navbar-inverse .navbar-nav>li>a:hover{
Line 78: Line 78:
}
}
.navbar-inverse .navbar-brand{
.navbar-inverse .navbar-brand{
-
           color: #fff;
+
           color: #1abc9c;
           padding: 0;
           padding: 0;
}
}
.navbar-inverse .navbar-brand img{
.navbar-inverse .navbar-brand img{
-
  height: 50px;
+
  height: 0px;
-
  padding-left: 90px;
+
}
}
.navbar-inverse .navbar-brand p{
.navbar-inverse .navbar-brand p{
   padding:12px 30px;
   padding:12px 30px;
-
   margin:0;
+
   margin:10;
}
}
.navbar-inverse .navbar-brand:hover{
.navbar-inverse .navbar-brand:hover{
Line 118: Line 117:
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.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>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:#ffffff;}
+
.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;}
.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;}
Line 125: Line 124:
   position: relative;
   position: relative;
   width: 100%;
   width: 100%;
 +
  height: 50%;
   overflow: auto;
   overflow: auto;
   font-size: 18px;
   font-size: 18px;
   line-height: 24px;
   line-height: 24px;
   text-align: center;
   text-align: center;
-
   color: #fff;
+
   color: #00a5ff;
   background: ;
   background: ;
   box-shadow: 0 1px 2px rgba(0,0,0,.25);
   box-shadow: 0 1px 2px rgba(0,0,0,.25);
Line 135: Line 135:
   .banner ul {
   .banner ul {
     list-style: none;
     list-style: none;
-
     width: 300%;
+
     width: 100%;
     margin: 0;
     margin: 0;
   }
   }
Line 141: Line 141:
     display: block;
     display: block;
     float: left;
     float: left;
-
     width: 33%;
+
     width: 100%;
-
     min-height: 350px;
+
     min-height: 500px;
     -o-background-size: 100% 100%;
     -o-background-size: 100% 100%;
Line 161: Line 161:
   .banner h1, .banner h2 {
   .banner h1, .banner h2 {
     font-size: 40px;
     font-size: 40px;
-
     line-height: 52px;
+
     line-height: 52px;
     border-bottom:#fff;
     border-bottom:#fff;
     color: #fff;
     color: #fff;
Line 322: Line 322:
</head>
</head>
<body>
<body>
 +
<div>
 +
<div class="container">
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
   <div class="navbar-header">
   <div class="navbar-header">
Line 331: Line 333:
         </button>
         </button>
     <a class="navbar-brand" href="https://igem.org/Team_Wikis?year=2013">
     <a class="navbar-brand" href="https://igem.org/Team_Wikis?year=2013">
-
       <img src="https://static.igem.org/mediawiki/2013/7/7d/Ouc-igem1.png">
+
       <img border="0" src="https://static.igem.org/mediawiki/2013/7/7d/Ouc-igem1.png">
     </a>
     </a>
 +
 +
      </button>
 +
   
     <a class="navbar-brand" href="https://2013.igem.org/Team:UIUC_Entrepreneurs">
     <a class="navbar-brand" href="https://2013.igem.org/Team:UIUC_Entrepreneurs">
-
       <p>Illinois iGEMe</p>
+
       <img align="middle" border="0" src="https://static.igem.org/mediawiki/2013/4/47/Uiuce_VivoSynth_LogoV2.PNG">
     </a>
     </a>
 +
 
 +
   
   </div>
   </div>
 +
</div>
 +
     <div class="collapse navbar-collapse navbar-ex1-collapse">
     <div class="collapse navbar-collapse navbar-ex1-collapse">
       <ul class="nav navbar-nav pull-right">
       <ul class="nav navbar-nav pull-right">
Line 343: Line 352:
               <a class="dropdown-toggle" data-toggle="dropdown" href="#">Business Model<b class="caret"></b></a>
               <a class="dropdown-toggle" data-toggle="dropdown" href="#">Business Model<b class="caret"></b></a>
               <ul class="dropdown-menu">
               <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_competitive_analysis">Competitive Analysis</a></li>
-
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_market_pen">Market Penetration</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_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">Review</a></li>
+
                <ul class="dropdown-menu">
-
                         <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Design">Design</a></li>
+
                         <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/Microfluidics">Financial Plan</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/Results">Risk Analysis</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>
                 </ul>
-
             </li>  
+
             </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">
           <ul class="dropdown-menu">
-
                       <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Introduction">Introduction</a></li>
+
                       <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">Design</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">Result</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">Reference</a></li>
+
             <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Reference">?</a></li>
             </ul>
             </ul>
           </li>
           </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="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!!!!!!!!!!!!!!!!!*/">Extra Tab</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>
                 </ul>
             </li>
             </li>
Line 374: Line 384:
                 </ul>
                 </ul>
             </li>
             </li>
-
         
+
         
       <li class="dropdown">
       <li class="dropdown">
               <a class="dropdown-toggle" data-toggle="dropdown" href="#">ModuLab<b class="caret"></b></a>
               <a class="dropdown-toggle" data-toggle="dropdown" href="#">ModuLab<b class="caret"></b></a>
               <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
               <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_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_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="https://2013.igem.org/Uiuce_how">How?</a></li>
-
           <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Lab">Tab</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!!!!!!!!!!!!!!!!!*/">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>
         </ul>
             </li>
             </li>
-
   
+
   
       <li class="dropdown">
       <li class="dropdown">
                 <a class="dropdown-toggle" data-toggle="dropdown" href="#">About Us<b class="caret"></b></a>
                 <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">  
+
                 <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/Uiuce_our_mission">Our MIssion</a></li>
-
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_our_team">Our Team</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">iGEMe</a></li>
+
                          <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_igeme">iGEMe</a></li>
 +
           
                 </ul>
                 </ul>
             </li>
             </li>
     </ul>
     </ul>
   </div>
   </div>
-
</div>    
+
</div>  
 +
</div>   
<!--the slidershow begin-->
<!--the slidershow begin-->
<div class="banner">
<div class="banner">
 +
      <ul>
 +
        <li style="background-image: url('https://static.igem.org/mediawiki/2013/e/e8/Smiling_fox.jpg');">
 +
          <div class="inner">
 +
            <h1>Do you like slideshows?</h1>
 +
            <p>I like slideshows...</p>
 +
            <a class="btn" href="https://2013.igem.org/Team:OUC-China/Results">How do we like the text here? I don't like it, but look at all the options</a>
 +
          </div>
 +
        </li>
 +
        
        
 +
      </ul>
 +
  </div>
   <!--the slidershow end-->
   <!--the slidershow end-->
-
  <img src="https://static.igem.org/mediawiki/2013/e/e8/Smiling_fox.jpg" width="1000" height="500" alt="Smiling fox" /><div class="features"><div class="features">
+
  <div class="features">
       <ul class="wrap">
       <ul class="wrap">
-
       <h3><b>Market Penetration</b></h3><hr>
+
       <h3><b>It is our mission at Vivosynth technologies  to further the application of manufacturing assembly line principles to enable synthetic biology products to move out of the lab and into high volume production.</b></h3><hr>
-
 
+
        <li>
 +
          <b><span class="glyphicon glyphicon-ok-sign"></span> What if we got rid of this?</b>
 +
          <p>And had no text about elevator pitch but just a button</p>
 +
          <a class="btn btn-info" href="https://2013.igem.org/Uiuce_our_mission">View Elevator Pitch</a>
 +
        </li>
 +
        <li>
 +
          <b><span class="glyphicon glyphicon-ok-sign"></span> Heading here</b>
 +
          <p>Text Here</p>
 +
          <a class="btn btn-info" href="https://2013.igem.org/Team:OUC-China/Instruction">Experience ModuLab</a>
 +
        </li>
 +
        <li>
 +
          <b><span class="glyphicon glyphicon-ok-sign"></span> Heading here</b>
 +
          <p>Not a fan of all this code...</p>
 +
          <a class="btn btn-info" href="https://2013.igem.org/Team:OUC-China/Microfluidics">Meet the Team</a>
-
    
+
        </li>
 +
       
 +
      </ul>
 +
    </div>
 +
<div class="container">
 +
        <h3><b>I think we should get rid of this</b></h3><hr>
 +
        <p>Hello, where is this?</p>
 +
        <p style="text-align:center"><a class="btn btn-large btn-info" href="https://2013.igem.org/Team:OUC-China/Overview">Learn more</a></p>
 +
</div>
 +
<!--footer-->
 +
<footer>
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-md-1"></div>
 +
<div class="col-md-6 footerleft">
 +
  <h3 class="footer-title" style="color:#bdc1c5;">Attributions</h3>
 +
  <p>Thanks to:</p>
 +
  <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bootstrap&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Flat-ui&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;OUC_China&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Unslider</p>
 +
   <p>Code licensed under Apache License v2.0</p>
 +
</div>
 +
<div class="col-md-4">
 +
  <div class="footer-banner">
 +
    <h3 class="footer-title">Contact US</h3>
 +
    <ul>
 +
      <li>E-mail:<a href="mailto:illinoisvivo@gmail.com"> illinoisvivo@gmail.com</a></li>
 +
     
 +
      </ul>
   </div>
   </div>
</div>
</div>

Revision as of 23:03, 26 October 2013

    It is our mission at Vivosynth technologies to further the application of manufacturing assembly line principles to enable synthetic biology products to move out of the lab and into high volume production.

  • What if we got rid of this?

    And had no text about elevator pitch but just a button

    View Elevator Pitch
  • Heading here

    Text Here

    Experience ModuLab
  • Heading here

    Not a fan of all this code...

    Meet the Team

I think we should get rid of this

Hello, where is this?

Learn more

Attributions

Thanks to:

     Bootstrap     Flat-ui     OUC_China     Unslider

Code licensed under Apache License v2.0

Contact US

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