Uiuce bus model

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<html lang="en">
<html lang="en">
<head>
<head>
Line 9: Line 10:
/*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 24:
}
}
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 32:
}
}
#top-section{
#top-section{
-
   height:0px;
+
   height:50px;
     border:none;
     border:none;
     width:980px;
     width:980px;
Line 55: Line 56:
   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 63:
}
}
a:visited{
a:visited{
-
   color: #fff;
+
   color: #34495e;
}
}
/*the nav settings
/*the nav settings
Line 71: Line 72:
}
}
.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 79:
}
}
.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 118:
.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 125:
   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 136:
   .banner ul {
   .banner ul {
     list-style: none;
     list-style: none;
-
     width: 300%;
+
     width: 100%;
     margin: 0;
     margin: 0;
   }
   }
Line 141: Line 142:
     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 162:
   .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 323:
</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 334:
         </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 353:
               <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 385:
                 </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>  
-
<!--the slidershow begin-->
+
</div>   
-
<div class="banner">
+
 
-
     
+
<!--the slide show got cut out here-->
   <!--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">
+
<!--taken code-->
 +
class="center" /></a>
 +
        </div> 
 +
        <div id="major_image">
 +
        <img src="https://static.igem.org/mediawiki/2013/a/ae/UIUC_Home_page.png" width="720" height="294" alt="Smiling fox" />
 +
        </div>
 +
<!--taken code-->
 +
 
 +
  <div class="features">
       <ul class="wrap">
       <ul class="wrap">
-
       <h3><b>Competitive Analysis</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>
 +
        <li>
 +
          <b><span class="glyphicon glyphicon-ok-sign"></span> Yay more headings</b>
 +
          <p>But if we use it it's fine since it's already up here...</p>
 +
          <a class="btn btn-info" href="https://2013.igem.org/Team:OUC-China/Design">Learn more</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;">About</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>
Line 434: Line 497:
     </script>
     </script>
</body>
</body>
-
 
-
 
-
<! THIS IS WHERE I STARTED PULLING CODE>
 
-
<script>
 
-
  $(function() {
 
-
    $( "#accordion" ).accordion({ active: 10 });
 
-
    $( "#accordion" ).accordion({
 
-
      collapsible: true
 
-
    });
 
-
  });
 
-
</script>
 
-
 
-
<div id="accordion">
 
-
  <h3>Home</h3>
 
-
  <ul>
 
-
      <li style="margin-bottom:20px;"><a href="https://2013.igem.org/Team:UIUC_Illinois"><u>Home</u></a></li>
 
-
      <li style="margin-bottom:20px;"><a href="https://2012.igem.org/Team:UIUC-Illinois">2012 Team</a></li>
 
-
  </ul>
 
-
  <h3>About</h3>
 
-
  <ul>
 
-
      <li style="margin-bottom:20px;"><a href="https://2013.igem.org/Team:_UIUC_Illinois/About-Main_Page">Meet Us</a></li>
 
-
      <li style="margin-bottom:20px;"><a href="https://igem.org/Team.cgi?id=1205" target="_blank">Team Profile</a></li>
 
-
      <li style="margin-bottom:20px;"><a href="https://2013.igem.org/Team:UIUC_Illinois/About/Attributions">Attributions</a></li>
 
-
      <li style="margin-bottom:20px;"><a href="https://2013.igem.org/Team:_UIUC_Illinois/Photogallery">Photo Gallery</a></li>
 
-
  </ul>
 
-
  <h3>Project</h3>
 
-
  <ul>
 
-
      <li style="margin-bottom:20px;"><a href="https://2013.igem.org/Team:UIUC_Illinois/Project/Overview">Overview</a></li>
 
-
      <li style="margin-bottom:20px;"><a href="https://2013.igem.org/Team:UIUC_Illinois/Project/Background_Info">Background</a></li>
 
-
      <li style="margin-bottom:20px;"><a href="https://2013.igem.org/Team:UIUC_Illinois/Project/Design">Design</a></li>
 
-
      <li style="margin-bottom:20px;"><a href="https://2013.igem.org/Team:UIUC_Illinois/Project/Parts">Parts</a></li>
 
-
      <li style="margin-bottom:20px;"><a href="https://2013.igem.org/Team:UIUC_Illinois/Project/Results">Results</a></li>
 
-
      <li style="margin-bottom:20px;"><a href="https://2013.igem.org/Team:_UIUC_Illinois/Notebook">Notebook</a></li>
 
-
  </ul>
 
-
  <h3>Achievements</h3>
 
-
  <ul>
 
-
      <li style="margin-bottom:20px;"><a href="https://2013.igem.org/Team_UIUC_Illinois/Medal_Requirements">Achievements</a></li>
 
-
  </ul>
 
-
  <h3>Human Practices</h3>
 
-
  <ul>
 
-
     
 
-
      <li style="margin-bottom:20px;"><a href="https://2013.igem.org/Team:UIUC_Illinois/Human_Practices/Outreach">Outreach</a></li>
 
-
      <li style="margin-bottom:20px;"><a href="https://2013.igem.org/Team:UIUC_Illinois/Human_Practices/Ethics">Ethics</a></li>
 
-
      <li style="margin-bottom:20px;"><a href="https://igem.org/Team:UIUC_Illinois/Safety/Main">Safety</a></li>
 
-
  </ul>
 
-
  <h3>Safety</h3>
 
-
  <ul>
 
-
      <li style="margin-bottom:20px;"><a href="https://igem.org/Team:UIUC_Illinois/Safety/Main">Safety Main Page</a></li>
 
-
      <li style="margin-bottom:20px;"><a href="https://2013.igem.org/Team:_UIUC_Illinos/Safety/Forms">Safety Forms</a></li>
 
-
      <li style="margin-bottom:20px;"><a href="https://2013.igem.org/Team:_UIUC_Illinos/Safety/Database">EtBr Safety</a></li>
 
-
  </ul>
 
-
</div>
 
-
 
-
  </div>
 
-
<div id="bar_box">
 
-
<img src="https://static.igem.org/mediawiki/2013/7/7b/Black_line_450.jpg" width="333"><img src="https://static.igem.org/mediawiki/2013/7/7b/Black_line_450.jpg" width="333"></div>
 
-
 
-
 
-
 
-
 
-
<script type="text/javascript">
 
-
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
 
-
</script>
 
-
 
</html>
</html>

Revision as of 22:46, 26 October 2013

class="center" />
Smiling fox

    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
  • Yay more headings

    But if we use it it's fine since it's already up here...

    Learn more

I think we should get rid of this

Hello, where is this?

Learn more

About

Thanks to:

     Bootstrap     Flat-ui     OUC_China     Unslider

Code licensed under Apache License v2.0

Contact US

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