|
|
(38 intermediate revisions by 2 users not shown) |
Line 2: |
Line 2: |
| <html> | | <html> |
| <body> | | <body> |
− | <section class="model-homepage" style = "padding-bottom: 5em;"> | + | <section class="model-homepage" style = "padding-bottom: 7em;"> |
| <div class="container"> | | <div class="container"> |
| <div class="row"> | | <div class="row"> |
| <div class="col-lg-6 model-home-title safety-title"> | | <div class="col-lg-6 model-home-title safety-title"> |
− | <h1 style = "padding-top: 2.2em;">Safety @ QGEM</h1> | + | <h1 style = "padding-top: 3.2em;">Safety @ QGEM</h1> |
| <button class = primary-button>OUR COMMITMENT</button> | | <button class = primary-button>OUR COMMITMENT</button> |
| </div> | | </div> |
| <div class="col-lg-6 model-home-img"> | | <div class="col-lg-6 model-home-img"> |
− | <img style = "padding-top: 2em; padding-bottom: 2em;" src="https://static.igem.org/mediawiki/2020/d/dd/T--Queens_Canada--Safety_Sign.svg"> | + | <img style = "padding-top: 4em; padding-bottom: 2em;" src="https://static.igem.org/mediawiki/2020/d/dd/T--Queens_Canada--Safety_Sign.svg"> |
| </div> | | </div> |
| </div> | | </div> |
Line 19: |
Line 19: |
| <div class="container"> | | <div class="container"> |
| <div class="page text"> | | <div class="page text"> |
− | <div class="section-paragraph"> | + | <div class="section-paragraph" style="padding-top: 2em;"> |
− | <p style="display: block; text-align: center; font-size: 1em; font-weight: 400;"><b>QGEM takes safety seriously. Not just because we have too, but because we want our team to always return to work | + | <p style="display: block; text-align: left; font-size: 1em; font-weight: 400;"><b>QGEM takes safety seriously. Not just because we have too, but because we want our team to always return to work |
| healthy the next day. Although human life is our biggest safety consideration we also care about environmental | | healthy the next day. Although human life is our biggest safety consideration we also care about environmental |
| safety.</b><br><br> | | safety.</b><br><br> |
Line 36: |
Line 36: |
| <div class="container"> | | <div class="container"> |
| <div class="row"> | | <div class="row"> |
− | <div class="col-lg-8" style="padding-top: 2em;"> | + | <div class="col-lg-7" style="padding-top: 6em;"> |
− | <h4 style="display: block; margin-left: auto; margin-right: auto; color: #fff;">Watch our Wet-Lab Lead, Kody, | + | <h4 style="display: block; margin-left: 3em; color: #fff; padding-top: 1.2em;">Watch our Wet-Lab Lead, Kody, |
| <br>analyze common safety mistakes.</h4> | | <br>analyze common safety mistakes.</h4> |
| </div> | | </div> |
− | <div class="col-lg-4"> | + | <div class="col-lg-5"> |
− | <img src="https://static.igem.org/mediawiki/2020/a/a3/T--Queens_Canada--Kody-safety.png" alt="" style="display: block; margin-left: auto; margin-right: auto; width: 80%;"> | + | <img style="padding-top: 3em; padding-bottom: 3em; width: 60%;" src="https://static.igem.org/mediawiki/2020/a/a3/T--Queens_Canada--Kody-safety.png" alt="" style="display: block; margin-right: 3em; width: 80%; padding-top: 3em;"> |
| </div> | | </div> |
| </div> | | </div> |
| + | <div class = "row"> |
| + | <div class = "col-lg-2"> |
| + | <a href = https://static.igem.org/mediawiki/2020/f/fd/T--Queens_Canada--safety-video-transcript.pdf target = _blank><button onclick = pauseHomeVideo() class = primary-button id = safety-transcript-btn>Transcript</button></a> |
| + | </div> |
| + | <div class = "col-lg-10"> |
| + | <video style="margin-bottom: 4em;"class = safety-video controls poster = https://static.igem.org/mediawiki/2020/d/db/T--Queens_Canada--safety-video-thumbnail-3.png> |
| + | <source src = "https://static.igem.org/mediawiki/2020/d/dd/T--Queens_Canada--QGEM-Safety-Final.mp4" type = video/mp4> |
| + | </video> |
| + | </div> |
| + | </div> |
| </div> | | </div> |
| </section> | | </section> |