Difference between revisions of "Team:USTC/Team/Attributions"

(Attributions)
 
(Blanked the page)
Line 1: Line 1:
<html>
 
  
<head>
 
    <!-- Bootstrap CSS -->
 
    <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:USTC/BScss?action=raw&amp;ctype=text/css">
 
    <!-- Scrollbal Custom CSS -->
 
    <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:USTC/customScrollbarCSS?action=raw&amp;ctype=text/css">
 
    <!-- Custom CSS -->
 
    <!--<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:USTC/CSS/mobile?action=raw&amp;ctype=text/css">-->
 
    <link rel="stylesheet" type="text/css" href="style3.css">
 
    <!-- Font Awsome CSS -->
 
    <link rel="stylesheet" type="text/css" href="fontawesome-free-5.4.1-web/fontawesome-free-5.4.1-web/css/all.css">
 
 
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
</head>
 
 
 
 
<body>
 
    <div class="wrapper">
 
        <!-- Sidebar  -->
 
        <nav id="sidebar">
 
            <div id="dismiss">
 
                <i class="fas fa-arrow-left"></i>
 
            </div>
 
 
            <div class="navbar-brand">
 
                <img width="270px" src="https://static.igem.org/mediawiki/2018/1/1e/T--USTC--sidenav-logo.png" />
 
            </div>
 
            <ul class="list-unstyled components">
 
                <li class="active">
 
                    <a href="#">HOME</a>
 
                </li>
 
                <li>
 
                    <a href="#projectSubmenu" data-toggle="collapse" aria-expanded="false">PROJECT <i class="fa fa-caret-down"></i></a>
 
                    <ul class="collapse list-unstyled" id="projectSubmenu">
 
                        <li>
 
                            <a href="#">Description</a>
 
                        </li>
 
                        <li>
 
                            <a href="#">Design</a>
 
                        </li>
 
                        <li>
 
                            <a href="#">Results</a>
 
                        </li>
 
                    </ul>
 
                </li>
 
                <!--Project-->
 
                <li>
 
                    <a href="#modelSubmenu" data-toggle="collapse" aria-expanded="false">MODEL <i class="fa fa-caret-down"></i></a>
 
                    <ul class="collapse list-unstyled" id="modelSubmenu">
 
                        <li>
 
                            <a href="#">Overview</a>
 
                        </li>
 
                        <li>
 
                            <a href="#">Single-cell Model</a>
 
                        </li>
 
                        <li>
 
                            <a href="#">System Analysis</a>
 
                        </li>
 
                        <li>
 
                            <a href="#">Effectiveness</a>
 
                        </li>
 
                        <li>
 
                            <a href="#">Parameters</a>
 
                        </li>
 
                    </ul>
 
                </li>
 
                <!--Model-->
 
                <li>
 
                    <a href="#">INTERLAB</a>
 
                </li>
 
                <!--Interlab-->
 
                <li>
 
                    <a href="#partsSubmenu" data-toggle="collapse" aria-expanded="false">PARTS <i class="fa fa-caret-down"></i></a>
 
                    <ul class="collapse list-unstyled" id="partsSubmenu">
 
                        <li>
 
                            <a href="#">Basic Parts</a>
 
                        </li>
 
                        <li>
 
                            <a href="#">Composite Parts</a>
 
                        </li>
 
                        <li>
 
                            <a href="#">Contributions</a>
 
                        </li>
 
                        <li>
 
                            <a href="#">Improve</a>
 
                        </li>
 
                    </ul>
 
                </li>
 
                <!--Parts-->
 
                <li>
 
                    <a href="#notebookSubmenu" data-toggle="collapse" aria-expanded="false">NOTEBOOK <i class="fa fa-caret-down"></i></a>
 
                    <ul class="collapse list-unstyled" id="notebookSubmenu">
 
                        <li>
 
                            <a href="#">Monthly Diary</a>
 
                        </li>
 
                        <li>
 
                            <a href="#">Protocols</a>
 
                        </li>
 
                        <li>
 
                            <a href="#">Materials</a>
 
                        </li>
 
                    </ul>
 
                </li>
 
                <!--Notebook-->
 
                <li>
 
                    <a href="#HPSubmenu" data-toggle="collapse" aria-expanded="false">HUMAN PRACTICE <i class="fa fa-caret-down"></i></a>
 
                    <ul class="collapse list-unstyled" id="HPSubmenu">
 
                        <li>
 
                            <a href="#">Overview</a>
 
                        </li>
 
                        <li>
 
                            <a href="#">Survey</a>
 
                        </li>
 
                        <li>
 
                            <a href="#">Analyze</a>
 
                        </li>
 
                        <li>
 
                            <a href="#">Practice</a>
 
                        </li>
 
                        <li>
 
                            <a href="#">Teamwork</a>
 
                        </li>
 
                    </ul>
 
                </li>
 
                <!--Human practice-->
 
                <li>
 
                    <a href="#">COLLABORATION</a>
 
                </li>
 
                <li>
 
                    <a href="#">TEAM</a>
 
                </li>
 
            </ul>
 
        </nav>
 
 
        <!-- Page Content  -->
 
        <div id="content">
 
 
            <nav class="navbar navbar-expand-lg navbar-light bg-light shadow-lg sticky-top" id="navId">
 
                <div class="container-fluid">
 
 
                    <button type="button" id="sidebarCollapse" class="btn btn-info">
 
                        <i class="fas fa-align-left"></i>
 
                        <span>Nav</span>
 
                    </button>
 
                    <img height="40px" src="https://static.igem.org/mediawiki/2018/5/5b/T--USTC--mobile-title.png">
 
                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
 
                        <ul class="nav navbar-nav ml-auto">
 
                            <li class="nav-item">
 
                                <a class="nav-link" href="#section1">Page</a>
 
                            </li>
 
                            <li class="nav-item">
 
                                <a class="nav-link" href="#section2">Page</a>
 
                            </li>
 
                            <li class="nav-item">
 
                                <a class="nav-link" href="#section3">Page</a>
 
                            </li>
 
                            <li class="nav-item">
 
                                <a class="nav-link" href="#section4">Page</a>
 
                            </li>
 
                        </ul>
 
                    </div>
 
                    <button class="btn btn-dark d-inline-block d-lg-none ml-auto" type="button" data-toggle="collapse"
 
                        data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
 
                        aria-label="Toggle navigation">
 
                        <i class="fas fa-align-justify"></i>
 
                    </button>
 
                </div>
 
            </nav>
 
            <div class="container">
 
                <div class="card-columns">
 
                    <div class="card mt-5">
 
                        <h3 class="card-header">Secondary PI</h3>
 
                        <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/d/db/T--USTC--Attribution_LHY.jpeg" alt="">
 
                        <div class="card-body">
 
                            <h4 class="card-title">Prof. Liu Haiyan</h4>
 
                            <p class="card-text">As the secondary PI of our team, Prof. Liu help us a lot on the creating of the project. He also provides some instrument for our experiments.</p>
 
                        </div>
 
                    </div>
 
                    <div class="card">
 
                        <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/d/dc/T--USTC--Attribution_LWF2.jpeg " alt="">
 
                        <div class="card-body">
 
                            <h4 class="card-title">Prof. Li Weifang</h4>
 
                            <p class="card-text">Pfof. Li is kind and she taught us how to do western blot.</p>
 
                        </div>
 
                    </div>
 
                    <div class="card">
 
                        <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/c/ca/T--USTC--Attribution_QK.jpeg" alt="">
 
                        <div class="card-body">
 
                            <h4 class="card-title">Prof. Qu Kun</h4>
 
                            <p class="card-text">When we were confirming and optimizing our project, Prof. Qu helped us a lot.</p>
 
                        </div>
 
                    </div>
 
                    <div class="card">
 
                        <h3 class="card-header">Primary PI</h3>
 
                        <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/b/be/T--USTC--Attribution_HJ.png" alt="">
 
                        <div class="card-body">
 
                            <h4 class="card-title">Prof. Hong Jiong</h4>
 
                            <p class="card-text">As the primary PI of our team, Prof. Hong provided a great amount of help to us, either during the process of creating our project, or in the experiments. He is also a friendly and kind person who always comes to our lab to help and chat with us. Here, we give our sincerely gratitude to Prof. Hong.</p>
 
                        </div>
 
                    </div>
 
                    <div class="card">
 
                        <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/e/e9/T--USTC--Attribution_ZJY.jpeg" alt="">
 
                        <div class="card-body">
 
                            <h4 class="card-title">Prof. Zang Jianye</h4>
 
                            <p class="card-text">When we were confirming and optimizing our project, Prof. Zang helped us a lot.</p>
 
                        </div>
 
                    </div>
 
                    <div class="card">
 
                        <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/f/f2/T--USTC--Attribution_ZZ.jpeg" alt="">
 
                        <div class="card-body">
 
                            <h4 class="card-title">Prof. Zhao Zhong</h4>
 
                            <p class="card-text">When we were confirming and optimizing our project, Prof. Zhao helped us a lot.</p>
 
                        </div>
 
                    </div>
 
                    <div class="card mt-5">
 
                        <h3 class="card-header">Secondary PI</h3>
 
                        <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/8/84/T--USTC--Attribution_YHQ.jpeg" alt="">
 
                        <div class="card-body">
 
                            <h4 class="card-title">Prof. Yu Hanqing</h4>
 
                            <p class="card-text">Prof. Yu always cares about us and is willing to help us on the project and experiments. We were given lots of advice from his lab and we are appreciated. Project Support and Advice</p>
 
                        </div>
 
                    </div>
 
                    <div class="card">
 
                        <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/1/1c/T--USTC--Attribution_LX.png" alt="">
 
                        <div class="card-body">
 
                            <h4 class="card-title">Researcher Li Xu</h4>
 
                            <p class="card-text">When we were confirming and optimizing our project, Prof. Li helped us a lot. Lab & Experiment support </p>
 
                        </div>
 
                    </div>
 
                    <div class="card">
 
                        <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/7/79/T--USTC--Attribution_ZQ.jpeg" alt="">
 
                        <div class="card-body">
 
                            <h4 class="card-title">Dr. Zhang Qian</h4>
 
                            <p class="card-text">As the teacher who ran the lab we used during the summer holiday, Zhang Qian gave us all kinds of supplies and taught us how to use the instruments in the lab.</p>
 
                        </div>
 
                    </div>
 
                    <div class="card">
 
                        <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/9/92/T--USTC--Attribution_TQ.jpeg" alt="">
 
                        <div class="card-body">
 
                            <h4 class="card-title">Dr. Tang Qiang</h4>
 
                            <p class="card-text">Tang Qiang provided a lot of advice for us during the whole year.</p>
 
                        </div>
 
                    </div>
 
                </div>
 
            </div>
 
        </div>
 
 
        <div class="overlay"></div>
 
 
        <!-- jQuery -->
 
        <script type="text/javascript" src="https://2018.igem.org/Team:USTC/jquery?action=raw&amp;ctype=text/javascript"></script>
 
 
        <!-- Popper.JS -->
 
        <script type="text/javascript" src="https://2018.igem.org/Team:USTC/Popperjs?action=raw&amp;ctype=text/javascript"></script>
 
        <!-- Bootstrap JS -->
 
        <script type="text/javascript" src="https://2018.igem.org/Team:USTC/BSjs?action=raw&amp;ctype=text/javascript"></script>
 
        <!-- jQuery Custom Scroller -->
 
        <script type="text/javascript" src="https://2018.igem.org/Team:USTC/customScrollbarJS?action=raw&amp;ctype=text/javascript"></script>
 
 
 
        <script type="text/javascript">
 
            $(document).ready(function () {
 
                $("#sidebar").mCustomScrollbar({
 
                    theme: "minimal"
 
                });
 
 
                $('#dismiss, .overlay').on('click', function () {
 
                    $('#sidebar').removeClass('active');
 
                    $('.overlay').removeClass('active');
 
                    $('li:not(".active") a[aria-expanded=true]').click();
 
                });
 
 
                $('#sidebarCollapse').on('click', function () {
 
                    $('#sidebar').addClass('active');
 
                    $('.overlay').addClass('active');
 
                    $('.collapse.in').toggleClass('in');
 
                });
 
                $("#top_title").hide();
 
                $(".mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul").css("margin", "0");
 
                $("body").scrollspy({ target: "#navId", offset: 50 });
 
                $("li.active a").click();
 
                $("a:visited").css("color", "");
 
            });
 
        </script>
 
</body>
 
</html>
 

Revision as of 18:19, 17 October 2018