Difference between revisions of "Team:UI-Indonesia/HP/Gold"

Line 1: Line 1:
−
{{UI-Indonesia}}
+
{{:Template:UI-Indonesia/wiki_reset}}
 +
{{:Template:UI-Indonesia/css/wiki_default_settings}}
 +
{{:Template:UI-Indonesia/css/menu_bar}}
 +
 
 +
<!DOCTYPE html>
 
<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;
 +
            }
  
−
<p>iGEM teams are unique and leading the field because they "go beyond the lab" to imagine their projects in a social/environmental context, to better understand issues that might influence the design and use of their technologies.</p>
+
        /*left align Black Menu Bar */
−
<p>Teams work with students and advisors from the humanities and social sciences to explore topics concerning ethical, legal, social, economic, safety or security issues related to their work. Consideration of these Human Practices is crucial for building safe and sustainable projects that serve the public interest. </p>
+
            #top_menu_inside {
−
<p>For more information, please see the <a href="https://2016.igem.org/Human_Practices">Human Practices Hub</a>.</p>
+
                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;
 +
    }
  
−
</div>
+
    <!-- 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;
 +
    }
 +
 +
    /* Change background color of links on hover */
 +
    ul.tab li a:hover {
 +
    background-color: #ddd;
 +
    }
 +
 +
    /* Create an active/current tablink class */
 +
    ul.tab li a:focus, .active {
 +
    background-color: #ccc;
 +
    }
 +
 +
    /* Style the tab content */
 +
    .tabcontent {
 +
    display: none;
 +
    padding: 6px 12px;
 +
    -webkit-animation: fadeEffect 1s;
 +
    animation: fadeEffect 1s;
 +
    }
 +
 +
    @-webkit-keyframes fadeEffect {
 +
    from {opacity: 0;}
 +
    to {opacity: 1;}
 +
    }
 +
 +
    @keyframes fadeEffect {
 +
    from {opacity: 0;}
 +
    to {opacity: 1;}
 +
    }
 +
 +
    <!-- TAB STYLE -->
 +
    </style><!-- header section -->
 +
    <header>
 +
        <div id="nav-box">
 +
            <div id="cssmenu">
 +
                <ul>
 +
                    <li class='active'>
 +
                        <a href='#top'>Home</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#our-project">Our Project</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href='https://2016.igem.org/team:UI-Indonesia/Parts'>Parts</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href='#modelling'>Modelling</a>
 +
                    </li>
 +
                    <li class='has-sub'>
 +
                        <a href='#human-practice'>Human Practice</a>
 +
                        <ul>
 +
                            <li>
 +
                                <a href="https://2016.igem.org/Team:UI-Indonesia/HP/Silver">Resume</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='#medal-criteria'>Medal Criteria</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href='#team'>Team</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href='#result'>Result</a>
 +
                    </li>
 +
                    <li class='has-sub'>
 +
                        <a href='#references'>References</a>
 +
                        <ul>
 +
                            <li>
 +
                                <a href="#">Notebook</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="#">Safety</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>HP GOLD : HUMAN PRACTICE HANBOOK</h2>
 +
        <img src="https://2016.igem.org/File:Education_SS.jpg" class="img-responsive"/>
 +
        <h3>Hereby we attached the full version of our <a href="https://static.igem.org/mediawiki/2016/0/09/Handbook_iGEM.pdf"> Human Practice Handbook</a></h3>
 +
       
 +
    <!-- 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

<!DOCTYPE html> Home - Hi,Vax! UI iGEM Team 2016

HP GOLD : HUMAN PRACTICE HANBOOK

Hereby we attached the full version of our Human Practice Handbook

© 2016 UI iGEM Team. All rights reserved.