|
|
(4 intermediate revisions by one other user not shown) |
Line 1: |
Line 1: |
| {{Queens Canada/Header}} | | {{Queens Canada/Header}} |
| {{Queens Canada/Navbar}} | | {{Queens Canada/Navbar}} |
− |
| |
| <html> | | <html> |
| <head> | | <head> |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| <style> | | <style> |
− | | + | body { |
− | body {background-color: white;} | + | background-color: white; |
− | | + | margin-top: 50px; |
− | /* Create two equal columns that floats next to each other */
| + | max-width: 1200px; |
− | .column {
| + | position: relative; |
− | float:left; | + | margin-left: auto; |
− | text-align: center;
| + | margin-right: auto; |
− | 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> |
| + | </head> |
| | | |
| <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>
| + | |
− | <div>
| + | |
− | <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC3949740/">Public Engagement</a>
| + | |
− | vertical-align: baseline;
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="column" style="background-color:#FFFFFF;">
| + | |
− | <h3>Collaborations</h3>
| + | |
− | <p>Some text..</p>
| + | |
− | <br>
| + | |
− | <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC3949740/">Collaborations</a>
| + | |
− | </div>
| + | |
− | <div class="column" style="background-color:#FFFFFF;">
| + | |
− | <h3>Safety</h3>
| + | |
− | <p>Some text..</p>
| + | |
− | <br>
| + | |
− | <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC3949740/">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://www.ncbi.nlm.nih.gov/pmc/articles/PMC3949740/">Expert Interviews</a>
| |
− | </div>
| |
− | <div class="column" style="background-color:#FFFFFF;">
| |
− | <h3>Market Direction Analysis</h3>
| |
− | <p>Some text..</p>
| |
− | <br>
| |
− | <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC3949740/">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> |