|
|
Line 36: |
Line 36: |
| </div> | | </div> |
| </div> | | </div> |
− | <div class="proabs" id="proabs"> | + | <div class="normalsec" id="normalsec"> |
− | <div class="container">
| + | |
− | <div class="row">
| + | |
− | <div class="col-sm-6 col-xs-6">
| + | |
− | <div class="videowrapper">
| + | |
− | <iframe src="https://www.youtube.com/embed/Vvrn4imd5v0" frameborder="0" allowfullscreen></iframe>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-sm-6 col-xs-6" style="height:100%;">
| + | |
− | <h2>Project Abstract</h2>
| + | |
− | <p>Legam hic mandaremus, ut ullamco tractavissent. Magna cernantur aut despicationes est in esse fore sunt nostrud. Dolor mandaremus qui laboris. Anim non e enim occaecat, est veniam mandaremus doctrina, nostrud magna ubi laboris concursionibus sed pariatur illum noster cupidatat esse, qui enim pariatur arbitrantur non ita malis comprehenderit.</p>
| + | |
− | <a href="#" class="proabs-btn">Read More</a></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="golinks" id="golinks">
| + | |
− | <div class="container">
| + | |
− | <div class="row">
| + | |
− | <div class="col-xs-6 col-sm-4 col-md-4">
| + | |
− | <div class="golinksbox"><img class="golinksimg" src="https://pbs.twimg.com/profile_images/378800000532546226/dbe5f0727b69487016ffd67a6689e75a.jpeg">
| + | |
− | <h4>some text here</h4>
| + | |
− | <p>Eram singulis expetendis te do aute distinguantur. In enim o legam, o hic nulla summis qui senserit.</p>
| + | |
− | <div class="golinksbtnbox"><a href="#" class="proabs-btn">Read More</a></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-xs-6 col-sm-4 col-md-4">
| + | |
− | <div class="golinksbox"><img class="golinksimg" src="https://pbs.twimg.com/profile_images/378800000532546226/dbe5f0727b69487016ffd67a6689e75a.jpeg">
| + | |
− | <h4>some text here</h4>
| + | |
− | <p>Eram singulis expetendis te do aute distinguantur. In enim o legam, o hic nulla summis qui senserit.</p>
| + | |
− | <div class="golinksbtnbox"><a href="#" class="proabs-btn">Read More</a></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-xs-6 col-sm-4 col-md-4">
| + | |
− | <div class="golinksbox"><img class="golinksimg" src="https://pbs.twimg.com/profile_images/378800000532546226/dbe5f0727b69487016ffd67a6689e75a.jpeg">
| + | |
− | <h4>some text here</h4>
| + | |
− | <p>Eram singulis expetendis te do aute distinguantur. In enim o legam, o hic nulla summis qui senserit.</p>
| + | |
− | <div class="golinksbtnbox"><a href="#" class="proabs-btn">Read More</a></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-xs-6 col-sm-4 col-md-4">
| + | |
− | <div class="golinksbox"><img class="golinksimg" src="https://pbs.twimg.com/profile_images/378800000532546226/dbe5f0727b69487016ffd67a6689e75a.jpeg">
| + | |
− | <h4>some text here</h4>
| + | |
− | <p>Eram singulis expetendis te do aute distinguantur. In enim o legam, o hic nulla summis qui senserit.</p>
| + | |
− | <div class="golinksbtnbox"><a href="#" class="proabs-btn">Read More</a></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-xs-6 col-sm-4 col-md-4">
| + | |
− | <div class="golinksbox"><img class="golinksimg" src="https://pbs.twimg.com/profile_images/378800000532546226/dbe5f0727b69487016ffd67a6689e75a.jpeg">
| + | |
− | <h4>some text here</h4>
| + | |
− | <p>Eram singulis expetendis te do aute distinguantur. In enim o legam, o hic nulla summis qui senserit.</p>
| + | |
− | <div class="golinksbtnbox"><a href="#" class="proabs-btn">Read More</a></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-xs-6 col-sm-4 col-md-4">
| + | |
− | <div class="golinksbox"><img class="golinksimg" src="https://pbs.twimg.com/profile_images/378800000532546226/dbe5f0727b69487016ffd67a6689e75a.jpeg">
| + | |
− | <h4>some text here</h4>
| + | |
− | <p>Eram singulis expetendis te do aute distinguantur. In enim o legam, o hic nulla summis qui senserit.</p>
| + | |
− | <div class="golinksbtnbox"><a href="#" class="proabs-btn">Read More</a></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="thankspon" id="thankspon">
| + | |
| <div class="container"> | | <div class="container"> |
| <div class="row"> | | <div class="row"> |
| <div class="col-xs-12"> | | <div class="col-xs-12"> |
− | <h2>Thanks...</h2> | + | |
− | <p>We would like to thank the following associations for helping or sponsoring us during our project.</p>
| + | |
| | | |
| | | |
| | | |
− | <div class="jcarousel-wrapper">
| |
− | <div class="jcarousel">
| |
− | <ul>
| |
− | <li><img src="https://pbs.twimg.com/profile_images/378800000532546226/dbe5f0727b69487016ffd67a6689e75a.jpeg" alt="Image 1"></li>
| |
− | <li><img src="https://pbs.twimg.com/profile_images/378800000532546226/dbe5f0727b69487016ffd67a6689e75a.jpeg" alt="Image 2"></li>
| |
− | <li><img src="https://pbs.twimg.com/profile_images/378800000532546226/dbe5f0727b69487016ffd67a6689e75a.jpeg" alt="Image 3"></li>
| |
− | <li><img src="https://pbs.twimg.com/profile_images/378800000532546226/dbe5f0727b69487016ffd67a6689e75a.jpeg" alt="Image 4"></li>
| |
− | <li><img src="https://pbs.twimg.com/profile_images/378800000532546226/dbe5f0727b69487016ffd67a6689e75a.jpeg" alt="Image 5"></li>
| |
− | <li><img src="https://pbs.twimg.com/profile_images/378800000532546226/dbe5f0727b69487016ffd67a6689e75a.jpeg" alt="Image 6"></li>
| |
− | </ul>
| |
− | </div>
| |
| | | |
− | <a href="#" class="jcarousel-control-prev">‹</a>
| + | <div class="column full_size"> |
− | <a href="#" class="jcarousel-control-next">›</a>
| + | |
| + | |
| + | <p>Please visit <a href="https://2016.igem.org/Safety">the main Safety page</a> to find this year's safety requirements & deadlines, and to learn about safe & responsible research in iGEM.</p> |
| + | |
| + | <p>On this page of your wiki, you should write about how you are addressing any safety issues in your project. The wiki is a place where you can <strong>go beyond the questions on the safety forms</strong>, and write about whatever safety topics are most interesting in your project. (You do not need to copy your safety forms onto this wiki page.)</p> |
| + | |
| + | </div> |
| + | |
| + | |
| + | <div class="column full_size"> |
| + | <h5>Safe Project Design</h5> |
| + | |
| + | <p>Does your project include any safety features? Have you made certain decisions about the design to reduce risks? Write about them here! For example:</p> |
| + | |
| + | <ul> |
| + | <li>Choosing a non-pathogenic chassis</li> |
| + | <li>Choosing parts that will not harm humans / animals / plants</li> |
| + | <li>Substituting safer materials for dangerous materials in a proof-of-concept experiment</li> |
| + | <li>Including an "induced lethality" or "kill-switch" device</li> |
| + | </ul> |
| + | |
| + | </div> |
| + | |
| + | <div class="column half_size"> |
| + | <h5>Safe Lab Work</h5> |
| + | |
| + | <p>What safety procedures do you use every day in the lab? Did you perform any unusual experiments, or face any unusual safety issues? Write about them here!</p> |
| + | |
| + | </div> |
| + | |
| + | <div class="column half_size"> |
| + | <h5>Safe Shipment</h5> |
| + | |
| + | <p>Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?</p> |
| + | </div> |
| + | |
| + | |
| + | |
| | | |
− | <p class="jcarousel-pagination"></p>
| |
− | </div>
| |
| | | |
| </div> | | </div> |
Line 198: |
Line 158: |
| <script src="https://2016.igem.org/Template:Hong_Kong_UCCKE/JS/jqueryjcarousel?action=raw&ctype=text/javascript" type="text/javascript"></script> | | <script src="https://2016.igem.org/Template:Hong_Kong_UCCKE/JS/jqueryjcarousel?action=raw&ctype=text/javascript" type="text/javascript"></script> |
| <script src="https://2016.igem.org/Template:Hong_Kong_UCCKE/JS/jcarouselresponsive?action=raw&ctype=text/javascript" type="text/javascript"></script> | | <script src="https://2016.igem.org/Template:Hong_Kong_UCCKE/JS/jcarouselresponsive?action=raw&ctype=text/javascript" type="text/javascript"></script> |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | <div class="column full_size">
| |
− |
| |
− |
| |
− | <p>Please visit <a href="https://2016.igem.org/Safety">the main Safety page</a> to find this year's safety requirements & deadlines, and to learn about safe & responsible research in iGEM.</p>
| |
− |
| |
− | <p>On this page of your wiki, you should write about how you are addressing any safety issues in your project. The wiki is a place where you can <strong>go beyond the questions on the safety forms</strong>, and write about whatever safety topics are most interesting in your project. (You do not need to copy your safety forms onto this wiki page.)</p>
| |
− |
| |
− | </div>
| |
− |
| |
− |
| |
− | <div class="column full_size">
| |
− | <h5>Safe Project Design</h5>
| |
− |
| |
− | <p>Does your project include any safety features? Have you made certain decisions about the design to reduce risks? Write about them here! For example:</p>
| |
− |
| |
− | <ul>
| |
− | <li>Choosing a non-pathogenic chassis</li>
| |
− | <li>Choosing parts that will not harm humans / animals / plants</li>
| |
− | <li>Substituting safer materials for dangerous materials in a proof-of-concept experiment</li>
| |
− | <li>Including an "induced lethality" or "kill-switch" device</li>
| |
− | </ul>
| |
− |
| |
− | </div>
| |
− |
| |
− | <div class="column half_size">
| |
− | <h5>Safe Lab Work</h5>
| |
− |
| |
− | <p>What safety procedures do you use every day in the lab? Did you perform any unusual experiments, or face any unusual safety issues? Write about them here!</p>
| |
− |
| |
− | </div>
| |
− |
| |
− | <div class="column half_size">
| |
− | <h5>Safe Shipment</h5>
| |
− |
| |
− | <p>Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?</p>
| |
− | </div>
| |
| | | |
| </html> | | </html> |