|
|
| (11 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>
| + | |
| − | <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC3949740/">Public Engagement</a>
| + | |
| − | </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> |
