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

Line 1: Line 1:
 
{{XJTU-China/style}}
 
{{XJTU-China/style}}
−
{{XJTU-China/teamCSS}}
 
 
<html lang="en" dir="ltr">
 
<html lang="en" dir="ltr">
  
Line 22: Line 21:
 
             background-image: url(https://static.igem.org/mediawiki/2021/b/b9/T--XJTU-China--25.jpg);
 
             background-image: url(https://static.igem.org/mediawiki/2021/b/b9/T--XJTU-China--25.jpg);
 
         }
 
         }
 +
 
         .card#Wei:before {
 
         .card#Wei:before {
 
             background-image: url(https://static.igem.org/mediawiki/2021/0/0b/T--XJTU-China--crew-bg.jpg);
 
             background-image: url(https://static.igem.org/mediawiki/2021/0/0b/T--XJTU-China--crew-bg.jpg);
 
         }
 
         }
 +
 
         .card#Lei:before {
 
         .card#Lei:before {
 
             background-image: url(https://static.igem.org/mediawiki/2021/f/fd/T--XJTU-China--bg.jpg);
 
             background-image: url(https://static.igem.org/mediawiki/2021/f/fd/T--XJTU-China--bg.jpg);
Line 37: Line 38:
 
             <div class="fixedBackgroundImg"
 
             <div class="fixedBackgroundImg"
 
                 style="background-image: url(https://static.igem.org/mediawiki/2021/0/0b/T--XJTU-China--crew-bg.jpg);"></div>
 
                 style="background-image: url(https://static.igem.org/mediawiki/2021/0/0b/T--XJTU-China--crew-bg.jpg);"></div>
−
             <h2 class="pageHeadline"><span>Crew</span></h2>
+
             <div class="pageHeadline"><span>Crew</span></div>
 
         </div>
 
         </div>
 
     </section>
 
     </section>
Line 49: Line 50:
 
             <div class="row mt-5">
 
             <div class="row mt-5">
 
                 <div class="col-3">
 
                 <div class="col-3">
−
                     <div class="card" id="Weiping">
+
                     <div class="card" id="Hongyu">
 +
                        <div class="content">
 +
                            <h2>Chen Hongyu</h2>
 +
                            <p>Check out all of these gorgeous mountain trips with beautiful views of, you guessed it,
 +
                                the mountains</p>
 +
                            <button class="btn btn-primary" data-dialog="dialog-1">Intro.</button>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <div class="col-3">
 +
                    <div>
 +
                        <h2>Zhang Weiping</h2>
 +
                        <div class="card" id="Weiping">
 +
                            <div class="content">
 +
                                <span>Night owl, Born explorer, Lab dweller</span>
 +
                                <p>Guten tag~ This is Yang Jintian from Xi’an Jiaotong University, majoring in
 +
                                    Biomedical Engineering. I mainly participated in the HP and wet lab. Thanks to my
 +
                                    friends’ kindness, I was able to proceed some basic parts of the wet experiments
 +
                                    such as plasmid transformation under their instruction. (What a legend!) Although
 +
                                    gone are the days when we had our late-night snack together during the gap time in
 +
                                    the lab, those beautiful memories are sure to be deep in my mind. </p>
 +
                                <button class="btn btn-primary" data-dialog="dialog-2">Intro.</button>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <div class="col-3">
 +
                    <div class="card" id="Hailong">
 +
                        <div class="content">
 +
                            <h2>Mountain View</h2>
 +
                            <p>Check out all of these gorgeous mountain trips with beautiful views of, you guessed it,
 +
                                the mountains</p>
 +
                            <button class="btn">view</button>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="row mt-5">
 +
                <div class="col-3">
 +
                    <div class="card" id="Chunlin">
 
                         <div class="content">
 
                         <div class="content">
 
                             <p class="copy">Check out all of these gorgeous mountain trips with beautiful views of, you
 
                             <p class="copy">Check out all of these gorgeous mountain trips with beautiful views of, you
Line 60: Line 100:
 
                 </div>
 
                 </div>
 
                 <div class="col-3">
 
                 <div class="col-3">
−
                     <div class="card" id="Wei">
+
                     <div class="card" id="Chuxiao">
 
                         <div class="content">
 
                         <div class="content">
 
                             <h2>Mountain View</h2>
 
                             <h2>Mountain View</h2>
Line 70: Line 110:
 
                 </div>
 
                 </div>
 
                 <div class="col-3">
 
                 <div class="col-3">
−
                     <div class="card" id="Lei">
+
                     <div class="card" id="Daiyun">
 
                         <div class="content">
 
                         <div class="content">
 
                             <h2>Mountain View</h2>
 
                             <h2>Mountain View</h2>
Line 82: Line 122:
 
             <div class="row mt-5">
 
             <div class="row mt-5">
 
                 <div class="col-3">
 
                 <div class="col-3">
−
                     <div class="card" id="Weiping">
+
                     <div class="card" id="Donglin">
 
                         <div class="content">
 
                         <div class="content">
 
                             <p class="copy">Check out all of these gorgeous mountain trips with beautiful views of, you
 
                             <p class="copy">Check out all of these gorgeous mountain trips with beautiful views of, you
Line 93: Line 133:
 
                 </div>
 
                 </div>
 
                 <div class="col-3">
 
                 <div class="col-3">
−
                     <div class="card" id="Wei">
+
                     <div class="card" id="Jing">
 
                         <div class="content">
 
                         <div class="content">
 
                             <h2>Mountain View</h2>
 
                             <h2>Mountain View</h2>
Line 103: Line 143:
 
                 </div>
 
                 </div>
 
                 <div class="col-3">
 
                 <div class="col-3">
−
                     <div class="card" id="Lei">
+
                     <div class="card" id="Jinqun">
 
                         <div class="content">
 
                         <div class="content">
 
                             <h2>Mountain View</h2>
 
                             <h2>Mountain View</h2>
Line 115: Line 155:
 
             <div class="row mt-5">
 
             <div class="row mt-5">
 
                 <div class="col-3">
 
                 <div class="col-3">
−
                     <div class="card" id="Weiping">
+
                     <div class="card" id="Jintian">
 
                         <div class="content">
 
                         <div class="content">
 
                             <p class="copy">Check out all of these gorgeous mountain trips with beautiful views of, you
 
                             <p class="copy">Check out all of these gorgeous mountain trips with beautiful views of, you
Line 126: Line 166:
 
                 </div>
 
                 </div>
 
                 <div class="col-3">
 
                 <div class="col-3">
−
                     <div class="card" id="Wei">
+
                     <div class="card" id="Shengbo">
 
                         <div class="content">
 
                         <div class="content">
 
                             <h2>Mountain View</h2>
 
                             <h2>Mountain View</h2>
Line 136: Line 176:
 
                 </div>
 
                 </div>
 
                 <div class="col-3">
 
                 <div class="col-3">
−
                     <div class="card" id="Lei">
+
                     <div class="card" id="Shuyue">
 
                         <div class="content">
 
                         <div class="content">
 
                             <h2>Mountain View</h2>
 
                             <h2>Mountain View</h2>
Line 143: Line 183:
 
                             <button class="btn">view</button>
 
                             <button class="btn">view</button>
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="row mt-5">
 +
            <div class="col-3">
 +
                <div class="card" id="Wenxi">
 +
                    <div class="content">
 +
                        <p class="copy">Check out all of these gorgeous mountain trips with beautiful views of, you
 +
                            guessed it,
 +
                            the mountains. Acturally, I have no idea about how long the sentences should be, coz all
 +
                            the boxes here are in unique size that is flexible depending on the general size of the
 +
                            window</p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="col-3">
 +
                <div class="card" id="Wenxin">
 +
                    <div class="content">
 +
                        <h2>Mountain View</h2>
 +
                        <p>Check out all of these gorgeous mountain trips with beautiful views of, you guessed it,
 +
                            the mountains</p>
 +
                        <button class="btn">view</button>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="col-3">
 +
                <div class="card" id="Yiduo">
 +
                    <div class="content">
 +
                        <h2>Mountain View</h2>
 +
                        <p>Check out all of these gorgeous mountain trips with beautiful views of, you guessed it,
 +
                            the mountains</p>
 +
                        <button class="btn">view</button>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="row mt-5">
 +
            <div class="col-3">
 +
                <div class="card" id="Yihan">
 +
                    <div class="content">
 +
                        <p class="copy">Check out all of these gorgeous mountain trips with beautiful views of, you
 +
                            guessed it,
 +
                            the mountains. Acturally, I have no idea about how long the sentences should be, coz all
 +
                            the boxes here are in unique size that is flexible depending on the general size of the
 +
                            window</p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="col-3">
 +
                <div class="card" id="Youcheng">
 +
                    <div class="content">
 +
                        <h2>Mountain View</h2>
 +
                        <p>Check out all of these gorgeous mountain trips with beautiful views of, you guessed it,
 +
                            the mountains</p>
 +
                        <button class="btn">view</button>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="col-3">
 +
                <div class="card" id="Zeyu">
 +
                    <div class="content">
 +
                        <h2>Mountain View</h2>
 +
                        <p>Check out all of these gorgeous mountain trips with beautiful views of, you guessed it,
 +
                            the mountains</p>
 +
                        <button class="btn">view</button>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="row mt-5">
 +
            <div class="col-3">
 +
                <div class="card" id="Zhuomiao">
 +
                    <div class="content">
 +
                        <p class="copy">Check out all of these gorgeous mountain trips with beautiful views of, you
 +
                            guessed it,
 +
                            the mountains. Acturally, I have no idea about how long the sentences should be, coz all
 +
                            the boxes here are in unique size that is flexible depending on the general size of the
 +
                            window</p>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 253: Line 372:
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 +
    </section>
  
 +
    <!-- dialog -->
 +
    <section>
 +
        <div id="dialog-1" class="dialog">
 +
            <div class="dialog__overlay"></div>
 +
            <div class="dialog__content">
 +
                <h2>why can't i see me</h2>
 +
                <p class="text-center">Howdy guys sadasd dsadsa sdad ad a dsad as d</p>
 +
                <p class="text-center">Howdy guys sadasd dsadsa sdad ad a dsad as d</p>
 +
                <button class="dialogButton">read more</button>
 +
            </div>
 +
        </div>
 +
        <div id="dialog-2" class="dialog">
 +
            <div class="dialog__overlay"></div>
 +
            <div class="dialog__content">
 +
                <h2>why can't i see me</h2>
 +
                <p class="text-center">Howdy guys sadasd dsadsa sdad ad a dsad as d</p>
 +
                <p class="text-center">Howdy guys sadasd dsadsa sdad ad a dsad as d</p>
 +
                <p class="text-center">Howdy guys sadasd dsadsa sdad ad a dsad as d</p>
 +
                <button class="dialogButton">read more</button>
 +
            </div>
 +
        </div>
 
     </section>
 
     </section>
 
     <!--JS-->
 
     <!--JS-->
Line 266: Line 407:
 
     <script type="text/javascript"
 
     <script type="text/javascript"
 
         src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/teamImages&action=raw&ctype=text/javascript"></script>
 
         src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/teamImages&action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"
 +
        src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/modernizr&action=raw&ctype=text/javascript"></script>
 +
    <script type="text/javascript"
 +
        src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/dialog&action=raw&ctype=text/javascript"></script>
 +
    <script type="text/javascript"
 +
        src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/BbBxRG&action=raw&ctype=text/javascript"></script>
 
     <!-- tooltip animation -->
 
     <!-- tooltip animation -->
 
     <script>
 
     <script>
Line 473: Line 620:
 
         )();
 
         )();
 
     </script>
 
     </script>
−
 
+
    <!-- Dialog -->
 +
    <script>
 +
        // dialog.js
 +
        initDialog(2);
 +
    </script>
 
</body>
 
</body>
  
 
</html>
 
</html>
 +
{{XJTU-China/teamCSS}}
 
{{XJTU-China/header}}
 
{{XJTU-China/header}}
 
{{XJTU-China/footer}}
 
{{XJTU-China/footer}}

Revision as of 12:49, 18 October 2021

Team:XJTU-China/Team

Crew

Crew

The incredibly talented youngsters

Chen Hongyu

Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains

Zhang Weiping

Night owl, Born explorer, Lab dweller

Guten tag~ This is Yang Jintian from Xi’an Jiaotong University, majoring in Biomedical Engineering. I mainly participated in the HP and wet lab. Thanks to my friends’ kindness, I was able to proceed some basic parts of the wet experiments such as plasmid transformation under their instruction. (What a legend!) Although gone are the days when we had our late-night snack together during the gap time in the lab, those beautiful memories are sure to be deep in my mind.

Mountain View

Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains

Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains. Acturally, I have no idea about how long the sentences should be, coz all the boxes here are in unique size that is flexible depending on the general size of the window

Mountain View

Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains

Mountain View

Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains

Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains. Acturally, I have no idea about how long the sentences should be, coz all the boxes here are in unique size that is flexible depending on the general size of the window

Mountain View

Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains

Mountain View

Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains

Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains. Acturally, I have no idea about how long the sentences should be, coz all the boxes here are in unique size that is flexible depending on the general size of the window

Mountain View

Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains

Mountain View

Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains

Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains. Acturally, I have no idea about how long the sentences should be, coz all the boxes here are in unique size that is flexible depending on the general size of the window

Mountain View

Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains

Mountain View

Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains

Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains. Acturally, I have no idea about how long the sentences should be, coz all the boxes here are in unique size that is flexible depending on the general size of the window

Mountain View

Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains

Mountain View

Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains

Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains. Acturally, I have no idea about how long the sentences should be, coz all the boxes here are in unique size that is flexible depending on the general size of the window

Instructors

Our highly respected mentors

Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains. Acturally, I have no idea about how long the sentences should be, coz all the boxes here are in unique size that is flexible depending on the general size of the window

Mountain View

Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains

Mountain View

Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains

Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains. Acturally, I have no idea about how long the sentences should be, coz all the boxes here are in unique size that is flexible depending on the general size of the window

Mountain View

Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains

Mountain View

Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains

Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains. Acturally, I have no idea about how long the sentences should be, coz all the boxes here are in unique size that is flexible depending on the general size of the window

Mountain View

Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains

Mountain View

Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains

why can't i see me

Howdy guys sadasd dsadsa sdad ad a dsad as d

Howdy guys sadasd dsadsa sdad ad a dsad as d

why can't i see me

Howdy guys sadasd dsadsa sdad ad a dsad as d

Howdy guys sadasd dsadsa sdad ad a dsad as d

Howdy guys sadasd dsadsa sdad ad a dsad as d

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