Difference between revisions of "Team:Michigan Software"

m
Line 4: Line 4:
 
<head>
 
<head>
 
<style>
 
<style>
−
 
−
.jumbotron{
 
−
background-color: #ffff99;
 
−
border-color: #002080;
 
−
border-size: 5px;
 
−
border-style: solid;
 
−
}
 
  
 
         .flip3D{ width:240px; height:200px; margin:10px; float:left; }
 
         .flip3D{ width:240px; height:200px; margin:10px; float:left; }
Line 39: Line 32:
 
</style>
 
</style>
 
</head>
 
</head>
 +
<body>
  
−
<div class="container">
 
−
<div class="row">
 
  
−
<div class="col-xs-5">
+
    <div class="container text-center">
−
<img src="https://static.igem.org/mediawiki/2016/2/2e/T--Michigan_Software--CatCropped.extension.png">
+
        <h3>Michigan Software Team<br>Protocat 3.0</h3>
−
</div>
+
    </div>
  
−
<div class="col-xs-7">
+
    <div class="container">
−
<h2>Michigan Software</h2>
+
−
<h1>Protocat 3.0<h1>
+
−
</div>
+
  
−
</div>
+
        <div class="row">
−
</div>
+
            <div class="colxs-xs-4">
 +
               
 +
                <div class="flip3D">
 +
                    <div class="back">Project Stuff</div>
 +
                    <div class="front">Project</div>
 +
                </div>
  
 +
            </div>
 +
            <div class="colxs-xs-4">
 +
               
 +
                <div class="flip3D">
 +
                    <div class="back">Team Stuff</div>
 +
                    <div class="front">Team</div>
 +
                </div>
  
 +
            </div>
 +
            <div class="colxs-xs-4">
  
−
<div class="column full_size" >
+
                <div class="flip3D">
−
<h2>Project</h2>
+
                    <div class="back">Outreach Stuff</div>
−
<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 class="front">Outreach</div>
 +
                </div>
  
−
</div>
+
            </div>
−
 
+
         </div>
−
<br>
+
−
<br>
+
−
<br>
+
−
<br>
+
−
<br>
+
−
<br>
+
−
 
+
−
 
+
−
 
+
−
<div class="container text-center">
+
−
  <h3>What We Do</h3><br>
+
−
  <div class="row">
+
−
    <div class="flip3D">
+
−
         <div class="back">Box 1 - Back</div>
+
−
        <div class="front">Box 1 - Front</div>
+
−
    </div>
+
−
    <div class="col-sm-4">
+
−
      <img src="http://placehold.it/150x80?text=IMAGE" class="img-responsive" style="width:100%" alt="Image">
+
−
      <p>Project 2</p>
+
−
    </div>
+
−
    <div class="col-sm-4">
+
−
      <div class="well">
+
−
      <p>Some text..</p>
+
−
      </div>
+
−
      <div class="well">
+
−
      <p>Some text..</p>
+
−
      </div>
+
 
     </div>
 
     </div>
−
  </div>
+
 
−
</div><br>
+
  
 
<footer class="container-fluid text-center">
 
<footer class="container-fluid text-center">

Revision as of 17:05, 12 August 2016

Michigan Software Team
Protocat 3.0

Project Stuff
Project
Team Stuff
Team
Outreach Stuff
Outreach

Footer Text