Difference between revisions of "Team:BIT-China/Model"

Revision as of 03:54, 9 October 2016 (view source)

Yida (Talk | contribs)

← Older edit

Revision as of 04:05, 9 October 2016 (view source)

Yida (Talk | contribs)

Newer edit →

Line 189:

</head>

<body>

−

~~<div id="container" style="min-width:700px;height:400px"></div>~~

−

~~</body>~~

−

+

<div class="col-sm-12 clearfix" style="padding: 0;padding-top:30px;

−

~~<h2> Modeling<~~/h2>

+

background: url(https://static.igem.org/mediawiki/2016/4/45/T--BIT-China--content_bg.jpg)">

−

<p>~~Mathematical models and computer simulations provide a great way to describe the function and operation of BioBrick Parts and Devices~~. Synthetic Biology is an engineering discipline, and part of engineering is simulation and modeling to determine the behavior of your design before you build it. Designing and simulating can be iterated many times in a computer before moving to the lab. This award is for teams who build a model of their system and use it to inform system design or simulate expected behavior in conjunction with experiments in the wetlab.</p>

+

+

+

<div class="overview-content" style="border:1px dashed #F08B1F;

+

border-radius: 10px;margin: 0.5em;padding: 10px;">

+

+

Modeling

+

+

+

+

</div>

+

+

+

+

</div>

+

</div>

−

~~<h5> Inspiration~~ </h5>

+

</div>

−

~~<p>~~

+

</div>

−

~~Here are a few examples from previous teams:~~

+

</div>

−

~~</p>~~

+

−

~~<ul>~~

+

−

~~<li><a href="https://2014.igem.org/Team:ETH_Zurich/modeling/overview">ETH Zurich 2014</a></li>~~

+

−

~~<li><a href="https://2014.igem.org/Team:Waterloo/Math_Book">Waterloo 2014</a>~~</li>

+

−

</ul>

+

+

+

+

<span style="color: #FFFFFF;font-size: 20px;font-weight: bold;position: absolute;

+

right: 40px;bottom: 20px;">Modeling</span>

+

</div>

+

+

<li>

+

<img src="https://static.igem.org/mediawiki/2016/e/e2/T--BIT-China--img--nav_left_c1.png"

+

alt="c1" style="width: 100%;height: 70px;">

+

+

+

</li>

+

<li>

+

<img src="https://static.igem.org/mediawiki/2016/9/9d/T--BIT-China--img--nav_left_c3.png"

+

alt="c1" style="width: 100%;height: 70px;">

+

+

+

</li>

+

</ul>

+

</div>

+

+

<div id="site-change-btn"

+

style="position: absolute;left: 20px;bottom: 20px;z-index:9;display: none;">

+

+

+

+

</a>

+

<img src="https://static.igem.org/mediawiki/2016/a/ab/T--BIT-China--img--page_change_left.png"

+

alt="page_change" style="width: 40px;height: auto;">

+

</div>

+

Line 258:

Line 299:

});

</script>

+

</body>

</html>

@@ Line 189: / Line 189: @@
 </head>
 <body>
-  <div id="container" style="min-width:700px;height:400px"></div>
-</body>
-<div class="column full_size">
+<div class="col-sm-12 clearfix" style="padding: 0;padding-top:30px;
-<h2> Modeling</h2>
+background: url(https://static.igem.org/mediawiki/2016/4/45/T--BIT-China--content_bg.jpg)">
-<p>Mathematical models and computer simulations provide a great way to describe the function and operation of BioBrick Parts and Devices. Synthetic Biology is an engineering discipline, and part of engineering is simulation and modeling to determine the behavior of your design before you build it. Designing and simulating can be iterated many times in a computer before moving to the lab. This award is for teams who build a model of their system and use it to inform system design or simulate expected behavior in conjunction with experiments in the wetlab.</p>
+    <div class="content-right" style="float: left;width:100%;padding: 10px;">
+        <div style="margin-left:220px;background: white;margin-top: 0.5em;margin-bottom:0.5em;padding: 1px;border-radius: 10px">
+            <div class="overview-content" style="border:1px dashed #F08B1F;
+            border-radius: 10px;margin: 0.5em;padding: 10px;">
+                <div class="content-title">
+                    Modeling
+                    <!--<img src="https://static.igem.org/mediawiki/2016/3/30/T&#45;&#45;BIT-China&#45;&#45;Project&#45;&#45;Design&#45;&#45;title.png"-->
+                    <!--alt="title" class="col-sm-8 col-sm-offset-2">-->
+                    <!--<br>-->
+                </div>
+<div class="block-content">
+<div class="block-content-item">
+<div id="container" style="max-width:700px;height:400px"></div>
+</div>
+</div>
-<h5> Inspiration </h5>
+            </div>
-<p>
+        </div>
-Here are a few examples from previous teams:
+    </div>
-</p>
-<ul>
-<li><a href="https://2014.igem.org/Team:ETH_Zurich/modeling/overview">ETH Zurich 2014</a></li>
-<li><a href="https://2014.igem.org/Team:Waterloo/Math_Book">Waterloo 2014</a></li>
-</ul>
+    <div class="nav-left" id="nav_left_wrapper"  style="float: left;margin-left:-100%;width: 200px;">
+        <div class="nav-left-title" style="position:relative;width: 200px;padding: 0;">
+            <img src="https://static.igem.org/mediawiki/2016/4/43/T--BIT-China--img--nav_left_top.png" alt="nav_left_top" style="width: 100%;">
+            <span style="color: #FFFFFF;font-size: 20px;font-weight: bold;position: absolute;
+        right: 40px;bottom: 20px;">Modeling</span>
+        </div>
+        <ul class="nav_left_ul" style="padding-left: 50px;">
+            <li>
+                <img src="https://static.igem.org/mediawiki/2016/e/e2/T--BIT-China--img--nav_left_c1.png"
+                     alt="c1" style="width: 100%;height: 70px;">
+                <a href="#equipments" class="nav_point">
+                    <span class="nav_left_txt"></span></a>
+            </li>
+            <li>
+                <img src="https://static.igem.org/mediawiki/2016/9/9d/T--BIT-China--img--nav_left_c3.png"
+                     alt="c1" style="width: 100%;height: 70px;">
+                <a href="#materials" class="nav_point">
+                    <span class="nav_left_txt" ></span></a>
+            </li>
+        </ul>
+    </div>
 </div>
+<!--相邻页面切换按钮-->
+<div id="site-change-btn"
+     style="position: absolute;left: 20px;bottom: 20px;z-index:9;display: none;">
+    <a href="https://2016.igem.org/Team:BIT-China/EP">
+        <span style="color: #654D6F;font-weight: bold;font-size: 12px">
+            <i class="fa fa-angle-double-left" aria-hidden="true"></i>EP</span>
+    </a>
+    <img src="https://static.igem.org/mediawiki/2016/a/ab/T--BIT-China--img--page_change_left.png"
+         alt="page_change" style="width: 40px;height: auto;">
+</div>
 <script>
@@ Line 258: / Line 299: @@
 });
 </script>
+</body>
 </html>
 {{BIT-China/footer}}