Difference between revisions of "Team:Hong Kong UCCKE/Safety"

Line 1: Line 1:
 +
{{Hong_Kong_UCCKE/CSS/reset.css}}
 +
{{Hong_Kong_UCCKE/CSS/bootstrap.css}}
 +
{{Hong_Kong_UCCKE/CSS/style.css}}
 +
{{Hong_Kong_UCCKE/CSS/latofonts.css}}
 +
{{Hong_Kong_UCCKE/CSS/font-awesome.css}}
 +
{{Hong_Kong_UCCKE/CSS/jcarousel.responsive.css}}
 +
<html>
  
 +
 +
 +
 +
<link rel="stylesheet" href="https://2016.igem.org/Team:Leiden/libraries/font-awesome-4-6-3/css/font-awesome-min?action=raw&amp;ctype=text/css" type="text/css" />
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<div class="wholehead">
 +
</html>
 +
{{Hong_Kong_UCCKE/crazyheader}}
 
<html>
 
<html>
 +
        <div class="header" id="header">
 +
            <div class="container">
 +
 +
                <div class="row">
 +
                    <div class="col-sm-12 header-text">
 +
                        <div>
 +
                            <h1>UCCKE Bio Research Team</h1>
 +
                            <p>offendit malis arbitror appellat o arbitror nisi nam quamquam illustriora do se appellat praetermissum.</p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-sm-12" style="text-align:center;">
 +
                        <a href="#proabs" class="no-text-dec">
 +
                            <i class="fa fa-angle-down header-down" aria-hidden="true" style="font-size:40px; margin-bottom:10px;"></i>
 +
                        </a>
 +
                    </div>
 +
                </div>
 +
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <div class="proabs" id="proabs">
 +
        <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="row">
 +
                <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">&lsaquo;</a>
 +
                        <a href="#" class="jcarousel-control-next">&rsaquo;</a>
 +
 +
                        <p class="jcarousel-pagination"></p>
 +
                    </div>
 +
 +
                </div>
 +
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <div class="footer" id="footer">
 +
        <div class="mainfooter">
 +
            <div class="container">
 +
                <div class="row">
 +
                    <div class="col-xs-12 col-sm-4 col-md-4">LOGO</div>
 +
                    <div class="col-xs-12 col-sm-4 col-md-4">
 +
                        <div class="col-xs-12 noleftpadding">
 +
                            <h3>Contact</h3>
 +
                            <p>E-mail: bioresearchteam@gmail.com</p>
 +
                        </div>
 +
                        <div class="col-xs-12 noleftpadding marginbottom10">
 +
                            <h3>Address</h3>
 +
                            <p style="margin-bottom:0;">United Christian College (Kowloon East),
 +
                                <br>2 Lee On Lane,
 +
                                <br>Kwun Tong, HK</p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-xs-12 col-sm-4 col-md-4">
 +
                        <h3>Follow Us</h3>
 +
                        <p>
 +
                            <a href="#"><i class="fa fa-facebook" style="margin-right:10px;" aria-hidden="true"></i></a>
 +
                            <a href="#"><i class="fa fa-youtube" aria-hidden="true"></i></a>
 +
                        </p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="copyrightfooter">
 +
            <div class="container">
 +
                <div class="row">
 +
                    <div class="col-xs-12 pull-left">
 +
                        Content by UCCKE team. Designed and programmed with <i style="color:#ff8080;" class="fa fa-heart" aria-hidden="true"></i> by Gabriel Lee.
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
<script>
 +
$(document).ready(function(){
 +
  // Add smooth scrolling to all links
 +
  $("a").on('click', function(event) {
 +
 +
    // Make sure this.hash has a value before overriding default behavior
 +
    if (this.hash !== "") {
 +
      // Prevent default anchor click behavior
 +
      event.preventDefault();
 +
 +
      // Store hash
 +
      var hash = this.hash;
 +
 +
      // Using jQuery's animate() method to add smooth page scroll
 +
      // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
 +
      $('html, body').animate({
 +
        scrollTop: $(hash).offset().top
 +
      }, 800, function(){
 +
 
 +
        // Add hash (#) to URL when done scrolling (default click behavior)
 +
        window.location.hash = hash;
 +
      });
 +
    } // End if
 +
  });
 +
});
 +
</script>
 +
<script src="https://2016.igem.org/Template:Hong_Kong_UCCKE/JS/jquery?action=raw&ctype=text/javascript" type="text/javascript">
 +
</script><script src="https://2016.igem.org/Template:Hong_Kong_UCCKE/JS/bootstrap?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>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 
<div class="column full_size">
 
<div class="column full_size">
  

Revision as of 23:38, 2 August 2016

Project Abstract

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.

Read More

Thanks...

We would like to thank the following associations for helping or sponsoring us during our project.

  • Image 1
  • Image 2
  • Image 3
  • Image 4
  • Image 5
  • Image 6
‹ ›

Please visit the main Safety page to find this year's safety requirements & deadlines, and to learn about safe & responsible research in iGEM.

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 go beyond the questions on the safety forms, 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.)

Safe Project Design

Does your project include any safety features? Have you made certain decisions about the design to reduce risks? Write about them here! For example:

  • Choosing a non-pathogenic chassis
  • Choosing parts that will not harm humans / animals / plants
  • Substituting safer materials for dangerous materials in a proof-of-concept experiment
  • Including an "induced lethality" or "kill-switch" device
Safe Lab Work

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!

Safe Shipment

Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?