Difference between revisions of "Team:XJTU-China/Team"

(Prototype team page)
 
Line 1: Line 1:
−
{{IGEM_TopBar}}
+
{{XJTU-China/style}}
−
{{XJTU-China}}
+
{{XJTU-China/youtube}}
−
<html>
+
<html lang="en" dir="ltr">
  
−
<div class="column two_thirds_size" >
+
<head>
 +
    <title>Project</title>
 +
    <meta charset="utf-8">
 +
    <meta name="keywords" content="iGEM,Xi'an Jiaotong University,XJTU-China,Tryptophan,
 +
        Trp,Biosynthesis,E.coli">
 +
    <meta name="description" content="Welcome to 2021 XJTU-China">
 +
    <meta name="viewport"
 +
        content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
 +
    <link rel="stylesheet" type="text/css"
 +
        href="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China&action=raw&ctype=text/css" />
 +
    <link rel="stylesheet" type="text/css"
 +
        href="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/font_awesome_min&action=raw&ctype=text/css" />
 +
    <link rel="stylesheet" type="text/css"
 +
        href="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/bootstrap&action=raw&ctype=text/css" />
  
−
<h1>Team</h1>
+
</head>
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
  
 +
<body>
 +
    <!--banner-->
 +
    <section>
 +
        <div class="container row fixedBackground">
 +
            <div class="fixedBackgroundImg"
 +
                style="background-image: url(https://static.igem.org/mediawiki/2021/f/fd/T--XJTU-China--bg.jpg);"></div>
 +
        </div>
 +
    </section>
 +
    <section class="smooth">
 +
        <div class="container text-center" style="width: 80%;">
 +
            <hgroup>
 +
                <h2>Crew</h2>
 +
                <h4><i>The incredibly talented youngsters</i></h4>
 +
            </hgroup>
 +
            <div class="row">
 +
                <div class="col-lg-4 col-md-6 tiltBox">
 +
                    <a href="#" class="tilter">
 +
                        <figure class="tilter__figure">
 +
                            <img class="tilter__image" src="/New Teens Ghost/images/img/1.jpg" alt="img01" />
 +
                            <div class="tilter__deco tilter__deco--shine">
 +
                                <div></div>
 +
                            </div>
 +
                            <figcaption class="tilter__caption">
 +
                                <h3 class="tilter__title">Tanya Bondesta</h3>
 +
                                <p class="tilter__description">Toronto</p>
 +
                            </figcaption>
 +
                            <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
 +
                                <path d="M20.5,20.5h260v375h-260V20.5z" />
 +
                            </svg>
 +
                        </figure>
 +
                    </a>
 +
                </div>
 +
                <div class="col-lg-4 col-md-6 tiltBox">
 +
                    <a href="#" class="tilter">
 +
                        <figure class="tilter__figure">
 +
                            <img class="tilter__image" src="/New Teens Ghost/images/img/1.jpg" alt="img02" />
 +
                            <div class="tilter__deco tilter__deco--shine">
 +
                                <div></div>
 +
                            </div>
 +
                            <figcaption class="tilter__caption">
 +
                                <h3 class="tilter__title">Walter Anderson</h3>
 +
                                <p class="tilter__description">Stockholm</p>
 +
                            </figcaption>
 +
                            <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
 +
                                <path d="M20.5,20.5h260v375h-260V20.5z" />
 +
                            </svg>
 +
                        </figure>
 +
                    </a>
 +
                </div>
 +
                <div class="col-lg-4 col-md-6 tiltBox">
 +
                    <a href="#" class="tilter">
 +
                        <figure class="tilter__figure">
 +
                            <img class="tilter__image" src="/New Teens Ghost/images/img/1.jpg" alt="img01" />
 +
                            <div class="tilter__deco tilter__deco--shine">
 +
                                <div></div>
 +
                            </div>
 +
                            <figcaption class="tilter__caption">
 +
                                <h3 class="tilter__title">Tanya Bondesta</h3>
 +
                                <p class="tilter__description">Toronto</p>
 +
                            </figcaption>
 +
                            <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
 +
                                <path d="M20.5,20.5h260v375h-260V20.5z" />
 +
                            </svg>
 +
                        </figure>
 +
                    </a>
 +
                </div>
 +
                <div class="col-lg-4 col-md-6 tiltBox">
 +
                    <a href="#" class="tilter">
 +
                        <figure class="tilter__figure">
 +
                            <img class="tilter__image" src="/New Teens Ghost/images/img/1.jpg" alt="img02" />
 +
                            <div class="tilter__deco tilter__deco--shine">
 +
                                <div></div>
 +
                            </div>
 +
                            <figcaption class="tilter__caption">
 +
                                <h3 class="tilter__title">Walter Anderson</h3>
 +
                                <p class="tilter__description">Stockholm</p>
 +
                            </figcaption>
 +
                            <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
 +
                                <path d="M20.5,20.5h260v375h-260V20.5z" />
 +
                            </svg>
 +
                        </figure>
 +
                    </a>
 +
                </div>
 +
                <div class="col-lg-4 col-md-6 tiltBox">
 +
                    <a href="#" class="tilter">
 +
                        <figure class="tilter__figure">
 +
                            <img class="tilter__image" src="/New Teens Ghost/images/img/2.jpg"" alt=" img01" />
 +
                            <div class="tilter__deco tilter__deco--shine">
 +
                                <div></div>
 +
                            </div>
 +
                            <figcaption class="tilter__caption">
 +
                                <h3 class="tilter__title">Tanya Bondesta</h3>
 +
                                <p class="tilter__description">Toronto</p>
 +
                            </figcaption>
 +
                            <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
 +
                                <path d="M20.5,20.5h260v375h-260V20.5z" />
 +
                            </svg>
 +
                        </figure>
 +
                    </a>
 +
                </div>
 +
                <div class="col-lg-4 col-md-6 tiltBox">
 +
                    <a href="#" class="tilter">
 +
                        <figure class="tilter__figure">
 +
                            <img class="tilter__image" src="/New Teens Ghost/images/img/4.jpg" alt="img02" />
 +
                            <div class="tilter__deco tilter__deco--shine">
 +
                                <div></div>
 +
                            </div>
 +
                            <figcaption class="tilter__caption">
 +
                                <h3 class="tilter__title">Walter Anderson</h3>
 +
                                <p class="tilter__description">Stockholm</p>
 +
                            </figcaption>
 +
                            <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
 +
                                <path d="M20.5,20.5h260v375h-260V20.5z" />
 +
                            </svg>
 +
                        </figure>
 +
                    </a>
 +
                </div>
 +
                <div class="col-lg-4 col-md-6 tiltBox">
 +
                    <a href="#" class="tilter">
 +
                        <figure class="tilter__figure">
 +
                            <img class="tilter__image" src="/New Teens Ghost/images/img/5.jpg" alt="img01" />
 +
                            <div class="tilter__deco tilter__deco--shine">
 +
                                <div></div>
 +
                            </div>
 +
                            <figcaption class="tilter__caption">
 +
                                <h3 class="tilter__title">Tanya Bondesta</h3>
 +
                                <p class="tilter__description">Toronto</p>
 +
                            </figcaption>
 +
                            <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
 +
                                <path d="M20.5,20.5h260v375h-260V20.5z" />
 +
                            </svg>
 +
                        </figure>
 +
                    </a>
 +
                </div>
 +
                <div class="col-lg-4 col-md-6 tiltBox">
 +
                    <a href="#" class="tilter">
 +
                        <figure class="tilter__figure">
 +
                            <img class="tilter__image" src="/New Teens Ghost/images/img/6.jpg" alt="img01" />
 +
                            <div class="tilter__deco tilter__deco--shine">
 +
                                <div></div>
 +
                            </div>
 +
                            <figcaption class="tilter__caption">
 +
                                <h3 class="tilter__title">Tanya Bondesta</h3>
 +
                                <p class="tilter__description">Toronto</p>
 +
                            </figcaption>
 +
                            <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
 +
                                <path d="M20.5,20.5h260v375h-260V20.5z" />
 +
                            </svg>
 +
                        </figure>
 +
                    </a>
 +
                </div>
 +
                <div class="col-lg-4 col-md-6 tiltBox">
 +
                    <a href="#" class="tilter">
 +
                        <figure class="tilter__figure">
 +
                            <img class="tilter__image" src="/New Teens Ghost/images/img/7.jpg" alt="img02" />
 +
                            <div class="tilter__deco tilter__deco--shine">
 +
                                <div></div>
 +
                            </div>
 +
                            <figcaption class="tilter__caption">
 +
                                <h3 class="tilter__title">Walter Anderson</h3>
 +
                                <p class="tilter__description">Stockholm</p>
 +
                            </figcaption>
 +
                            <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
 +
                                <path d="M20.5,20.5h260v375h-260V20.5z" />
 +
                            </svg>
 +
                        </figure>
 +
                    </a>
 +
                </div>
 +
                <div class="col-lg-4 col-md-6 tiltBox">
 +
                    <a href="#" class="tilter">
 +
                        <figure class="tilter__figure">
 +
                            <img class="tilter__image" src="/New Teens Ghost/images/img/8.jpg" alt="img01" />
 +
                            <div class="tilter__deco tilter__deco--shine">
 +
                                <div></div>
 +
                            </div>
 +
                            <figcaption class="tilter__caption">
 +
                                <h3 class="tilter__title">Tanya Bondesta</h3>
 +
                                <p class="tilter__description">Toronto</p>
 +
                            </figcaption>
 +
                            <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
 +
                                <path d="M20.5,20.5h260v375h-260V20.5z" />
 +
                            </svg>
 +
                        </figure>
 +
                    </a>
 +
                </div>
 +
            </div>
 +
            <hr>
 +
            <hgroup>
 +
                <h2>Instructors</h2>
 +
                <h4><i>Our rather sophisticated mentors</i></h4>
 +
            </hgroup>
 +
            <div class="row">
 +
                <div class="col-lg-4 col-md-6 tiltBox">
 +
                    <a href="#" class="tilter">
 +
                        <figure class="tilter__figure">
 +
                            <img class="tilter__image" src="/New Teens Ghost/images/img/1.jpg" alt="img01" />
 +
                            <div class="tilter__deco tilter__deco--shine">
 +
                                <div></div>
 +
                            </div>
 +
                            <figcaption class="tilter__caption">
 +
                                <h3 class="tilter__title">Tanya Bondesta</h3>
 +
                                <p class="tilter__description">Toronto</p>
 +
                            </figcaption>
 +
                            <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
 +
                                <path d="M20.5,20.5h260v375h-260V20.5z" />
 +
                            </svg>
 +
                        </figure>
 +
                    </a>
 +
                </div>
 +
                <div class="col-lg-4 col-md-6 tiltBox">
 +
                    <a href="#" class="tilter">
 +
                        <figure class="tilter__figure">
 +
                            <img class="tilter__image" src="/New Teens Ghost/images/img/1.jpg" alt="img02" />
 +
                            <div class="tilter__deco tilter__deco--shine">
 +
                                <div></div>
 +
                            </div>
 +
                            <figcaption class="tilter__caption">
 +
                                <h3 class="tilter__title">Walter Anderson</h3>
 +
                                <p class="tilter__description">Stockholm</p>
 +
                            </figcaption>
 +
                            <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
 +
                                <path d="M20.5,20.5h260v375h-260V20.5z" />
 +
                            </svg>
 +
                        </figure>
 +
                    </a>
 +
                </div>
 +
                <div class="col-lg-4 col-md-6 tiltBox">
 +
                    <a href="#" class="tilter">
 +
                        <figure class="tilter__figure">
 +
                            <img class="tilter__image" src="/New Teens Ghost/images/img/1.jpg" alt="img01" />
 +
                            <div class="tilter__deco tilter__deco--shine">
 +
                                <div></div>
 +
                            </div>
 +
                            <figcaption class="tilter__caption">
 +
                                <h3 class="tilter__title">Tanya Bondesta</h3>
 +
                                <p class="tilter__description">Toronto</p>
 +
                            </figcaption>
 +
                            <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
 +
                                <path d="M20.5,20.5h260v375h-260V20.5z" />
 +
                            </svg>
 +
                        </figure>
 +
                    </a>
 +
                </div>
 +
                <div class="col-lg-4 col-md-6 tiltBox">
 +
                    <a href="#" class="tilter">
 +
                        <figure class="tilter__figure">
 +
                            <img class="tilter__image" src="/New Teens Ghost/images/img/1.jpg" alt="img02" />
 +
                            <div class="tilter__deco tilter__deco--shine">
 +
                                <div></div>
 +
                            </div>
 +
                            <figcaption class="tilter__caption">
 +
                                <h3 class="tilter__title">Walter Anderson</h3>
 +
                                <p class="tilter__description">Stockholm</p>
 +
                            </figcaption>
 +
                            <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
 +
                                <path d="M20.5,20.5h260v375h-260V20.5z" />
 +
                            </svg>
 +
                        </figure>
 +
                    </a>
 +
                </div>
 +
                <div class="col-lg-4 col-md-6 tiltBox">
 +
                    <a href="#" class="tilter">
 +
                        <figure class="tilter__figure">
 +
                            <img class="tilter__image" src="/New Teens Ghost/images/img/2.jpg"" alt=" img01" />
 +
                            <div class="tilter__deco tilter__deco--shine">
 +
                                <div></div>
 +
                            </div>
 +
                            <figcaption class="tilter__caption">
 +
                                <h3 class="tilter__title">Tanya Bondesta</h3>
 +
                                <p class="tilter__description">Toronto</p>
 +
                            </figcaption>
 +
                            <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
 +
                                <path d="M20.5,20.5h260v375h-260V20.5z" />
 +
                            </svg>
 +
                        </figure>
 +
                    </a>
 +
                </div>
 +
                <div class="col-lg-4 col-md-6 tiltBox">
 +
                    <a href="#" class="tilter">
 +
                        <figure class="tilter__figure">
 +
                            <img class="tilter__image" src="/New Teens Ghost/images/img/4.jpg" alt="img02" />
 +
                            <div class="tilter__deco tilter__deco--shine">
 +
                                <div></div>
 +
                            </div>
 +
                            <figcaption class="tilter__caption">
 +
                                <h3 class="tilter__title">Walter Anderson</h3>
 +
                                <p class="tilter__description">Stockholm</p>
 +
                            </figcaption>
 +
                            <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
 +
                                <path d="M20.5,20.5h260v375h-260V20.5z" />
 +
                            </svg>
 +
                        </figure>
 +
                    </a>
 +
                </div>
 +
                <div class="col-lg-4 col-md-6 tiltBox">
 +
                    <a href="#" class="tilter">
 +
                        <figure class="tilter__figure">
 +
                            <img class="tilter__image" src="/New Teens Ghost/images/img/5.jpg" alt="img01" />
 +
                            <div class="tilter__deco tilter__deco--shine">
 +
                                <div></div>
 +
                            </div>
 +
                            <figcaption class="tilter__caption">
 +
                                <h3 class="tilter__title">Tanya Bondesta</h3>
 +
                                <p class="tilter__description">Toronto</p>
 +
                            </figcaption>
 +
                            <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
 +
                                <path d="M20.5,20.5h260v375h-260V20.5z" />
 +
                            </svg>
 +
                        </figure>
 +
                    </a>
 +
                </div>
 +
                <div class="col-lg-4 col-md-6 tiltBox">
 +
                    <a href="#" class="tilter">
 +
                        <figure class="tilter__figure">
 +
                            <img class="tilter__image" src="/New Teens Ghost/images/img/6.jpg" alt="img01" />
 +
                            <div class="tilter__deco tilter__deco--shine">
 +
                                <div></div>
 +
                            </div>
 +
                            <figcaption class="tilter__caption">
 +
                                <h3 class="tilter__title">Tanya Bondesta</h3>
 +
                                <p class="tilter__description">Toronto</p>
 +
                            </figcaption>
 +
                            <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
 +
                                <path d="M20.5,20.5h260v375h-260V20.5z" />
 +
                            </svg>
 +
                        </figure>
 +
                    </a>
 +
                </div>
 +
                <div class="col-lg-4 col-md-6 tiltBox">
 +
                    <a href="#" class="tilter">
 +
                        <figure class="tilter__figure">
 +
                            <img class="tilter__image" src="/New Teens Ghost/images/img/7.jpg" alt="img02" />
 +
                            <div class="tilter__deco tilter__deco--shine">
 +
                                <div></div>
 +
                            </div>
 +
                            <figcaption class="tilter__caption">
 +
                                <h3 class="tilter__title">Walter Anderson</h3>
 +
                                <p class="tilter__description">Stockholm</p>
 +
                            </figcaption>
 +
                            <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
 +
                                <path d="M20.5,20.5h260v375h-260V20.5z" />
 +
                            </svg>
 +
                        </figure>
 +
                    </a>
 +
                </div>
 +
                <div class="col-lg-4 col-md-6 tiltBox">
 +
                    <a href="#" class="tilter">
 +
                        <figure class="tilter__figure">
 +
                            <img class="tilter__image" src="/New Teens Ghost/images/img/8.jpg" alt="img01" />
 +
                            <div class="tilter__deco tilter__deco--shine">
 +
                                <div></div>
 +
                            </div>
 +
                            <figcaption class="tilter__caption">
 +
                                <h3 class="tilter__title">Tanya Bondesta</h3>
 +
                                <p class="tilter__description">Toronto</p>
 +
                            </figcaption>
 +
                            <svg class="tilter__deco tilter__deco--lines" viewBox="0 0 300 415">
 +
                                <path d="M20.5,20.5h260v375h-260V20.5z" />
 +
                            </svg>
 +
                        </figure>
 +
                    </a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
  
−
<h3>What should this page contain?</h3>
+
    <!--JS-->
−
<ul>
+
    <script type="text/javascript"
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
        src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/jquery&action=raw&ctype=text/javascript"></script>
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
    <script type="text/javascript"
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
        src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/bootstrapJS&action=raw&ctype=text/javascript"></script>
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
    <script type="text/javascript"
−
</ul>
+
        src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/lottie&action=raw&ctype=text/javascript"></script>
 +
    <script type="text/javascript"
 +
        src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/teamImages&action=raw&ctype=text/javascript"></script>
 +
    <!--to-top btn-->
 +
    <script>
 +
        var ftoTopBtn = (function () {
 +
            $(document).ready(function () {
 +
                $("#to-top").hide();
 +
                $(function () {
 +
                    $(window).scroll(function () {
 +
                        if ($(window).scrollTop() > 600) {
 +
                            $("#to-top").fadeIn(500);
 +
                        } else {
 +
                            $("#to-top").fadeOut(500);
 +
                        }
 +
                    });
 +
                    $("#to-top").click(function () {
 +
                        $('body,html').animate({
 +
                            scrollTop: 0
 +
                        }, 500);
 +
                        return false;
 +
                    });
 +
                });
 +
            });
  
−
<p><b>Important:</b> Your wiki pages will be archived at the end of the iGEM season and this content will remain online. Please keep this in mind as you post photos and personal information on this page.</p>
+
        })()
−
</div>
+
    </script>
 +
</body>
  
−
 
−
 
−
<div class="column third_size" >
 
−
<div class="highlight decoration_A_full">
 
−
<h3>Inspiration</h3>
 
−
<p>You can look at what other teams did to get some inspiration! <br />
 
−
Here are a few examples:</p>
 
−
<ul>
 
−
 
−
<li><a href="https://2019.igem.org/Team:CU/Team">2019 CU</a></li>
 
−
<li><a href="https://2019.igem.org/Team:UANL/Team">2019 UANL</a></li>
 
−
<li><a href="https://2019.igem.org/Team:William_and_Mary/Team">2019 William and Mary</a></li>
 
−
 
−
<li><a href="https://2020.igem.org/Team:BOKU-Vienna/Team">2020 BOKU Vienna </a></li>
 
−
<li><a href="https://2020.igem.org/Team:CAU_China/Team_Member">2020 CAU China</a></li>
 
−
<li><a href="https://2020.igem.org/Team:Lethbridge/Members">2020 Lethbridge</a></li>
 
−
 
−
</ul>
 
−
</div>
 
−
</div>
 
 
</html>
 
</html>
 +
{{XJTU-China/header}}
 +
{{XJTU-China/footer}}

Revision as of 03:25, 11 July 2021

Project

Crew

The incredibly talented youngsters

img01

Tanya Bondesta

Toronto
img02

Walter Anderson

Stockholm
img01

Tanya Bondesta

Toronto
img02

Walter Anderson

Stockholm
img01

Tanya Bondesta

Toronto
img02

Walter Anderson

Stockholm
img01

Tanya Bondesta

Toronto
img01

Tanya Bondesta

Toronto
img02

Walter Anderson

Stockholm
img01

Tanya Bondesta

Toronto

Instructors

Our rather sophisticated mentors

img01

Tanya Bondesta

Toronto
img02

Walter Anderson

Stockholm
img01

Tanya Bondesta

Toronto
img02

Walter Anderson

Stockholm
img01

Tanya Bondesta

Toronto
img02

Walter Anderson

Stockholm
img01

Tanya Bondesta

Toronto
img01

Tanya Bondesta

Toronto
img02

Walter Anderson

Stockholm
img01

Tanya Bondesta

Toronto

contact us

Xi'an Jiaotong University
28 Xianning West Road
Xi'an, Shaanxi, China, 710049
xjtu_igem@xjtu.edu.cn
Made with ❤️ by  
XJTU-iGEMers