|
|
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> |