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

Latest revision as of 02:53, 9 November 2016

Team:BNU-CHINA - 2016.igem.org

Practices

@@ Line 3: / Line 3: @@
 <html>
-<div class="main-container" id="practice" style="background-image: url(https://static.igem.org/mediawiki/2016/3/39/T--BNU-China--sky.jpg);">
-    <div class="container-fluid page-heading">
+<div class="main-container" id="practice">
+    <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>
+     </div>
+     <div class="container-fluid">
-         <img src="https://static.igem.org/mediawiki/2016/2/2b/T--BNU-China--people.jpg">
+         <div class="practice-main wrapper">
+            <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>-->
+        </div>
+        <div class="practice-main wrapper">
+            <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">
+        </div>
+        <div class="practice-main wrapper">
+            <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">
+        </div>
+        <div class="practice-main wrapper">
+            <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">
+        </div>
+        <div class="practice-main wrapper">
+            <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">
+        </div>
+        <div class="practice-main wrapper">
+            <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">
+        </div>
+        <div class="practice-main wrapper">
+             <img src="https://static.igem.org/mediawiki/2016/1/1e/T--BNU-China--practice7.jpg" class="practice-img">
+        </div>
+      </div>
      </div>
 </div>
+<script>
+if (window.screen.height > window.screen.width)
+{
+    document.querySelector('div#practice').style.backgroundImage='url("https://static.igem.org/mediawiki/2016/a/a6/T--BNU-China--sky2.jpg")';
+}
+</script>
 </html>