Difference between revisions of "Team:CSU CHINA/Safety"

Line 1: Line 1:
 
{{CSU_CHINA}}
 
{{CSU_CHINA}}
−
 
 
<html>
 
<html>
 +
 
<head>
 
<head>
−
 
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
−
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
    <title>CSU_CHINA_TEAM</title>
−
     <meta name="author" content="ZhangB">
+
     <meta name="viewport" content="width=device-width, initial-scale=1">
−
 
+
     <link rel="stylesheet" href="https://2019.igem.org/Template:CSU_CHINA/CSS/Team?action=raw&ctype=text/css" type="text/css">
−
    <title>SAFETY</title>
+
−
   
+
 
</head>
 
</head>
−
 
+
<style>
−
<body>
+
     /*--背景图片--*/
−
     <style>
+
    .background {
−
        #ZBB{
+
        background: url(images/bg.jpg) no-repeat;
−
            height: 300px;
+
        background-size: cover;
−
            display: -webkit-flex;
+
        -webkit-background-size: cover;
−
            display: flex;
+
        -moz-background-size: cover;
−
            background-image: url('https://static.igem.org/mediawiki/2019/9/9e/T--CSU_CHINA--HandBackgrounm.jpg');
+
        -o-background-size: cover;
−
            background-size: cover;
+
        -moz-background-size: cover;
−
            background-repeat: no-repeat;
+
        min-height: 300px;
−
            background-position: center;
+
    }
−
            justify-content: center;
+
    /*-- portfolio-inner-page --*/
−
             align-items: center;
+
    .portfolio h4 {
 +
        color: #000;
 +
        font-size: 18px;
 +
    }
 +
    label.portfolio-line {
 +
        display: block;
 +
        background-color: #000;
 +
        width: 10%;
 +
        margin: 15px auto;
 +
        height: 2px;
 +
    }
 +
    .portfolio h6 {
 +
        width: 50%;
 +
        margin: 0 auto 20px auto;
 +
        font-size: 14px;
 +
        line-height: 30px;
 +
    }
 +
    .portfolio-grid1,
 +
    .portfolio-grid2,
 +
    .portfolio-grid3,
 +
    .portfolio-grid6,
 +
    .portfolio-grid4,
 +
    .portfolio-grid5 {
 +
        margin-bottom: 20px;
 +
    }
 +
    /*--SAP--*/
 +
    .sap_tabs {
 +
        clear: both;
 +
        padding: 0;
 +
    }
 +
    .tab_box {
 +
        background: #fd926d;
 +
        padding: 2em;
 +
    }
 +
    .top1 {
 +
        margin-top: 2%;
 +
    }
 +
    .resp-tabs-list {
 +
        list-style: none;
 +
        padding: 0 0 3em;
 +
        margin: 0 auto;
 +
        text-align: center;
 +
    }
 +
    .resp-tab-item {
 +
        color: #333;
 +
        font-size: 1.1em;
 +
        font-weight: 500;
 +
        cursor: pointer;
 +
        display: inline-block;
 +
        margin: 0;
 +
        text-align: center;
 +
        list-style: none;
 +
        outline: none;
 +
        -webkit-transition: all 0.3s;
 +
        -moz-transition: all 0.3s;
 +
        -ms-transition: all 0.3s;
 +
        -o-transition: all 0.3s;
 +
        transition: all 0.3s;
 +
        text-transform: uppercase;
 +
        margin: 0 0.3em 0;
 +
        border-bottom: 2px solid #fff;
 +
        color: #000;
 +
        padding: 10px 15px;
 +
        border: 2px solid #23b684;
 +
    }
 +
    .resp-tab-active {
 +
        background-color: #23b684;
 +
        color: #fff;
 +
    }
 +
    .resp-tabs-container {
 +
        padding: 0px;
 +
        clear: left;
 +
    }
 +
    h2.resp-accordion {
 +
        cursor: pointer;
 +
        padding: 5px;
 +
        display: none;
 +
    }
 +
    .resp-tab-content {
 +
        display: none;
 +
    }
 +
    .resp-content-active,
 +
    .resp-accordion-active {
 +
        display: block;
 +
    }
 +
    .tab_img {
 +
        padding: 2em 0 0;
 +
        display: inline-block;
 +
    }
 +
    .portfolio-grids {
 +
        float: left;
 +
    }
 +
    .portfolio-grids a {
 +
        display: block;
 +
        overflow: hidden;
 +
        position: relative;
 +
    }
 +
    .portfolio-grids img.img-responsive {
 +
        width: 100%;
 +
    }
 +
    .b-wrapper {
 +
        background: rgba(0, 0, 0, 0.7);
 +
        position: absolute;
 +
        width: 100%;
 +
        height: 100%;
 +
        bottom: 0%;
 +
        left: 0;
 +
        -webkit-transition: .5s all;
 +
        -moz-transition: .5s all;
 +
        transition: .5s all;
 +
        -webkit-transform: scale(0);
 +
        -moz-transform: scale(0);
 +
        transform: scale(0);
 +
        -o-transform: scale(0);
 +
        -ms-transform: scale(0);
 +
    }
 +
    .portfolio-grids a:hover .b-wrapper {
 +
        -webkit-transform: scale(1);
 +
        -moz-transform: scale(1);
 +
        transform: scale(1);
 +
        -o-transform: scale(1);
 +
        -ms-transform: scale(1);
 +
    }
 +
    .b-wrapper h5,
 +
    .b-wrapper h2 {
 +
        font-size: 2.5em;
 +
        color: #fff;
 +
        text-align: center;
 +
        padding: 30% 0;
 +
        font-weight: 300;
 +
    }
 +
    img.zoom-img {
 +
        -webkit-transform: scale(1, 1);
 +
        transform: scale(1, 1);
 +
        -moz-transform: scale(1, 1);
 +
        -ms-transform: scale(1, 1);
 +
        -o-transform: scale(1, 1);
 +
        transition-timing-function: ease-out;
 +
        -webkit-transition-timing-function: ease-out;
 +
        -moz-transition-timing-function: ease-out;
 +
        -ms-transition-timing-function: ease-out;
 +
        -o-transition-timing-function: ease-out;
 +
        -webkit-transition-duration: 2s !important;
 +
        -moz-transition-duration: 2s !important;
 +
        transition-duration: 2s !important;
 +
    }
 +
    img.zoom-img:hover,
 +
    .portfolio-grids:hover img.zoom-img {
 +
        -webkit-transform: scale(1.2);
 +
        transform: scale(1.2);
 +
        -moz-transform: scale(1.2);
 +
        -ms-transform: scale(1.2);
 +
        -o-transform: scale(1.2);
 +
        overflow: hidden;
 +
    }
 +
    /*-- //portfolio-inner-page --*/
 +
    @media(max-width: 991px) {
 +
        button.navbar-toggler {
 +
             background: #fff;
 +
            border-radius: 0px;
 
         }
 
         }
−
         #ZB p{
+
         .resp-tab-item {
−
             font-size: 20px;
+
             padding: 10px 38px;
−
            font-family: Times New Roman;
+
             margin-bottom: 0.5em;
−
             text-align: justify;  
+
 
         }
 
         }
−
        #ZB p:first-of-type::first-letter{
+
    }
−
            font-family: Georgia;
+
</style>
−
            font-size: 39px;
+
−
            margin: 0px 5px;
+
−
            float: left;
+
−
        }
+
−
        #ZB li{
+
−
            font-size:  18px;
+
−
            font-family: Times New Roman;
+
−
            margin: 10px 0px;
+
−
        }
+
−
        #ZBB h1{
+
−
            font-family: Arial Black;
+
−
            text-shadow: 5px 5px 8px white;
+
−
        }
+
−
        #ZB h2{
+
−
            padding: 20px 0px;
+
−
            border-bottom: 1px solid #2487eb;
+
−
        }
+
−
        #ZB a:hover{
+
−
            cursor: pointer;
+
−
        }
+
−
        #ZB img{
+
−
            width: 100%;
+
−
            height: auto;
+
−
        }
+
−
    </style>
+
  
−
     <div class="container-fluid px-0" id="ZBB">
+
<body>
−
        <div class="row">
+
     <div class="background"></div>
−
            <div class="col-*-12">
+
    <div id="portfolio" class="portfolio">
−
                <h1 class="display-1">SAFETY</h1>
+
        <div class="heading">
−
             </div>
+
             <h3>TEAM</h3>
 
         </div>
 
         </div>
−
    </div>
+
        <div class="container">
−
 
+
             <div class="sap_tabs">
−
<div class="container shadow my-3" id="ZB">
+
                 <div id="horizontalTab">
−
        <!-- 第一行 -->
+
                     <ul class="resp-tabs-list">
−
        <div class="row">
+
                         <li class="resp-tab-item"><span>Student Members</span>
−
             <div class="col-lg-3">
+
                         </li>
−
                 <div class="row">
+
                        <li class="resp-tab-item"><span>Team Leader</span>
−
                     <div class="col-md-12">
+
                         </li>
−
                         <img src="https://static.igem.org/mediawiki/2019/f/f7/T--CSU_CHINA--SchoolGate.jpg" alt="" class="rounded">
+
                         <li class="resp-tab-item"><span>Instructors</span>
−
                    </div>
+
                         </li>
−
                    <div class="col-md-12">
+
                         <li class="resp-tab-item"><span>   Advisors  </span>
−
                        <h2>General</h2>
+
                         </li>
−
                         <p>In Central South University, our school issues the laws of laboratory safety rules governing the biosafety, which follows the rules of Biological safety management regulations for pathogenic microorganisms Laboratory issued by China State Council. </p>
+
−
                    </div>
+
−
                </div>
+
−
                </div>
+
−
            <div class="col-lg-9">
+
−
                <h2>Biosafety rules and documents</h2>
+
−
                <p>Our lab follows China National Institute of Pathogenic Microorganisms Biosafety Management and Central South University Laboratory Safety Rules as these aspects below.</p>
+
−
                <ul>
+
−
                    <li>Lab access and rules (those 3 rules below are specially supposed to remember for daily lab life)
+
−
                         <ol>
+
−
                            <li>Eating and drinking are not allowed inside the working area.</li>
+
−
                            <li>Anyone who is participating in the experiment is supposed to wear lab coats and protective goggles.</li>
+
−
                            <li>You are not allowed to wear protective goggles to touch any resting area or somewhere outside the lab.</li>
+
−
                         </ol>
+
−
                    </li>
+
−
                    <li>Correct disposal of biological wastes and lab consumables</li>
+
−
                    <li>Differences between biosafety levels</li>
+
−
                    <li>Biosafety equipment and chemical safety(such as biosafety cabinets and chemical fume hood)</li>
+
−
                    <li>Fire, water and electrical safety(We have fixed using time of large-scale scientific instruments and for sterilization)</li>
+
−
                    <li>Disinfection and sterilization</li>
+
−
                    <li>Transport rules</li>
+
−
                    <li>Emergency procedures</li>
+
−
                    <li>Responsible individuals (such as lab or departmental specialist or institutional biosafety officer)</li>
+
−
                    <li>Good microbial technique (such as lab practices)</li>
+
−
                </ul>
+
−
            </div>
+
−
        </div>
+
−
        <!-- 第二行 -->
+
−
        <div class="row">
+
−
            <div class="col-lg-5 col-md-7">
+
−
                <div class="row">
+
−
                    <div class="col-md-12">
+
−
                        <h2>Lab Biosafety Level </h2>
+
−
                         <p>The iGEM CSU_CHINA team of 2019 were working mainly in the BSL-1 lab at the Department of Life Science, Central South University for our project.</p>
+
−
                    </div>
+
−
                    <div class="col-md-12">
+
−
                         <h2>Biosafety Training</h2>
+
−
                        <p>All the team members followed a lab safety training and signed relevant safety documents prior to entering the lab at Central South University. A thorough and comprehensive lab safety training was provided by the biosafety offices of the universities and the departmental specialists. And the biosafety training also has an Internet-based test and values 1 academic point for bachelor students. </p>
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
            <div class="col-lg-7 col-md-5">
+
−
                <h2>Personal protective equipment</h2>
+
−
                <p>Team members were equipped with lab coats, protective goggles, and disposable nitrile gloves. No other protective equipment was necessary according to the lab biosafety guidelines.</p>
+
−
           
+
−
                <div id="demo1" class="carousel slide" data-ride="carousel">
+
−
 
+
−
                    <!-- 指示符 -->
+
−
                    <ul class="carousel-indicators">
+
−
                         <li data-target="#demo1" data-slide-to="0" class="active"></li>
+
−
                        <li data-target="#demo1" data-slide-to="1"></li>
+
−
                        <li data-target="#demo1" data-slide-to="2"></li>
+
 
                     </ul>
 
                     </ul>
−
                   
+
                     <div class="clearfix"></div>
−
                    <!-- 轮播图片 -->
+
                    <div class="resp-tabs-container">
−
                     <div class="carousel-inner shadow">
+
                         <div class="tab-1 resp-tab-content row">
−
                        <div class="carousel-item  active">
+
                            <div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid1">
−
                            <img src="https://static.igem.org/mediawiki/2019/4/41/T--CSU_CHINA--glove.png">
+
                                <a href="https://static.igem.org/mediawiki/2018/5/53/T--CSU_CHINA--TM_SQX.jpg" data-lightbox="example-set" data-title="My name is Qingxin Shi, a 20-year-old boy from Central South University. My major is life science and now I’m a junior student. This year is my first time to enjoy myself in iGEM and I am in charge of the online submission of our team CSU_CHINA and doing experiments. I’m so glad to master many new skills to make me be better and make many outstanding new friends. iGEM makes my life more colorful and I want to meet more interesting friends. Let’s do our best here! ">
−
                        </div>
+
                                     <img src="https://static.igem.org/mediawiki/2018/5/53/T--CSU_CHINA--TM_SQX.jpg" class="img-responsive zoom-img" alt="" />
−
                         <div class="carousel-item ">
+
                                    <div class="b-wrapper">
−
                            <img src="https://static.igem.org/mediawiki/2019/1/17/T--CSU_CHINA--DYFexperiment.jpg">
+
                                        <h2>Shi Qingxin</h2>
−
                        </div>
+
                                     </div>
−
                        <div class="carousel-item ">
+
                                 </a>
−
                            <img src="https://static.igem.org/mediawiki/2019/c/cb/T--CSU_CHINA--LZJexperiment.jpg">
+
−
                        </div>
+
−
                    </div>
+
−
                   
+
−
                    <!-- 左右切换按钮 -->
+
−
                    <a class="carousel-control-prev" href="#demo1" data-slide="prev">
+
−
                        <span class="carousel-control-prev-icon"></span>
+
−
                    </a>
+
−
                    <a class="carousel-control-next" href="#demo1" data-slide="next">
+
−
                        <span class="carousel-control-next-icon"></span>
+
−
                    </a>
+
−
                   
+
−
                </div>
+
−
            </div>
+
−
        </div>
+
−
        <!-- 第三行 -->
+
−
        <div class="row">
+
−
            <div class="col-lg-5 col-md-4">
+
−
                <div class="row">
+
−
                    <div class="col-md-12">
+
−
                        <h2>Work areas</h2>
+
−
                        <p>Which work areas do you use to handle biological materials?</p>
+
−
                   
+
−
                        <div id="demo2" class="carousel slide" data-ride="carousel">
+
−
 
+
−
                            <!-- 指示符 -->
+
−
                            <ul class="carousel-indicators">
+
−
                                <li data-target="#demo2" data-slide-to="0" class="active"></li>
+
−
                                <li data-target="#demo2" data-slide-to="1"></li>
+
−
                                <li data-target="#demo2" data-slide-to="2"></li>
+
−
                            </ul>
+
−
                           
+
−
                            <!-- 轮播图片 -->
+
−
                            <div class="carousel-inner shadow">
+
−
                                <div class="carousel-item  active">
+
−
                                     <img src="https://static.igem.org/mediawiki/2019/c/cf/T--CSU_CHINA--Lab.jpg">
+
−
                                </div>
+
−
                                <div class="carousel-item ">
+
−
                                    <img src="https://static.igem.org/mediawiki/2019/9/92/T--CSU_CHINA--LabEnviron.jpg">
+
−
                                </div>
+
−
                                <div class="carousel-item ">
+
−
                                     <img src="https://static.igem.org/mediawiki/2019/e/e6/T--CSU_CHINA--pocket.png">
+
−
                                 </div>
+
 
                             </div>
 
                             </div>
 +
                            <div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid2">
 +
                                <a href="https://static.igem.org/mediawiki/2018/5/53/T--CSU_CHINA--TM_SQX.jpg" data-lightbox="example-set" data-title="My name is Shangcheng Yu, a 21-year-old boy, currently studying at Central South University majored in biological science. I’m mainly in charge of the experiment part of our whole IGEM project. In my spare time, I enjoy listening to music and watching cartoons. Discussing research progress and exchanging ideas about science especially in the field of immunology is also my favor. I’m outgoing and willing to make friends. For any related question, you can feel free to contact my e-mail below.
 +
cell_ysc@foxmail.com  ">
 +
                                    <img src="https://static.igem.org/mediawiki/2018/5/53/T--CSU_CHINA--TM_SQX.jpg" class="img-responsive zoom-img" alt="" />
 +
                                    <div class="b-wrapper">
 +
                                        <h5>Yu Shangcheng</h5>
 +
                                    </div>
 +
                                </a>
 +
                            </div>
 +
                            <div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid3">
 +
                                <a href="https://static.igem.org/mediawiki/2018/5/53/T--CSU_CHINA--TM_SQX.jpg" data-lightbox="example-set" data-title="Dong Yufan, the junior undergraduate majored in biological sciences, acts as a member of the CSU_CHINA in 2018 iGEM. St.Dong is dedicated in studying the molecular mechanism of special gene related to certain genetic diseases during these two years, as well as participating in several kinds of social activities like the student union, communication in the institution of neurobiology, summer school in HKU, and so forth.
 +
Besides, st.Dong has a great passion on music esp piano, and all kinds of sports. ">
 +
                                    <img src="https://static.igem.org/mediawiki/2018/5/53/T--CSU_CHINA--TM_SQX.jpg" class="img-responsive zoom-img" alt="" />
 +
                                    <div class="b-wrapper">
 +
                                        <h5>Dong Yufan</h5>
 +
                                    </div>
 +
                                </a>
 +
                            </div>
 +
                            <div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
                                <a href="images/T--CSU_CHINA--TM_YKY.jpg" data-lightbox="example-set" data-title="My name is Yao Keyu. I am 20 years old now ，but in my heart,forever 18. I am currently a junior student of Central South University. My major is Detection, guidance and control technology.I'm honored to participate in this competition. In the CSU-CHINA team ,I am an art designer.I spend most of my time on designing the poster 、website design and so on. I have lots of interest, such as singing, dancing, drawing and so on.On vacation,I usually like to have the Volunteer Travel. ">
 +
                                    <img src="images/T--CSU_CHINA--TM_YKY.jpg" class="img-responsive zoom-img" alt="" />
 +
                                    <div class="b-wrapper">
 +
                                        <h5>Yao Keyu</h5>
 +
                                    </div>
 +
                                </a>
 +
                            </div>
 +
                            <div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid5">
 +
                                <a href="images/T--CSU_CHINA--TM_LJY.jpg" data-lightbox="example-set" data-title="I am a Year 3 Biological Science student. I love sightseeing , dancing and eating mooncake, especially lava egg custard mooncake! The reason why I joined iGEM not only I wanted to try something new but also I can learn more about synthetic biology. During these months, I have learned how to be a scientific researcher, how to draw a beautiful chart, how to teach people learn a dance in a few days and how to cooperate well with others. ">
 +
                                    <img src="images/T--CSU_CHINA--TM_LJY.jpg" class="img-responsive zoom-img" alt="" />
 +
                                    <div class="b-wrapper">
 +
                                        <h5>Li Jiayi</h5>
 +
                                    </div>
 +
                                </a>
 +
                            </div>
 +
                            <div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid6">
 +
                                <a href="images/T--CSU_CHINA--TM_PXD.jpg data-lightbox=" example-set " data-title="Nice to meet you. I am Xiandong Peng. I come from Hunan Province , which is in the middle south of our country, China.I am a college student studying life sciences and have a special passion for liver cancer and lung cancer research. I hope that my research career will have no regrets. ">
 +
<img src="images/T--CSU_CHINA--TM_PXD.jpg " class="img-responsive zoom-img " alt=" "/>
 +
<div class="b-wrapper ">
 +
<h5>Peng Xiandong </h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid6 ">
 +
<a href="images/T--CSU_CHINA--TM_LJM.jpg " data-lightbox="example-set " data-title="Hello! I am a junior student(20 year-old) of clinical medicine from CSU-China. I have extensive hobbies, eg. watching drama, singing songs and reading novels. Moreover, I am very good at basketball. Major contribution to the project：organiser of Human Practice, collaborator-in-chief, video editor and assistant designer. ">
 +
<img src="images/T--CSU_CHINA--TM_LJM.jpg " class="img-responsive zoom-img " alt=" "/>
 +
<div class="b-wrapper ">
 +
<h5>Liu Jiamiao</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="clearfix "> </div>
 +
</div>
 +
<div class="tab-1 resp-tab-content ">
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid1 ">
 +
<a href="images/ship1.jpg " data-lightbox="example-set " data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen. ">
 +
<img src="images/ship1.jpg " class="img-responsive zoom-img " alt=" "/>
 +
<div class="b-wrapper ">
 +
<h5>Ship Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class=" col-md-4 col-sm-4 portfolio-grids portfolio-grid2 ">
 +
<a href="images/ship2.jpg " data-lightbox="example-set " data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen. ">
 +
<img src="images/ship2.jpg " class="img-responsive zoom-img " alt=" "/>
 +
<div class="b-wrapper ">
 +
<h5>Ship Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid3 ">
 +
<a href="images/ship3.jpg " data-lightbox="example-set " data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen. ">
 +
<img src="images/ship3.jpg " class="img-responsive zoom-img " alt=" "/>
 +
<div class="b-wrapper ">
 +
<h5>Ship Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4 ">
 +
<a href="images/ship4.jpg " data-lightbox="example-set " data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen. ">
 +
<img src="images/ship4.jpg " class="img-responsive zoom-img " alt=" "/>
 +
<div class="b-wrapper ">
 +
<h5>Ship Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid5 ">
 +
<a href="images/ship5.jpg " data-lightbox="example-set " data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen. ">
 +
<img src="images/ship5.jpg " class="img-responsive zoom-img " alt=" "/>
 +
<div class="b-wrapper ">
 +
<h5>Ship Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="clearfix "> </div>
 +
</div>
 +
<div class="tab-1 resp-tab-content ">
 +
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid1 ">
 +
<a href="images/800px-T--CSU_CHINA--TM_LXY.jpg " data-lightbox="example-set " data-title="Hey guys,My name is Li Xiangyu,the student leader of CSU_CHINA.This is our first year to take part in the competition.I hope we will have a good trip to America. ">
 +
<img src="images/800px-T--CSU_CHINA--TM_LXY.jpg " class="img-responsive zoom-img " alt=" "/>
 +
<div class="b-wrapper ">
 +
<h5>Xiangyu LI</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="clearfix "> </div>
 +
</div>
 +
<div class="tab-1 resp-tab-content ">
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid1 ">
 +
<a href="images/flight1.jpg " data-lightbox="example-set " data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen. ">
 +
<img src="images/flight1.jpg " class="img-responsive zoom-img " alt=" "/>
 +
<div class="b-wrapper ">
 +
<h5>Flight Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid2 ">
 +
<a href="images/flight2.jpg " data-lightbox="example-set " data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen. ">
 +
<img src="images/flight2.jpg " class="img-responsive zoom-img " alt=" "/>
 +
<div class="b-wrapper ">
 +
<h5>Flight Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid3 ">
 +
<a href="images/flight3.jpg " data-lightbox="example-set " data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen. ">
 +
<img src="images/flight3.jpg " class="img-responsive zoom-img " alt=" "/>
 +
<div class="b-wrapper ">
 +
<h5>Flight Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4 ">
 +
<a href="images/flight4.jpg " data-lightbox="example-set " data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen. ">
 +
<img src="images/flight4.jpg " class="img-responsive zoom-img " alt=" "/>
 +
<div class="b-wrapper ">
 +
<h5>Flight Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4 ">
 +
<a href="images/flight5.jpg " data-lightbox="example-set " data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen. ">
 +
<img src="images/flight5.jpg " class="img-responsive zoom-img " alt=" "/>
 +
<div class="b-wrapper ">
 +
<h5>Flight Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4 ">
 +
<a href="images/flight6.jpg " data-lightbox="example-set " data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen. ">
 +
<img src="images/flight6.jpg " class="img-responsive zoom-img " alt=" "/>
 +
<div class="b-wrapper ">
 +
<h5>Flight Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="clearfix "> </div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
    <script>
 +
        $(document).ready(function() {
 +
            $(".dropdown ").hover(
 +
                function() {
 +
                    $('.dropdown-menu', this).stop(true, true).slideDown("fast ");
 +
                    $(this).toggleClass('open');
 +
                },
 +
                function() {
 +
                    $('.dropdown-menu', this).stop(true, true).slideUp("fast ");
 +
                    $(this).toggleClass('open');
 +
                }
 +
            );
 +
        });
 +
    </script>
 +
<!-- //dropdown nav -->
 +
<!-- fixed nav -->
 +
<script>
 +
$(window).scroll(function () {
 +
if ($(document).scrollTop() > 50) {
 +
$('nav').addClass('shrink');
 +
} else {
 +
$('nav').removeClass('shrink');
 +
}
 +
});
 +
</script>
 +
<!-- //fixed nav -->
 +
<!--script for portfolio-->
 +
<script src="https://2018.igem.org/Template:Valencia_UPV/lightboxminJS?action=raw&amp;ctype=text/javascript "> </script>
 +
<script>(function ($) {
 +
$.fn.extend({
 +
easyResponsiveTabs: function (options) {
 +
var defaults = {
 +
type: 'default',
 +
width: 'auto',
 +
fit: true
 +
}
 +
var options = $.extend(defaults, options);
 +
var opt = options,
 +
jtype = opt.type,
 +
jfit = opt.fit,
 +
jwidth = opt.width,
 +
vtabs = 'vertical',
 +
accord = 'accordion';
 +
this.each(function () {
 +
var $respTabs = $(this);
 +
$respTabs.find('ul.resp-tabs-list li').addClass('resp-tab-item');
 +
$respTabs.css({
 +
'display': 'block',
 +
'width': jwidth
 +
});
 +
$respTabs.find('.resp-tabs-container > div').addClass('resp-tab-content');
 +
jtab_options();
 +
 +
function jtab_options() {
 +
if (jtype == vtabs) {
 +
$respTabs.addClass('resp-vtabs');
 +
}
 +
if (jfit == true) {
 +
$respTabs.css({
 +
width: '100%',
 +
margin: '0px'
 +
});
 +
}
 +
if (jtype == accord) {
 +
$respTabs.addClass('resp-easy-accordion');
 +
$respTabs.find('.resp-tabs-list').css('display', 'none');
 +
}
 +
}
 +
var $tabItemh2;
 +
$respTabs.find('.resp-tab-content').before("<h2 class='resp-accordion' role='tab'><span class='resp-arrow'></span>
 +
                                </h2>"); var itemCount = 0; $respTabs.find('.resp-accordion').each(function () { $tabItemh2 = $(this); var innertext = $respTabs.find('.resp-tab-item:eq(' + itemCount + ')').text(); $respTabs.find('.resp-accordion:eq(' + itemCount + ')').append(innertext); $tabItemh2.attr('aria-controls', 'tab_item-' + (itemCount)); itemCount++; }); var count = 0, $tabContent; $respTabs.find('.resp-tab-item').each(function () { $tabItem = $(this); $tabItem.attr('aria-controls', 'tab_item-' + (count)); $tabItem.attr('role', 'tab'); $respTabs.find('.resp-tab-item').first().addClass('resp-tab-active'); $respTabs.find('.resp-accordion').first().addClass('resp-tab-active'); $respTabs.find('.resp-tab-content').first().addClass('resp-tab-content-active').attr('style', 'display:block'); var tabcount = 0; $respTabs.find('.resp-tab-content').each(function () { $tabContent = $(this); $tabContent.attr('aria-labelledby', 'tab_item-' + (tabcount)); tabcount++; }); count++; }); $respTabs.find("[role=tab]").each(function () { var $currentTab = $(this); $currentTab.click(function () { var $tabAria = $currentTab.attr('aria-controls'); if ($currentTab.hasClass('resp-accordion') && $currentTab.hasClass('resp-tab-active')) { $respTabs.find('.resp-tab-content-active').slideUp('', function () { $(this).addClass('resp-accordion-closed'); }); $currentTab.removeClass('resp-tab-active'); return false; } if (!$currentTab.hasClass('resp-tab-active') && $currentTab.hasClass('resp-accordion')) { $respTabs.find('.resp-tab-active').removeClass('resp-tab-active'); $respTabs.find('.resp-tab-content-active').slideUp().removeClass('resp-tab-content-active resp-accordion-closed'); $respTabs.find("[aria-controls=" + $tabAria + "]").addClass('resp-tab-active'); $respTabs.find('.resp-tab-content[aria-labelledby = ' + $tabAria + ']').slideDown().addClass('resp-tab-content-active'); } else { $respTabs.find('.resp-tab-active').removeClass('resp-tab-active'); $respTabs.find('.resp-tab-content-active').removeAttr('style').removeClass('resp-tab-content-active').removeClass('resp-accordion-closed'); $respTabs.find("[aria-controls=" + $tabAria + "]").addClass('resp-tab-active'); $respTabs.find('.resp-tab-content[aria-labelledby = ' + $tabAria + ']').addClass('resp-tab-content-active').attr('style', 'display:block'); } }); $(window).resize(function () { $respTabs.find('.resp-accordion-closed').removeAttr('style'); }); }); }); } }); })(jQuery);
 +
                                </script>
 +
                                <script type="text/javascript">
 +
                                    $(document).ready(function () {
 +
                                        $('#horizontalTab').easyResponsiveTabs({
 +
                                            type: 'default', //Types: default, vertical, accordion         
 +
                                            width: 'auto', //auto or any width like 600px
 +
                                            fit: true // 100% fit in a container
 +
                                        });
 +
                                    });
 +
                                </script>
 +
                                <!--//script for portfolio-->
  
−
                            <!-- 左右切换按钮 -->
 
−
                            <a class="carousel-control-prev" href="#demo2" data-slide="prev">
 
−
                                <span class="carousel-control-prev-icon"></span>
 
−
                            </a>
 
−
                            <a class="carousel-control-next" href="#demo2" data-slide="next">
 
−
                                <span class="carousel-control-next-icon"></span>
 
−
                            </a>
 
−
                           
 
−
                        </div>
 
−
                    </div>
 
−
                    <div class="col-md-12">
 
−
                        <h2>Chassis</h2>
 
−
                        <p>We have worked with the strain of the biosafety level 1 approved.</p>
 
−
                        <ul>
 
−
                            <li>cell lines: MDA-MB-231, MDA-MB-453, HBL-100, MCF-7, HCC-1806, HEK293T</li>
 
−
                            <li>organisms: Escherichia coli DH5alpha</li>
 
−
                        </ul>
 
−
                    </div>
 
−
                </div>
 
−
            </div>
 
−
            <div class="col-lg-7 col-md-8">
 
−
                <div class="row">
 
−
                    <div class="col-md-12">
 
−
                        <h2>Specific risks</h2>
 
−
                        <p>Our project does not include gene drives, nor have we worked with animals. All species names (including strains) have been listed in the safety form.</p>
 
−
                        <p>The E. coli strains DH5alpha we use in this project are 1st-Risk-Group organisms which has little safety risk to the environment.</p>
 
−
                        <p>Human cancer-derived cell lines we use are 2nd-Risk-Group organism which are in principle cancerous. Malignant degree of them depends on the type of cancer cells, type of tissue exposed, the host's immunity and many other things. The possibility of getting a cancer through direct exposure (which should and would be avoid of course) to these cell lines is quite low. If they escape the lab, they are unlikely to survive.</p>
 
−
                        <p>Our project is generally performed with very low risks, as no pathogenic bacteria or hazardous chemical reagent is used. However, some common risks are still inevitable, for example, get contaminated while using nucleic dye, get burned while using spirit lamp especially in the super clean bench, also some reagents are toxic like DMSO, ethidium bromide. At the same time, MDA-MB-231, MDA-MB-453, MCF-7 and HCC-1806 is in principle cancerous.</p>
 
−
                    </div>
 
−
                    <div class="col-md-12 my-5 d-flex justify-content-center">
 
−
                        <h4>
 
−
                            <a href="https://2019.igem.org/File:T--CSU_CHINA--Safety2019_Spreadsheet.xls" class="text-primary">
 
−
                                Click here to see our safety form
 
−
                            </a>
 
−
                        </h4>
 
−
                    </div>
 
−
                </div>
 
−
            </div>
 
−
        </div>
 
−
 
−
    </div>
 
−
 
−
    <script>
 
−
        $("a:contains(SAFETY)").addClass("active");
 
−
    </script>
 
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 08:04, 19 October 2019

loading……

CSU_CHINA_TEAM