|
|
| (34 intermediate revisions by 3 users not shown) |
| Line 9: |
Line 9: |
| | background-color:; | | background-color:; |
| | overflow-x: hidden | | overflow-x: hidden |
| | + | } |
| | + | |
| | + | body, html { |
| | + | margin: 0px!important; |
| | } | | } |
| | | | |
| Line 42: |
Line 46: |
| | } | | } |
| | | | |
| | + | a { |
| | + | padding-right: 0px!important |
| | + | } |
| | | | |
| | p { | | p { |
| Line 64: |
Line 71: |
| | | | |
| | .sectionfirst { | | .sectionfirst { |
| − | margin-top: 50px!important; | + | margin-top: 40px!important; |
| − | padding-top: 10vh;
| + | |
| | height: 30vh; | | height: 30vh; |
| | background: transparent; | | background: transparent; |
| Line 86: |
Line 92: |
| | <body> | | <body> |
| | | | |
| − | <div class="col-md-12 sectionfirst" style="background-color: #fbf9f8!important"> | + | <div class="clear"></div> |
| − | <h2 class="border" style="margin-top: 5vh; text-align: center">Public Engagement</h2> | + | |
| | + | <div class="col-md-12 sectionfirst" style="background-color: #f5f3f6!important"> |
| | + | <h2 class="border" style="margin-top: 12vh; text-align: center">Public Engagement</h2> |
| | <br/> | | <br/> |
| | </div> | | </div> |
| | | | |
| − | <div class="displaybox" style="background-color: #f5f3f6"> | + | <div class="displaybox clear" style="background-color: #f5f3f6"> |
| | <div class="container"> | | <div class="container"> |
| | <div class="col-md-12 text-justify col-centered"> | | <div class="col-md-12 text-justify col-centered"> |
| Line 129: |
Line 137: |
| | <center> | | <center> |
| | <img src="https://static.igem.org/mediawiki/2017/a/a8/T--Manchester--EUSynbio.jpg"> | | <img src="https://static.igem.org/mediawiki/2017/a/a8/T--Manchester--EUSynbio.jpg"> |
| | + | <br><br><br> |
| | <img src="https://static.igem.org/mediawiki/2017/8/81/T--Manchester--Humanity.jpg"> | | <img src="https://static.igem.org/mediawiki/2017/8/81/T--Manchester--Humanity.jpg"> |
| | </center> | | </center> |
| Line 138: |
Line 147: |
| | | | |
| | | | |
| − | <div class="displaybox"> | + | <div class="displaybox clear" style="background-color: #f5f3f6"> |
| | <div class="container"> | | <div class="container"> |
| | <div class="col-md-12 text-justify col-centered"> | | <div class="col-md-12 text-justify col-centered"> |
| Line 146: |
Line 155: |
| | </center> | | </center> |
| | <div class="col-md-12 text-justify"> | | <div class="col-md-12 text-justify"> |
| | + | |
| | + | <p><font color="#111">We realized that social media would be a particularly powerful way of engaging with a large world-wide audience: we published two one-minute clips about iGEM and Phosphostore on our <a href="https://www.facebook.com/iGEMManchester" target="_blank">Facebook account</a>. These videos aim to spark interest in the public, by providing a brief and entertaining description of each topic.</font></p> |
| | + | <br><br> |
| | | | |
| | <center> | | <center> |
| | <div style=""> | | <div style=""> |
| − | <video width="50%" height="50%" controls> | + | <video width="40%" height="40%" controls> |
| − | <source src="https://static.igem.org/mediawiki/2017/2/28/T--Manchester--Our_Project.mp4" type="video/mp4"> | + | <source src="https://static.igem.org/mediawiki/2017/8/89/IGEMSummary480p.mp4" type="video/mp4"> |
| | Your browser does not support the video tag. | | Your browser does not support the video tag. |
| | </video> | | </video> |
| | + | |
| | + | <video width="40%" height="40%" controls> |
| | + | <source src="https://static.igem.org/mediawiki/2017/b/bd/ProjectSummary480p.mp4" type="video/mp4"> |
| | + | Your browser does not support the video tag. |
| | + | </video> |
| | + | <br/><br/><br/> |
| | </div> | | </div> |
| | </center> | | </center> |
| | | | |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="displaybox" style="background-color: #f5f3f6">
| |
| − | <div class="container">
| |
| − | <div class="col-md-12 text-justify col-centered">
| |
| − | <center>
| |
| − | <h3><font color="#111">OUTREACH 1</font></specialh3>
| |
| − | <hr class="dark">
| |
| − | </center>
| |
| − | <div class="col-md-12 text-justify">
| |
| − | <p><font color="#111">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed condimentum turpis ut aliquam pellentesque. Quisque consectetur quam lorem, ut varius elit mollis euismod. Fusce gravida orci metus, nec cursus dui pulvinar quis. Vivamus accumsan magna tortor, quis egestas magna faucibus in. Morbi enim sem, sollicitudin viverra viverra et, tempor sit amet justo. Quisque malesuada magna eu lorem egestas, quis molestie lectus sollicitudin. Donec varius magna vel eros faucibus, vel cursus eros condimentum. Donec justo lacus, tempus sed vestibulum quis, semper vitae nulla. Nam vel accumsan mi. Cras molestie, risus in hendrerit laoreet, sapien mauris ultricies enim, in fermentum ligula nibh a tellus. In vitae sollicitudin nibh. Praesent convallis consectetur vulputate.
| |
| − |
| |
| − | Vestibulum faucibus augue a pretium interdum. Phasellus eros felis, tincidunt eget odio a, imperdiet consequat ipsum. Duis bibendum mattis efficitur. Etiam auctor id elit at fringilla. Donec pretium, ex id pellentesque varius, risus lacus pellentesque tortor, non tincidunt eros libero vel mi. Morbi viverra tempor mattis. Curabitur mattis sed dolor in aliquet. Maecenas nec metus at nibh gravida commodo id vel dolor.
| |
| − |
| |
| − | Morbi commodo cursus lacus, et ullamcorper nibh lacinia in. Mauris lectus enim, sodales vel dolor eget, volutpat volutpat purus. Quisque vitae odio pellentesque, pulvinar lorem eu, congue ligula. Morbi magna sem, pharetra sed sagittis quis, aliquam sit amet purus. Aliquam eget est ut ligula facilisis gravida ut ut ante. Nullam quis venenatis nulla. Nam facilisis ex in ligula consequat posuere. Pellentesque id arcu mattis, gravida elit a, hendrerit ante. Integer mollis justo sed vestibulum vehicula.</font></p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="displaybox" style="background-color: #fff">
| |
| − | <div class="container">
| |
| − | <div class="col-md-12 text-justify col-centered">
| |
| − | <center>
| |
| − | <h3><font color="#111">OUTREACH 2</font></specialh3>
| |
| − | <hr class="dark">
| |
| − | </center>
| |
| − | <div class="col-md-12 text-justify">
| |
| − | <p><font color="#111">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed condimentum turpis ut aliquam pellentesque. Quisque consectetur quam lorem, ut varius elit mollis euismod. Fusce gravida orci metus, nec cursus dui pulvinar quis. Vivamus accumsan magna tortor, quis egestas magna faucibus in. Morbi enim sem, sollicitudin viverra viverra et, tempor sit amet justo. Quisque malesuada magna eu lorem egestas, quis molestie lectus sollicitudin. Donec varius magna vel eros faucibus, vel cursus eros condimentum. Donec justo lacus, tempus sed vestibulum quis, semper vitae nulla. Nam vel accumsan mi. Cras molestie, risus in hendrerit laoreet, sapien mauris ultricies enim, in fermentum ligula nibh a tellus. In vitae sollicitudin nibh. Praesent convallis consectetur vulputate.
| |
| − |
| |
| − | Vestibulum faucibus augue a pretium interdum. Phasellus eros felis, tincidunt eget odio a, imperdiet consequat ipsum. Duis bibendum mattis efficitur. Etiam auctor id elit at fringilla. Donec pretium, ex id pellentesque varius, risus lacus pellentesque tortor, non tincidunt eros libero vel mi. Morbi viverra tempor mattis. Curabitur mattis sed dolor in aliquet. Maecenas nec metus at nibh gravida commodo id vel dolor.
| |
| − |
| |
| − | Morbi commodo cursus lacus, et ullamcorper nibh lacinia in. Mauris lectus enim, sodales vel dolor eget, volutpat volutpat purus. Quisque vitae odio pellentesque, pulvinar lorem eu, congue ligula. Morbi magna sem, pharetra sed sagittis quis, aliquam sit amet purus. Aliquam eget est ut ligula facilisis gravida ut ut ante. Nullam quis venenatis nulla. Nam facilisis ex in ligula consequat posuere. Pellentesque id arcu mattis, gravida elit a, hendrerit ante. Integer mollis justo sed vestibulum vehicula.</font></p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="displaybox" style="background-color: #f5f3f6">
| |
| − | <div class="container">
| |
| − | <div class="col-md-12 text-justify col-centered">
| |
| − | <center>
| |
| − | <h3><font color="#111">OUTREACH 3</font></specialh3>
| |
| − | <hr class="dark">
| |
| − | </center>
| |
| − | <div class="col-md-12 text-justify">
| |
| − | <p><font color="#111">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed condimentum turpis ut aliquam pellentesque. Quisque consectetur quam lorem, ut varius elit mollis euismod. Fusce gravida orci metus, nec cursus dui pulvinar quis. Vivamus accumsan magna tortor, quis egestas magna faucibus in. Morbi enim sem, sollicitudin viverra viverra et, tempor sit amet justo. Quisque malesuada magna eu lorem egestas, quis molestie lectus sollicitudin. Donec varius magna vel eros faucibus, vel cursus eros condimentum. Donec justo lacus, tempus sed vestibulum quis, semper vitae nulla. Nam vel accumsan mi. Cras molestie, risus in hendrerit laoreet, sapien mauris ultricies enim, in fermentum ligula nibh a tellus. In vitae sollicitudin nibh. Praesent convallis consectetur vulputate.
| |
| − |
| |
| − | Vestibulum faucibus augue a pretium interdum. Phasellus eros felis, tincidunt eget odio a, imperdiet consequat ipsum. Duis bibendum mattis efficitur. Etiam auctor id elit at fringilla. Donec pretium, ex id pellentesque varius, risus lacus pellentesque tortor, non tincidunt eros libero vel mi. Morbi viverra tempor mattis. Curabitur mattis sed dolor in aliquet. Maecenas nec metus at nibh gravida commodo id vel dolor.
| |
| − |
| |
| − | Morbi commodo cursus lacus, et ullamcorper nibh lacinia in. Mauris lectus enim, sodales vel dolor eget, volutpat volutpat purus. Quisque vitae odio pellentesque, pulvinar lorem eu, congue ligula. Morbi magna sem, pharetra sed sagittis quis, aliquam sit amet purus. Aliquam eget est ut ligula facilisis gravida ut ut ante. Nullam quis venenatis nulla. Nam facilisis ex in ligula consequat posuere. Pellentesque id arcu mattis, gravida elit a, hendrerit ante. Integer mollis justo sed vestibulum vehicula.</font></p>
| |
| | </div> | | </div> |
| | </div> | | </div> |
