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

 
(5 intermediate revisions by 2 users not shown)
Line 98: Line 98:
 
     -webkit-animation: fadeEffect 1s;
 
     -webkit-animation: fadeEffect 1s;
 
     animation: fadeEffect 1s;
 
     animation: fadeEffect 1s;
 +
    }
 +
    .imgCenter{
 +
        display: black;
 +
        margin: auto;
 +
        margin-top: 25px;
 +
        margin-bottom: 25px;
 
     }
 
     }
  
Line 113: Line 119:
 
     </style><!-- header section -->
 
     </style><!-- header section -->
 
     <header>
 
     <header>
 +
{{:Template:UI-Indonesia/wiki_reset}}
 +
{{:Template:UI-Indonesia/css/wiki_default_settings}}
 +
{{:Template:UI-Indonesia/css/menu_bar}}
 +
 +
<!DOCTYPE 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;
 +
    }
 +
 +
    /* 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;
 +
    }
 +
   
 +
    .imgCenter{
 +
        display: block;
 +
        margin: auto;
 +
        margin-top: 25px;
 +
        margin-bottom: 25px;
 +
    }
 +
 +
    @-webkit-keyframes fadeEffect {
 +
    from {opacity: 0;}
 +
    to {opacity: 1;}
 +
    }
 +
 +
    @keyframes fadeEffect {
 +
    from {opacity: 0;}
 +
    to {opacity: 1;}
 +
    }
 +
 +
    <!-- TAB STYLE -->
 +
    </style><!-- header section -->
 
         <div id="nav-box">
 
         <div id="nav-box">
 
             <div id="cssmenu">
 
             <div id="cssmenu">
 
                 <ul>
 
                 <ul>
                    <li class='active'>
 
                        <a href='#top'>Home</a>
 
                    </li>
 
 
                     <li>
 
                     <li>
                         <a href="#our-project">Our Project</a>
+
                         <a href='https://2016.igem.org/team:UI-Indonesia'>Home</a>
 
                     </li>
 
                     </li>
 
                     <li>
 
                     <li>
                         <a href='https://2016.igem.org/team:UI-Indonesia/Parts'>Parts</a>
+
                         <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>
 
                     <li>
 
                     <li>
                         <a href='#modelling'>Modelling</a>
+
                         <a href='https://2016.igem.org/team:UI-Indonesia/Model'>Modelling</a>
 
                     </li>
 
                     </li>
                     <li class='has-sub'>
+
                     <li class='has-sub active'>
                         <a href='#human-practice'>Human Practice</a>
+
                         <a href='#'>Human Practice</a>
 
                         <ul>
 
                         <ul>
 
                             <li>
 
                             <li>
                                 <a href="https://2016.igem.org/Team:UI-Indonesia/HP/Silver">Resume</a>
+
                                 <a href="https://2016.igem.org/Team:UI-Indonesia/HP/Silver">Field Activities</a>
 
                             </li>
 
                             </li>
 
                             <li>
 
                             <li>
Line 146: Line 276:
 
                     </li>
 
                     </li>
 
                     <li>
 
                     <li>
                         <a href='#medal-criteria'>Medal Criteria</a>
+
                         <a href='https://2016.igem.org/team:UI-Indonesia/Medal_Criteria'>Medal Criteria</a>
 
                     </li>
 
                     </li>
 
                     <li>
 
                     <li>
                         <a href='#team'>Team</a>
+
                         <a href='https://2016.igem.org/team:UI-Indonesia/Team'>Team</a>
                    </li>
+
                    <li>
+
                        <a href='#result'>Result</a>
+
 
                     </li>
 
                     </li>
 
                     <li class='has-sub'>
 
                     <li class='has-sub'>
                         <a href='#references'>References</a>
+
                         <a href='#'>References</a>
 
                         <ul>
 
                         <ul>
 
                             <li>
 
                             <li>
                                 <a href="#">Notebook</a>
+
                                 <a href="https://2016.igem.org/Team:UI-Indonesia/Notebook">Notebook</a>
                            </li>
+
                            <li>
+
                                <a href="#">Safety</a>
+
 
                             </li>
 
                             </li>
 
                             <li>
 
                             <li>
                                 <a href='https://2016.igem.org/team:UI-Indonesia/Attributions'>Attributions</a>
+
                                 <a href='https://2016.igem.org/Team:UI-Indonesia/Attributions'>Attributions</a>
 
                             </li>
 
                             </li>
 
                             <li>
 
                             <li>
Line 179: Line 303:
 
             <div class="row">
 
             <div class="row">
 
                 <!-- SPACE KOSONG -->
 
                 <!-- SPACE KOSONG -->
                 <h2>HP GOLD : HUMAN PRACTICE HANBOOK</h2>
+
                 <h2 class="text-center">HP GOLD : HUMAN PRACTICE HANDBOOK</h2>
         <img src="https://static.igem.org/mediawiki/2016/0/09/Education_SS.jpg" class="img-responsive"/>
+
                <h3 class="text-center">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>
         <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>
+
         <img class="imgCenter" src="https://static.igem.org/mediawiki/2016/1/1b/Synbio_Day_SS.jpg" class="img-responsive"/>
 +
         <img class="imgCenter" src="https://static.igem.org/mediawiki/2016/0/09/Education_SS.jpg" class="img-responsive"/>
 +
        <img class="imgCenter" src="https://static.igem.org/mediawiki/2016/thumb/b/b4/Social_Studies.jpg/482px-Social_Studies.jpg" class="img-responsive"/>
 
          
 
          
 
     <!-- SPACE KOSONG -->
 
     <!-- SPACE KOSONG -->

Latest revision as of 03:28, 20 October 2016

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

{{:Template:UI-Indonesia/wiki_reset}} {{:Template:UI-Indonesia/css/wiki_default_settings}} {{:Template:UI-Indonesia/css/menu_bar}} Home - Hi,Vax! UI iGEM Team 2016

HP GOLD : HUMAN PRACTICE HANDBOOK

Hereby we attached the full version of our Human Practice Handbook