Line 4: | Line 4: | ||
<html> | <html> | ||
− | + | <div id="myCarousel" class="carousel slide" data-ride="carousel"> | |
− | <div class=" | + | <!-- Indicators --> |
− | < | + | <ol class="carousel-indicators"> |
− | </ | + | <li data-target="#myCarousel" data-slide-to="0" class="active"></li> |
− | + | <li data-target="#myCarousel" data-slide-to="1"></li> | |
− | + | <li data-target="#myCarousel" data-slide-to="2"></li> | |
− | + | </ol> | |
− | <div class=" | + | <!-- Wrapper for slides --> |
− | <h1> | + | <div class="carousel-inner"> |
− | + | <div class="carasel-item item active"> | |
− | </div> | + | <img class="Banner_img" src="photos/MBS.png" /> |
− | + | <div class = "carousel-caption"> | |
− | <div class=" | + | <h1 id = "h1MaizeHeader"> Michigan Biological Software</h1> |
− | + | </div> | |
− | <div class=" | + | </div> |
− | < | + | <div class="carasel-item item"> |
− | < | + | <img class="Banner_img" src="photos/ProtoCat4.png" /> |
− | < | + | <div class="carousel-caption"> |
− | + | <h1 id = "h1Header">ProtoCat 4.0</h1> | |
− | < | + | <h3 id = "h3Header">Collaborating Towards Success</h3> |
− | < | + | <br> |
− | </ | + | <a href="http://protocat.org"> |
− | </ | + | <button id = "ProtoCat4Button" type="button">ProtoCat.org</button> |
− | + | </a> | |
− | < | + | </div> |
− | < | + | </div> |
− | < | + | <div class="carasel-item item"> |
− | < | + | <a href="Attributions.html"> |
− | < | + | <img class="Banner_img" src="photos/biosoft.png" /> |
− | </ | + | <div class="carousel-caption"> |
− | </ | + | <h1 id = "h1Header">Meet The Team</h1> |
− | + | </div> | |
− | <div class=" | + | </a> |
− | < | + | </div> |
− | < | + | </div> |
− | + | <!-- Left and right controls --> | |
− | </div> | + | <a class="left carousel-control" href="#myCarousel" data-slide="prev"> |
− | + | <span class="glyphicon glyphicon-chevron-left"></span> | |
− | + | <span class="sr-only">Previous</span> | |
− | + | </a> | |
− | + | <a class="right carousel-control" href="#myCarousel" data-slide="next"> | |
− | <div class=" | + | <span class="glyphicon glyphicon-chevron-right"></span> |
− | < | + | <span class="sr-only">Next</span> |
− | < | + | </a> |
− | < | + | </div> |
− | + | </br></br></br></br> | |
− | </div> | + | <div class="row"> |
− | + | <div class="col-xs-12 col-sm-6 col-md-4 top-buffer text-center"> | |
− | + | <div class="flip3D" onclick="location.href='https://2016.igem.org/Team:Michigan_Software/Description'"> | |
− | <div class=" | + | <div class="back"> |
− | < | + | <p class="vertical-center" style="font-size:14pt">Click to learn about ProtoCat 3.0!</p> |
− | < | + | </div> |
− | < | + | <div class="front"> |
− | < | + | <img width="160" height="160" class="center-block vertical-center" src="https://static.igem.org/mediawiki/2016/8/83/T--Michigan_Software--testTubeBlue.png"> |
− | + | </div> | |
− | < | + | </div> |
− | < | + | </div> |
− | + | <div class="col-xs-12 col-sm-6 col-md-4 top-buffer text-center"> | |
− | < | + | <div class="flip3D" onclick="location.href='https://2016.igem.org/Team:Michigan_Software/Attributions'"> |
− | + | <div class="back"> | |
− | </ | + | <p class="vertical-center" style="font-size:14pt">Click to meet the team!</p> |
− | </div> | + | </div> |
− | + | <div class="front"> | |
− | + | <img width="160" height="160" class="center-block vertical-center" src="https://static.igem.org/mediawiki/2016/a/ae/T-Michigan_Software--teamBlue.png"> | |
− | <div class=" | + | </div> |
− | < | + | </div> |
− | <p> | + | </div> |
− | < | + | <div class="col-xs-12 col-sm-6 col-md-4 top-buffer text-center"> |
− | < | + | <div class="flip3D" onclick="location.href='https://2016.igem.org/Team:Michigan_Software/Human_Practices'"> |
− | < | + | <div class="back"> |
− | < | + | <p class="vertical-center" style="font-size:14pt">Click to learn more about our human practices!</p> |
− | < | + | </div> |
− | < | + | <div class="front"> |
− | < | + | <img width="160" height="160" class="center-block vertical-center" src="https://static.igem.org/mediawiki/2016/8/80/T--Michigan_Software--globeBlue.png"> |
− | </ | + | </div> |
− | </ | + | </div> |
− | + | </div> | |
− | < | + | <div class="col-xs-12 col-sm-6 col-md-4 top-buffer text-center"> |
− | < | + | <div class="flip3D" onclick="location.href='https://2016.igem.org/Team:Michigan_Software/Results'"> |
− | <p> | + | <div class="back"> |
− | + | <p class="vertical-center" style="font-size:14pt">Click to see our results!</p> | |
− | + | </div> | |
− | <a href=" | + | <div class="front"> |
− | + | <img width="160" height="160" class="center-block vertical-center" src="https://static.igem.org/mediawiki/2016/3/38/T--Michigan_Software--usbBlue.png"> | |
− | </a> | + | </div> |
− | </p> | + | </div> |
− | </ | + | </div> |
− | + | <div class="col-xs-12 col-sm-6 col-md-4 top-buffer text-center"> | |
− | + | <div class="flip3D" onclick="location.href='https://2016.igem.org/Team:Michigan_Software/UserGuide'"> | |
− | + | <div class="back"> | |
− | + | <p class="vertical-center" style="font-size:14pt">Click to learn how to use ProtoCat 3.0!</p> | |
− | + | </div> | |
− | + | <div class="front"> | |
+ | <img width="160" height="160" class="center-block vertical-center" src="https://static.igem.org/mediawiki/2016/c/cc/T--Michigan_Software--manualBlue.png"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-xs-12 col-sm-6 col-md-4 top-buffer text-center"> | ||
+ | <div class="flip3D" | ||
+ | onclick="location.href='http://protocat.org'"> | ||
+ | <div class="back"> | ||
+ | <p class="vertical-center" style="font-size:14pt">Click to visit our website!</p> | ||
+ | </div> | ||
+ | <div class="front"> | ||
+ | <img width="200" height="200" class="center-block vertical-center" src="https://static.igem.org/mediawiki/2016/5/5c/T--Michigan_Software--blueCat.png"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <footer> | ||
+ | <div class="container-footer bg-3"> | ||
+ | <div class = "row"> | ||
+ | <div class = "col-sm-12 text-center"> | ||
+ | <h3 id = "h3Header">Important Links:</h3> | ||
+ | <table class = "Footer-Table" align = "center"> | ||
+ | <tr> | ||
+ | <td> | ||
+ | <p><a href="Project_Overview.html">Overview</a></p> | ||
+ | </td> | ||
+ | <td> | ||
+ | <p><a href="Project_Results.html">Results</a></p> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td> | ||
+ | <p><a href="Installation.html">Installation</a></p> | ||
+ | </td> | ||
+ | <td> | ||
+ | <p><a href="Outreach_Collaboration.html">Collaboration</a></p> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td> | ||
+ | <p><a href="Project_Demonstration.html">Demonstration</a></p> | ||
+ | </td> | ||
+ | <td> | ||
+ | <p><a href="Attributions.html">Attributions</a></p> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <td> | ||
+ | <p><a href="Outreach_HP_Gold.html">HP Gold</a></p> | ||
+ | </td> | ||
+ | <td> | ||
+ | <p><a href="Outreach_HP_Silver.html">HP Silver</a></p> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </footer> | ||
</html> | </html> |
Revision as of 22:42, 21 September 2017
Click to learn about ProtoCat 3.0!
![](https://static.igem.org/mediawiki/2016/8/83/T--Michigan_Software--testTubeBlue.png)
Click to meet the team!
![](https://static.igem.org/mediawiki/2016/a/ae/T-Michigan_Software--teamBlue.png)
Click to learn more about our human practices!
![](https://static.igem.org/mediawiki/2016/8/80/T--Michigan_Software--globeBlue.png)
Click to see our results!
![](https://static.igem.org/mediawiki/2016/3/38/T--Michigan_Software--usbBlue.png)
Click to learn how to use ProtoCat 3.0!
![](https://static.igem.org/mediawiki/2016/c/cc/T--Michigan_Software--manualBlue.png)
Click to visit our website!
![](https://static.igem.org/mediawiki/2016/5/5c/T--Michigan_Software--blueCat.png)