Difference between revisions of "Team:UI-Indonesia/Model"

Line 1: Line 1:
−
{{UI-Indonesia}}
+
{{:Template:UI-Indonesia/wiki_reset}}
 +
{{:Template:UI-Indonesia/css/wiki_default_settings}}
 +
{{:Template:UI-Indonesia/css/menu_bar}}
 +
 
 +
 
 
<html>
 
<html>
 +
<head>
 +
    <title>Home - Hi,Vax! UI iGEM Team 2016</title>
 +
</head>
 +
<body>
 +
    <meta charset="UTF-8">
 +
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
 +
    <meta content="Hi,Vax! Wiki - UI iGEM Team 2016 Project" name="description">
 +
    <meta content="Arief Purnama Muharram (UI iGEM Team 2016 - Faculty of Medicine Universitas Indonesia)" name="author">
 +
    <link href="https://2016.igem.org/Template:UI-Indonesia/prototype01/style_css?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 +
    <link href="https://2016.igem.org/Template:UI-Indonesia/prototype01/bootstrap_min_css?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 +
    <!-- the wiki settings in the section immediately below are from UC San Diego 2015 -->
 +
    <style type="text/css">
 +
        /* WIKI SETTINGS*/
 +
       
 +
        /* Hide first heading */
 +
            .firstHeading {
 +
                display: none;
 +
            }
  
  
 +
        /*-- Remove borders, float content left and remove padding/margin */
 +
            #globalWrapper, #content{
 +
                background-color: transparent;
 +
                border: none;
 +
                float: center;
 +
                                width: 101%;
 +
                margin-left: -3px;
 +
                margin-top: -35px;
 +
                padding: auto;
 +
            }
  
 +
        /*left align Black Menu Bar */
 +
            #top_menu_inside {
 +
                margin-left: 0px;
 +
            }
 +
    .centerImage
 +
    {
 +
    text-align:center;
 +
    display:block;
 +
    }
 +
    .wraptocenter {
 +
    display: table-cell;
 +
    text-align: center;
 +
    vertical-align: middle;
 +
    width: 200px;
 +
    height: 200px;
 +
    background-color: #999;
 +
    }
 +
    .wraptocenter * {
 +
    vertical-align: middle;
 +
    }
  
 +
    <!-- TAB STYLE -->
  
 +
    ul.tab {
 +
    list-style-type: none;
 +
    margin: 0;
 +
    padding: 0;
 +
    overflow: hidden;
 +
    border: 1px solid #ccc;
 +
    background-color: #f1f1f1;
 +
    }
  
 +
    /* Float the list items side by side */
 +
    ul.tab li {float: left;}
  
 +
    /* Style the links inside the list items */
 +
    ul.tab li a {
 +
    display: inline-block;
 +
    color: black;
 +
    text-align: center;
 +
    padding: 14px 16px;
 +
    text-decoration: none;
 +
    transition: 0.3s;
 +
    font-size: 17px;
 +
    }
  
−
<h2> Modeling</h2>
+
    /* Change background color of links on hover */
−
<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>
+
    ul.tab li a:hover {
 +
    background-color: #ddd;
 +
    }
  
 +
    /* Create an active/current tablink class */
 +
    ul.tab li a:focus, .active {
 +
    background-color: #ccc;
 +
    }
  
−
<h5> Inspiration </h5>
+
    /* Style the tab content */
−
<p>
+
    .tabcontent {
−
Here are a few examples from previous teams:
+
    display: none;
−
</p>
+
    padding: 6px 12px;
−
<ul>
+
    -webkit-animation: fadeEffect 1s;
−
<li><a href="https://2014.igem.org/Team:ETH_Zurich/modeling/overview">ETH Zurich 2014</a></li>
+
    animation: fadeEffect 1s;
−
<li><a href="https://2014.igem.org/Team:Waterloo/Math_Book">Waterloo 2014</a></li>
+
    }
−
</ul>
+
  
 +
    @-webkit-keyframes fadeEffect {
 +
    from {opacity: 0;}
 +
    to {opacity: 1;}
 +
    }
  
−
</div>
+
    @keyframes fadeEffect {
 +
    from {opacity: 0;}
 +
    to {opacity: 1;}
 +
    }
  
 +
    <!-- TAB STYLE -->
 +
    </style><!-- header section -->
 +
    <header>
 +
        <div id="nav-box">
 +
            <div id="cssmenu">
 +
                <ul>
 +
                    <li>
 +
                        <a href='https://2016.igem.org/team:UI-Indonesia'>Home</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2016.igem.org/team:UI-Indonesia/Description">Our Project</a>
 +
                    </li>
 +
                    <li class='has-sub'>
 +
                        <a  href='#'>Part</a>
 +
                        <ul>
 +
                            <li><a href="https://2016.igem.org/Team:UI-Indonesia/Basic_Part">Basic Part</a></li>
 +
                            <li><a href="https://2016.igem.org/Team:UI-Indonesia/Parts">Part</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class='active'>
 +
                        <a href='https://2016.igem.org/team:UI-Indonesia/Model'>Modelling</a>
 +
                    </li>
 +
                    <li class='has-sub'>
 +
                        <a href='#'>Human Practice</a>
 +
                        <ul>
 +
                            <li>
 +
                                <a href="https://2016.igem.org/Team:UI-Indonesia/HP/Silver">Field Activities</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="https://2016.igem.org/Team:UI-Indonesia/HP/Gold">Hand Book</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="https://2016.igem.org/Team:UI-Indonesia/Integrated_Practice">Integrated Human Practice</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="https://2016.igem.org/Team:UI-Indonesia/Engagement">Education and Public Engagement</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                    <li>
 +
                        <a href='https://2016.igem.org/team:UI-Indonesia/Medal_Criteria'>Medal Criteria</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href='https://2016.igem.org/team:UI-Indonesia/Team'>Team</a>
 +
                    </li>
 +
                    <li class='has-sub'>
 +
                        <a href='#'>References</a>
 +
                        <ul>
 +
                            <li>
 +
                                <a href="https://2016.igem.org/Team:UI-Indonesia/Notebook">Notebook</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href='https://2016.igem.org/Team:UI-Indonesia/Attributions'>Attributions</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="#">Photo Collection</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
        </div>
 +
    </header>
 +
    <section class="contents" id="">
 +
        <div class="container">
 +
            <div class="row">
 +
                <!-- SPACE KOSONG -->
 +
                <h2 class="text-center">MODELLING</h2>
 +
                <p>Check out our works <a href="https://static.igem.org/mediawiki/2016/a/ab/T--UI-Indonesia--Model.pdf">HERE</a>!</p>
 +
    <!-- SPACE KOSONG -->
 +
       
 +
    </section><!-- footer starts here -->
 +
    <!-- script tags
 +
    ============================================================= -->
 +
    <script src="https://2016.igem.org/Template:UI-Indonesia/prototype01/smoothscroll_js?action=raw&ctype=text/javascript" type="text/javascript">
 +
    </script>
 +
    <script src="https://2016.igem.org/Template:UI-Indonesia/prototype01/bootstrap_min.js?action=raw&ctype=text/javascript" type="text/javascript">
 +
    </script>
 +
    <script src="https://2016.igem.org/Template:UI-Indonesia/prototype01/custom_js?action=raw&ctype=text/javascript" type="text/javascript">
 +
    </script>
 +
</body>
 
</html>
 
</html>
 +
 +
{{:Template:UI-Indonesia/css/wiki_footer}}

Revision as of 01:05, 20 October 2016


Home - Hi,Vax! UI iGEM Team 2016

MODELLING

Check out our works HERE!

© 2016 UI iGEM Team. All rights reserved.