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

Line 17: Line 17:
 
     <link rel="stylesheet" type="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" />
 
         href="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/bootstrap&action=raw&ctype=text/css" />
 
+
    <style>
 +
        .customized {
 +
            width: 270px;
 +
            height: 270px;
 +
            background-color: cornflowerblue;
 +
        }
 +
    </style>
 
</head>
 
</head>
  
Line 42: Line 48:
 
                     <div class="col-lg-4 col-md-6 justify-content-center">
 
                     <div class="col-lg-4 col-md-6 justify-content-center">
 
                         <div class="tooltip__neo tooltip--indis" data-type="indis">
 
                         <div class="tooltip__neo tooltip--indis" data-type="indis">
 +
                            <div class="tooltip__trigger" role="tooltip" aria-describedby="info-indis">
 +
                                <a href="#">
 +
                                    <img class="img-circle customized"
 +
                                        src="https://static.igem.org/mediawiki/2021/0/0b/T--XJTU-China--crew-bg.jpg"
 +
                                        alt="img001">
 +
                                </a>
 +
                            </div>
 +
                            <div class="tooltip__base">
 +
                                <svg class="tooltip__shape" width="100%" height="100%" viewBox="0 0 400 300">
 +
                                    <path
 +
                                        d="M 44.5,24 C 138,4.47 246,-6.47 356,24 367,26.9 376,32.9 376,44 L 376,256 C 376,267 367,279 356,276 231,240 168,241 44.5,276 33.8,279 24.5,267 24.5,256 L 24.5,44 C 24.5,32.9 33.6,26.3 44.5,24 Z" />
 +
                                </svg>
 +
                                <div class="tooltip__content" id="info-indis">Logic will get you from A to Z;
 +
                                    imagination
 +
                                    will get you everywhere.</div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-lg-4 col-md-6 justify-content-center">
 +
                        <div class="tooltip__neo tooltip--indis" data-type="indis">
 +
                            <div class="tooltip__trigger" role="tooltip" aria-describedby="info-indis">
 +
                                <a href="#">
 +
                                    <img class="img-circle customized"
 +
                                        src="https://static.igem.org/mediawiki/2021/0/0b/T--XJTU-China--crew-bg.jpg"
 +
                                        alt="img001">
 +
                                </a>
 +
                            </div>
 +
                            <div class="tooltip__base">
 +
                                <svg class="tooltip__shape" width="100%" height="100%" viewBox="0 0 400 300">
 +
                                    <path
 +
                                        d="M 44.5,24 C 138,4.47 246,-6.47 356,24 367,26.9 376,32.9 376,44 L 376,256 C 376,267 367,279 356,276 231,240 168,241 44.5,276 33.8,279 24.5,267 24.5,256 L 24.5,44 C 24.5,32.9 33.6,26.3 44.5,24 Z" />
 +
                                </svg>
 +
                                <div class="tooltip__content" id="info-indis">Logic will get you from A to Z;
 +
                                    imagination
 +
                                    will get you everywhere.</div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-lg-4 col-md-6 justify-content-center">
 +
                        <div class="tooltip__neo tooltip--indis" data-type="indis">
 +
                            <div class="tooltip__trigger" role="tooltip" aria-describedby="info-indis">
 +
                                <a href="#">
 +
                                    <img class="img-circle customized"
 +
                                        src="https://static.igem.org/mediawiki/2021/0/0b/T--XJTU-China--crew-bg.jpg"
 +
                                        alt="img001">
 +
                                </a>
 +
                            </div>
 +
                            <div class="tooltip__base">
 +
                                <svg class="tooltip__shape" width="100%" height="100%" viewBox="0 0 400 300">
 +
                                    <path
 +
                                        d="M 44.5,24 C 138,4.47 246,-6.47 356,24 367,26.9 376,32.9 376,44 L 376,256 C 376,267 367,279 356,276 231,240 168,241 44.5,276 33.8,279 24.5,267 24.5,256 L 24.5,44 C 24.5,32.9 33.6,26.3 44.5,24 Z" />
 +
                                </svg>
 +
                                <div class="tooltip__content" id="info-indis">Logic will get you from A to Z;
 +
                                    imagination
 +
                                    will get you everywhere.</div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
 +
                    <div class="col-lg-4 col-md-6 justify-content-center">
 +
                        <div class="tooltip__neo tooltip--indis" data-type="indis">
 +
                            <div class="tooltip__base">
 +
                                <svg class="tooltip__shape" width="100%" height="100%" viewBox="0 0 400 300">
 +
                                    <path
 +
                                        d="M 44.5,24 C 138,4.47 246,-6.47 356,24 367,26.9 376,32.9 376,44 L 376,256 C 376,267 367,279 356,276 231,240 168,241 44.5,276 33.8,279 24.5,267 24.5,256 L 24.5,44 C 24.5,32.9 33.6,26.3 44.5,24 Z" />
 +
                                </svg>
 +
                                <div class="tooltip__content" id="info-indis">Logic will get you from A to Z;
 +
                                    imagination
 +
                                    will get you everywhere.</div>
 +
                            </div>
 
                             <div class="tooltip__trigger" role="tooltip" aria-describedby="info-indis">
 
                             <div class="tooltip__trigger" role="tooltip" aria-describedby="info-indis">
 
                                 <a href="#" class="tilter">
 
                                 <a href="#" class="tilter">
Line 59: Line 135:
 
                                     </figure>
 
                                     </figure>
 
                                 </a>
 
                                 </a>
                            </div>
 
                            <div class="tooltip__base">
 
                                <svg class="tooltip__shape" width="100%" height="100%" viewBox="0 0 400 300">
 
                                    <path
 
                                        d="M 44.5,24 C 138,4.47 246,-6.47 356,24 367,26.9 376,32.9 376,44 L 376,256 C 376,267 367,279 356,276 231,240 168,241 44.5,276 33.8,279 24.5,267 24.5,256 L 24.5,44 C 24.5,32.9 33.6,26.3 44.5,24 Z" />
 
                                </svg>
 
                                <div class="tooltip__content" id="info-indis">Logic will get you from A to Z;
 
                                    imagination
 
                                    will get you everywhere.</div>
 
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>

Revision as of 06:46, 2 September 2021

Team:XJTU-China/Team

Crew

Crew

The incredibly talented youngsters

Logic will get you from A to Z; imagination will get you everywhere.
Logic will get you from A to Z; imagination will get you everywhere.
Logic will get you from A to Z; imagination will get you everywhere.
Logic will get you from A to Z; imagination will get you everywhere.

contact us

Xi'an Jiaotong University
28 Xianning West Road
Xi'an, Shaanxi, China, 710049
xjtu_igem@xjtu.edu.cn

Made with ❤️ by