(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | {{JiangnanU_China}} | + | {{:Team:JiangnanU_China/Header}} |
<html> | <html> | ||
+ | <head> | ||
+ | <!-- 标题栏logo --> | ||
+ | <link rel="icon" type="image/jpg" | ||
+ | href="https://static.igem.org/mediawiki/2019/3/34/T--JiangnanU_China--Logo-Web_version.jpg"/> | ||
+ | <style> | ||
+ | .meetup_bookmark_jilin { | ||
+ | font-size: 10px; | ||
+ | } | ||
+ | .meetup_overview { | ||
+ | color: white; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2019/f/f8/T--JiangnanU_China--hp_edu_bgd.png") !important; | ||
+ | background-size: 100% 100%; | ||
+ | display: flex; | ||
+ | flex-direction: column; | ||
+ | /*justify-content: center;*/ | ||
+ | align-items: flex-start; | ||
+ | padding: 5% 20% 5% 10%; | ||
+ | /*/ / 上右下左*/ | ||
+ | line-height: initial; | ||
+ | } | ||
− | + | .meetup_block { | |
− | + | width: 22%; | |
− | + | height: auto; | |
− | + | background: white; | |
− | + | margin: 2%; | |
+ | display: flex; | ||
+ | flex-direction: column; | ||
+ | align-items: flex-start; | ||
+ | padding: 1% 2% 1% 2%; | ||
+ | /*上右下左 */ | ||
+ | border: 1px solid white; | ||
+ | -webkit-box-shadow: #666 0px 0px 10px; | ||
+ | -moz-box-shadow: #666 0px 0px 10px; | ||
+ | box-shadow: #666 0px 0px 10px; | ||
+ | color: rgb(229, 89, 136); | ||
+ | } | ||
+ | h1,h3{ | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | color: black; | ||
+ | } | ||
+ | p{ | ||
+ | color: black; | ||
+ | } | ||
+ | .meetup_block:hover { | ||
+ | background: rgb(229, 89, 136); | ||
+ | color: white; | ||
+ | border: 1px solid rgb(229, 89, 136); | ||
+ | } | ||
+ | .img { | ||
+ | padding: 2%; | ||
+ | } | ||
− | + | .heng { | |
+ | display: flex; | ||
+ | flex-direction: row; | ||
+ | } | ||
+ | /*蓝色日期*/ | ||
+ | .blue_day { | ||
+ | color: #2F49FF; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body data-spy="scroll" data-target="#myScrollspy" data-offset="20"> | ||
+ | <div class="container nowbg"> | ||
+ | <div class="row nowbg"> | ||
+ | <div class="col-xs-12 col-sm-3 col-lg-3"> | ||
+ | <nav id="myScrollspy" class="hidden-xs hidden-sm"> | ||
+ | <ul class="nav nav-pills nav-stacked" data-spy="affix"> | ||
+ | <li><a href="#overview">??</a></li> | ||
+ | <li><a href="#shanghai">??</a></li> | ||
+ | <li><a href="#academic_exchange">??</a></li> | ||
+ | <li><a href="#jilin">??</a></li> | ||
+ | <li><a href="#ccic">??</a></li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | </div> | ||
+ | <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 nowbg" style="margin-right:20px;"> | ||
+ | <!--粉色总览--> | ||
+ | <div id="overview"></div> | ||
+ | <div class="meetup_overview"> | ||
+ | <h1>Human Practices</h1> | ||
+ | <p style="font-size: 18px"> | ||
+ | ?????????????????????????????????????? | ||
+ | ??????????????????????????????????????? | ||
+ | ?????????????????????????????????? ?????</p> | ||
+ | <h3>Human Practices Mind Map</h3> | ||
+ | <img style="margin-top: 5%;margin-bottom: 5%" src="https://static.igem.org/mediawiki/2019/d/d9/T--JiangnanU_China--hp_interagrated_daotu.png" width="100%" | ||
+ | height="auto" alt="思维导图"> | ||
+ | <div class="heng" style="width: 100%"> | ||
+ | <div class="meetup_block">01<br> | ||
+ | <div style="font-size: 8px;">Education and Engagement<br/> | ||
+ | Debate Competition for Freshmen, Conduct Moot Court Activities… | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="meetup_block">02<br> | ||
+ | <div style="font-size: 8px;">Entrepreneurship<br/> | ||
+ | DUPONT | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-lg-1 col-md-1 hidden-xs hidden-sm" nowbg></div> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | |||
− | |||
− | + | </body> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | |||
+ | <script> | ||
+ | var slideIndex = 1; | ||
+ | showSlides(slideIndex); | ||
+ | function plusSlides(n) { | ||
+ | showSlides(slideIndex += n); | ||
+ | } | ||
− | + | function currentSlide(n) { | |
− | + | showSlides(slideIndex = n); | |
− | + | } | |
− | + | ||
− | + | function showSlides(n) { | |
− | + | var i; | |
− | + | var slides = document.getElementsByClassName("mySlidesslideshow"); | |
− | + | var dots = document.getElementsByClassName("demoslideshow"); | |
− | + | var captionslideshowgrnblText = document.getElementById("captionslideshowgrnbl"); | |
− | + | if (n > slides.length) { | |
− | + | slideIndex = 1 | |
− | + | } | |
− | < | + | if (n < 1) { |
− | + | slideIndex = slides.length | |
− | + | } | |
− | + | for (i = 0; i < slides.length; i++) { | |
− | < | + | slides[i].style.display = "none"; |
− | + | } | |
− | + | for (i = 0; i < dots.length; i++) { | |
− | + | dots[i].className = dots[i].className.replace(" activeslideshow", ""); | |
− | + | } | |
− | + | slides[slideIndex - 1].style.display = "block"; | |
− | + | dots[slideIndex - 1].className += " activeslideshow"; | |
− | + | captionslideshowgrnblText.innerHTML = dots[slideIndex - 1].alt; | |
− | + | } | |
− | + | </script> | |
+ | </html> | ||
+ | {{:Team:JiangnanU_China/Footer}} |
Revision as of 07:34, 7 October 2019
Human Practices
?????????????????????????????????????? ??????????????????????????????????????? ?????????????????????????????????? ?????
Human Practices Mind Map
01
Education and Engagement
Debate Competition for Freshmen, Conduct Moot Court Activities…
Debate Competition for Freshmen, Conduct Moot Court Activities…
02
Entrepreneurship
DUPONT
DUPONT