m |
m |
||
Line 1: | Line 1: | ||
{{Michigan_Software}} | {{Michigan_Software}} | ||
<html> | <html> | ||
+ | |||
<head> | <head> | ||
− | + | ||
+ | |||
+ | <link href='https://fonts.googleapis.com/css?family=Comfortaa:300,400,700' rel='stylesheet' type='text/css'> | ||
<style> | <style> | ||
− | + | ||
− | + | .top-buffer { margin-top:40px; } | |
+ | |||
+ | .vertical-center { | ||
+ | position: relative; | ||
+ | top: 50%; | ||
+ | transform: translateY(-50%); | ||
+ | } | ||
+ | |||
+ | .flip3D{ | ||
+ | width:250px; height:250px; margin:10px; float:center; margin: auto; | ||
+ | border-weight: 10px; | ||
+ | |||
+ | } | ||
+ | .flip3D > .front{ | ||
+ | border-radius: 5px; | ||
border-color: #00274c; | border-color: #00274c; | ||
− | + | background: rgba(0,0,0,0.0); | |
− | + | border-style: solid; | |
− | + | position:absolute; | |
+ | transform: perspective( 600px ) rotateY( 0deg ); | ||
+ | width:250px; height:250px; | ||
+ | backface-visibility: hidden; | ||
+ | -webkit-backface-visibility: hidden; | ||
+ | transition: transform .5s linear 0s; | ||
+ | box-shadow: 0 15px 50px rgba(0,0,0,0.0); | ||
+ | float: center; | ||
+ | } | ||
+ | .flip3D > .back{ | ||
+ | padding-top:20px; | ||
+ | padding-bottom:20px; | ||
+ | border-radius: 5px; | ||
+ | border-color: #00274c; | ||
+ | background: rgba(0,0,0,0.0); | ||
+ | border-style: solid; | ||
+ | position:absolute; | ||
+ | transform: perspective( 600px ) rotateY( 180deg ); | ||
+ | width:250px; height:250px; | ||
+ | backface-visibility: hidden; | ||
+ | -webkit-backface-visibility: hidden; | ||
+ | transition: transform .5s linear 0s; | ||
+ | box-shadow: 0 15px 50px rgba(0,0,0,0.0); | ||
+ | } | ||
+ | .flip3D:hover > .front{ | ||
+ | transform: perspective( 600px ) rotateY( -180deg ); | ||
+ | } | ||
+ | .flip3D:hover > .back{ | ||
+ | transform: perspective( 600px ) rotateY( 0deg ); | ||
+ | } | ||
+ | |||
+ | .carousel-indicators li { visibility: hidden; } | ||
− | + | p{ | |
− | + | color: #00274c; | |
font-family: "font-family: 'Comfortaa', cursive"; | font-family: "font-family: 'Comfortaa', cursive"; | ||
− | font-weight:400 | + | font-weight:400; |
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | |||
+ | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
− | + | ||
+ | <div class="container text-center"> | ||
<div class="row"> | <div class="row"> | ||
− | <div class="col-xs-12 col-lg-9 | + | <div class="col-xs-12 col-lg-9"> |
− | + | <div class="row" style="border-bottom:thin solid;"> | |
+ | <div class="col-xs-12" style="font-family: 'Comfortaa', cursive; color:#00274c !important; padding-bottom:30px"> | ||
+ | <h1>Michigan Software Team<br>Protocat 3.0</h1> | ||
+ | </div> | ||
+ | </div> | ||
− | |||
− | + | <div class="row top-buffer"> | |
+ | <div class="col-xs-12 col-sm-6 col-md-4 top-buffer"> | ||
+ | |||
+ | <div class="flip3D"> | ||
+ | <div class="back"> | ||
+ | <p style="font-size:14pt">Project</p> | ||
+ | <p>ProtoCat 3.0 is a free, open-source online catalog of laboratory protocols with improvements upon last year’s project including a larger protocol database and a website with more advanced features. By using ProtoCat 3.0, users can find tested, reliable protocols from across the globe all in one place.</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"> | |
+ | |||
+ | <div class="flip3D"> | ||
+ | <div class="back"> | ||
+ | <p class="vertical-center" style="font-size:14pt">Click to meet the team!</p> | ||
+ | </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> | ||
+ | </div> | ||
− | + | </div> | |
+ | <div class="col-xs-12 col-sm-6 col-md-4 top-buffer"> | ||
− | + | <div class="flip3D"> | |
− | + | <div class="back"> | |
+ | <p class="vertical-center" style="font-size:14pt">Click to learn more about our outreach!</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"> | ||
+ | |||
+ | <div class="flip3D"> | ||
+ | <div class="back"> | ||
+ | <p class="vertical-center" style="font-size:14pt">Click to learn about our software!</p> | ||
+ | </div> | ||
+ | <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"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-xs-12 col-sm-6 col-md-4 top-buffer"> | ||
+ | |||
+ | <div class="flip3D"> | ||
+ | <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"> | ||
+ | |||
+ | <div class="flip3D"> | ||
+ | <div class="back"> | ||
+ | <p class="vertical-center" style="font-size:14pt">Thank you to all of our sponsors!</p> | ||
+ | </div> | ||
+ | <div class="front"> | ||
+ | <img width="160" height="160" class="center-block vertical-center" src="https://static.igem.org/mediawiki/2016/9/95/T--Michigan_Software--handShakeBlue.png"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
</div> | </div> | ||
+ | |||
</div> | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <footer class="container-fluid text-center"> | ||
+ | |||
+ | </footer> | ||
</body> | </body> | ||
− | |||
</html> | </html> |
Revision as of 16:58, 16 August 2016
Michigan Software Team
Protocat 3.0
Project
ProtoCat 3.0 is a free, open-source online catalog of laboratory protocols with improvements upon last year’s project including a larger protocol database and a website with more advanced features. By using ProtoCat 3.0, users can find tested, reliable protocols from across the globe all in one place.
![](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 outreach!
![](https://static.igem.org/mediawiki/2016/8/80/T--Michigan_Software--globeBlue.png)
Click to learn about our software!
![](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)
Thank you to all of our sponsors!
![](https://static.igem.org/mediawiki/2016/9/95/T--Michigan_Software--handShakeBlue.png)