Difference between revisions of "Team:BNU-China/Integrated Practices"

 
(16 intermediate revisions by 2 users not shown)
Line 5: Line 5:
  
 
<div class="main-container" id="practice">
 
<div class="main-container" id="practice">
     <div class="container-fluid page-heading">
+
     <div class="container-fluid page-heading"  style="background-image: url(https://static.igem.org/mediawiki/2016/3/39/T--BNU-China--sky.jpg);">
 
         <h3 id="practice-heading"> Practices </h3>
 
         <h3 id="practice-heading"> Practices </h3>
 
     </div>
 
     </div>
 
     <div class="container-fluid">
 
     <div class="container-fluid">
         <div class="practice-main">
+
 
             <div class="practice-link-left" style="top: 172%;"><a href="#"> Preface </a></div>
+
         <div class="practice-main wrapper">
             <img src="https://static.igem.org/mediawiki/2016/2/22/T--BNU-China--practice1.jpg" class="practice-img">
+
             <div class="practice-link-left"><a href="https://2016.igem.org/Team:BNU-China/Practices#practice-pre"> Preface <i class="fa fa-arrow-right faa-passing animated"> </i> </a></div>
 +
             <img src="https://static.igem.org/mediawiki/2016/2/22/T--BNU-China--practice1.jpg" class="practice-img" id="img1">
 
             <!--<a href="#">We visited here.</a>-->
 
             <!--<a href="#">We visited here.</a>-->
 
         </div>
 
         </div>
  
         <div class="practice-main">
+
         <div class="practice-main wrapper">
             <div class="practice-link-right" style="top: 272%;"><a href="#">Mini iGEM</a></div>
+
             <div class="practice-link-right"><a href="https://2016.igem.org/Team:BNU-China/Practices#MINI-iGEM">Mini iGEM <i class="fa fa-arrow-right faa-passing animated"> </i></a></div>
 
             <img src="https://static.igem.org/mediawiki/2016/b/b2/T--BNU-China--practice2.jpg" class="practice-img">
 
             <img src="https://static.igem.org/mediawiki/2016/b/b2/T--BNU-China--practice2.jpg" class="practice-img">
 
         </div>
 
         </div>
  
         <div class="practice-main">
+
         <div class="practice-main wrapper">
             <div class="practice-link-left" style="top: 372%;"><a href="#">Seeing is Believing</a></div>
+
             <div class="practice-link-left"><a href="https://2016.igem.org/Team:BNU-China/Practices#Practice-seeing">Seeing is Believing <i class="fa fa-arrow-right faa-passing animated"> </i></a></div>
 
             <img src="https://static.igem.org/mediawiki/2016/3/35/T--BNU-China--practice3.jpg" class="practice-img">
 
             <img src="https://static.igem.org/mediawiki/2016/3/35/T--BNU-China--practice3.jpg" class="practice-img">
 
         </div>
 
         </div>
  
         <div class="practice-main">
+
         <div class="practice-main wrapper">
             <div class="practice-link-right" style="top: 472%;"><a href="#">Voice from Society</a></div>
+
             <div class="practice-link-right"><a href="https://2016.igem.org/Team:BNU-China/Practices#VOICE-FROM-SOCIETY">Voice from Society <i class="fa fa-arrow-right faa-passing animated"> </i></a></div>
 
             <img src="https://static.igem.org/mediawiki/2016/f/f2/T--BNU-China--practice4.jpg" class="practice-img">
 
             <img src="https://static.igem.org/mediawiki/2016/f/f2/T--BNU-China--practice4.jpg" class="practice-img">
 
         </div>
 
         </div>
  
         <div class="practice-main">
+
         <div class="practice-main wrapper">
             <div class="practice-link-left" style="top: 572%;"><a href="#">CCIC</a></div>
+
             <div class="practice-link-left"><a href="https://2016.igem.org/Team:BNU-China/Practices#prac-CCiC">CCiC  <i class="fa fa-arrow-right faa-passing animated"> </i></a></div>
 
             <img src="https://static.igem.org/mediawiki/2016/6/6b/T--BNU-China--practice5.jpg" class="practice-img">
 
             <img src="https://static.igem.org/mediawiki/2016/6/6b/T--BNU-China--practice5.jpg" class="practice-img">
 
         </div>
 
         </div>
  
         <div class="practice-main">
+
         <div class="practice-main wrapper">
             <div class="practice-link-right" style="top: 672%;"><a href="#">Orienteering</a></div>
+
             <div class="practice-link-right"><a href="https://2016.igem.org/Team:BNU-China/Practices#prac-Orienteering">Orienteering <i class="fa fa-arrow-right faa-passing animated"> </i></a></div>
 
             <img src="https://static.igem.org/mediawiki/2016/2/2c/T--BNU-China--practice6.jpg" class="practice-img">
 
             <img src="https://static.igem.org/mediawiki/2016/2/2c/T--BNU-China--practice6.jpg" class="practice-img">
 
         </div>
 
         </div>
  
  
         <div class="practice-main">
+
         <div class="practice-main wrapper">
 
             <img src="https://static.igem.org/mediawiki/2016/1/1e/T--BNU-China--practice7.jpg" class="practice-img">
 
             <img src="https://static.igem.org/mediawiki/2016/1/1e/T--BNU-China--practice7.jpg" class="practice-img">
 
         </div>
 
         </div>
Line 54: Line 55:
 
     document.querySelector('div#practice').style.backgroundImage='url("https://static.igem.org/mediawiki/2016/a/a6/T--BNU-China--sky2.jpg")';  
 
     document.querySelector('div#practice').style.backgroundImage='url("https://static.igem.org/mediawiki/2016/a/a6/T--BNU-China--sky2.jpg")';  
 
}
 
}
var ImgT = $('.practice-img').top;
+
 
var ImgH = $('.practice-img').height;
+
 
$('div.practice-link-left').style.top = ImgT + ImgH*0.5;
+
 
 
</script>
 
</script>
 
</html>
 
</html>

Latest revision as of 02:53, 9 November 2016

Team:BNU-CHINA - 2016.igem.org