Difference between revisions of "Team:Queens Canada/HP/Gold Integrated"

Line 8: Line 8:
  
 
body {background-color: white;}
 
body {background-color: white;}
 
/* Create two equal columns that floats next to each other */
 
.column {
 
    float:left;
 
    text-align: center;
 
    width: 28%;
 
    padding: 10px;
 
    margin: 30px;
 
    border: 20px double #0485BF;
 
    border-radius: 15px;
 
    height: 500px; /* Should be removed. Only for demonstration */
 
}
 
 
/* Clear floats after the columns */
 
.row:after {
 
    content: "";
 
    display: table;
 
    clear: both;
 
}
 
 
  
 
</style>
 
</style>
Line 33: Line 13:
 
<body>
 
<body>
  
<h1>Human Practices</h1>
+
<h1> Integrated Human Practices</h1>
  
<p>Overview text.</p>
+
<p>Text</p>
  
 
<br>
 
<br>
<h2>Silver Medal Criteria</h2>
+
<h2>123</h2>
 
+
<div class="row">
+
  <div class="column" style="background-color:#FFFFFF;">
+
    <h3>Public Engagement</h3>
+
    <p>Some text..</p>
+
    <br>
+
    <a href="https://2018.igem.org/Team:Queens_Canada/Engagement">Public Engagement</a>
+
  </div>
+
  <div class="column" style="background-color:#FFFFFF;">
+
    <h3>Collaborations</h3>
+
    <p>Some text..</p>
+
    <br>
+
    <a href="https://2018.igem.org/Team:Queens_Canada/Collaborations">Collaborations</a>
+
  </div>
+
  <div class="column" style="background-color:#FFFFFF;">
+
    <h3>Safety</h3>
+
    <p>Some text..</p>
+
    <br>
+
    <a href="https://2018.igem.org/Team:Queens_Canada/Safety/">Safety</a>
+
  </div>
+
</div>
+
  
 
<br>
 
<br>
<h2>Gold Medal Medal Criteria</h2>
+
<h2>456</h2>
 
<br>
 
<br>
 
<div class="row">
 
  <div class="column" style="background-color:#FFFFFF;">
 
    <h3>Expert Interviews</h3>
 
    <p>Some text..</p>
 
    <br>
 
    <a href="https://2018.igem.org/Team:Queens_Canada/Interviews">Expert Interviews</a>
 
  </div>
 
  <div class="column" style="background-color:#FFFFFF;">
 
    <h3>Market Direction Analysis</h3>
 
    <p>Some text..</p>
 
    <br>
 
    <a href="https://2018.igem.org/Team:Queens_Canada/Market">Market Direction Analysis</a>
 
  </div>
 
  <div class="column" style="background-color:#FFFFFF;">
 
    <h3>Column 2</h3>
 
    <p>Some text..</p>
 
  </div>
 
</div>
 
  
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 01:03, 3 August 2018

Integrated Human Practices

Text


123


456