Difference between revisions of "Team:UI-Indonesia"

 
(39 intermediate revisions by 2 users not shown)
Line 2: Line 2:
 
{{:Template:UI-Indonesia/css/wiki_default_settings}}
 
{{:Template:UI-Indonesia/css/wiki_default_settings}}
 
{{:Template:UI-Indonesia/css/menu_bar}}
 
{{:Template:UI-Indonesia/css/menu_bar}}
−
 
  
  
 
<html>
 
<html>
 
<head>
 
<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;
 +
            }
  
−
<link href="https://2016.igem.org/Template:UI-Indonesia/bootstrap/css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
 
−
<link href="https://2016.igem.org/Template:UI-Indonesia/css/creative?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
 
−
<link href="https://2016.igem.org/Template:UI-Indonesia/css/magnific-popup?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
 
  
−
<div id="nav-box">
+
        /*-- Remove borders, float content left and remove padding/margin */
−
<div id="cssmenu">
+
            #globalWrapper, #content{
−
<ul>
+
                background-color: transparent;
−
<li class='active'><a href='#'>Home</a></li>
+
                border: none;
−
<li><a href=#'our-project'>Our Project</a></li>
+
                float: center;
−
<li><a href='https://2016.igem.org/team:UI-Indonesia/Parts'>Parts</a></li>
+
                                width: 101%;
−
<li><a href='#modelling'>Modelling</a></li>
+
                margin-left: -3px;
−
<li class='has-sub'><a href='#human-practice'>Human Practice</a>
+
                margin-top: -35px;
−
<ul>
+
                padding: auto;
−
<li><a href=‘’>Education</a></li>
+
            }
−
<li><a href=‘’>Social-Engagement</a></li>
+
 
−
<li><a href=‘’>Social Studies</a></li>
+
        /*left align Black Menu Bar */
−
</ul>
+
            #top_menu_inside {
−
</li>
+
                margin-left: 0px;
−
<li><a href='#medal-criteria'>Medal Criteria</a></li>
+
            }
−
<li><a href='#team'>Team</a></li>
+
    .centerImage
−
<li class='has-sub'><a href='#references'>References</a>
+
    {
−
<ul>
+
    text-align:center;
−
<li><a href=‘’>Notebook</a></li>
+
    display:block;
−
<li><a href=‘’>Safety</a></li>
+
    }
−
<li><a href='https://2016.igem.org/team:UI-Indonesia/Attributions'>Attributions</a></li>
+
    .wraptocenter {
−
<li><a href=‘’>Photo Collection</a></li>
+
    display: table-cell;
−
</ul>
+
    text-align: center;
−
</li>
+
    vertical-align: middle;
−
</ul>
+
    width: 200px;
−
</div>
+
    height: 200px;
−
</div>
+
    background-color: #999;
−
</head>
+
    }
 +
    .wraptocenter * {
 +
    vertical-align: middle;
 +
    }
  
−
<body>
+
    .portfolio-box {
−
<img src="https://static.igem.org/mediawiki/2016/4/49/T--UI-Indonesia--Full_Team_Cheerful.jpg" width=1024 height=764>
+
    position: relative;
−
     <!-- Our Project -->
+
    display: block;
−
<section class="bg-primary" id="our-project">
+
    max-width: 240px;
 +
    margin: 0 auto;
 +
    }
 +
    .portfolio-box .portfolio-box-caption {
 +
    color: white;
 +
    opacity: 0;
 +
    display: block;
 +
    background: rgba(240, 95, 64, 0.9);
 +
    position: absolute;
 +
    bottom: 0;
 +
    text-align: center;
 +
    width: 100%;
 +
    height: 100%;
 +
    -webkit-transition: all 0.35s;
 +
    -moz-transition: all 0.35s;
 +
    transition: all 0.35s;
 +
    }
 +
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
 +
    width: 100%;
 +
    text-align: center;
 +
    position: absolute;
 +
    top: 50%;
 +
    transform: translateY(-50%);
 +
    }
 +
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
 +
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
 +
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
 +
    padding: 0 15px;
 +
    }
 +
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
 +
    text-transform: uppercase;
 +
    font-weight: 600;
 +
    font-size: 14px;
 +
    }
 +
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
 +
    font-size: 18px;
 +
    }
 +
    .portfolio-box:hover .portfolio-box-caption {
 +
    opacity: 1;
 +
    }
 +
    .portfolio-box:focus {
 +
    outline: none;
 +
    }
 +
    .button-learn-more{
 +
        width: 225px;
 +
        height: 63px;
 +
        font-size: 24px;
 +
        color: white;
 +
        background: transparent;
 +
        border-radius: 8px;
 +
        border: 3px solid white;
 +
        font-weight: 600px;
 +
        cursor: pointer;
 +
        margin-bottom: 205px;
 +
        -webkit-transition-duration: 0.4s;
 +
        transition-duration: 0.4s;
 +
    }
 +
    .button-learn-more:hover{
 +
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
 +
    }
 +
    .button-ourproject-details{
 +
        width: 225px;
 +
        height: 63px;
 +
        font-size: 24px;
 +
        color: #E74C3C;
 +
        background: transparent;
 +
        border-radius:8px;
 +
        border: 3px solid #E74C3C;
 +
        font-weight: 600px;
 +
        margin-bottom: 205px;
 +
        cursor: pointer;
 +
        -webkit-transition-duration: 0.4s;
 +
        transition-duration: 0.4s;
 +
    }
 +
    .button-ourproject-details:hover{
 +
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
 +
    }
 +
    .button-medalcriteria-details{
 +
        width: 225px;
 +
        height: 63px;
 +
        font-size: 24px;
 +
        color: #E74C3C;
 +
        background: transparent;
 +
        border-radius:8px;
 +
        border: 3px solid #E74C3C;
 +
        font-weight: 600px;
 +
        margin-bottom: 205px;
 +
        cursor: pointer;
 +
        -webkit-transition-duration: 0.4s;
 +
        transition-duration: 0.4s;
 +
    }
 +
    .button-medalcriteria-details:hover{
 +
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
 +
    }
 +
    .button-team-details{
 +
        width: 225px;
 +
        height: 63px;
 +
        font-size: 24px;
 +
        color: #E74C3C;
 +
        background: transparent;
 +
        border-radius:8px;
 +
        border: 3px solid #E74C3C;
 +
        font-weight: 600px;
 +
        margin-bottom: 205px;
 +
        cursor: pointer;
 +
        -webkit-transition-duration: 0.4s;
 +
        transition-duration: 0.4s;
 +
    }
 +
    .button-team-details:hover{
 +
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
 +
    }
 +
    .button-general{
 +
        margin-top: 25px;
 +
        width: 225px;
 +
        height: 63px;
 +
        font-size: 24px;
 +
        color: #E74C3C;
 +
        background: transparent;
 +
        border-radius:8px;
 +
        border: 3px solid #E74C3C;
 +
        font-weight: 600px;
 +
        margin-bottom: 205px;
 +
        cursor: pointer;
 +
        -webkit-transition-duration: 0.4s;
 +
        transition-duration: 0.4s;
 +
    }
 +
    .button-general:hover{
 +
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
 +
    }
 +
    .font-learn-more{
 +
        color: white;
 +
    }
 +
    .parts-section{
 +
       
 +
    }
 +
    .imgHumanPractice{
 +
        display: block;
 +
        margin: auto;
 +
        margin-top: 25px;
 +
        margin-bottom: 25px;
 +
    }
 +
    .imgHivax{
 +
        display: block;
 +
        margin: auto;
 +
        margin-top: 25px;
 +
        margin-bottom: 25px;
 +
    }
 +
    </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 class='has-sub'>
 +
                        <a href='#part-section'>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>
 +
                        <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">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_Practices
 +
">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 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><!-- banner area starts here -->
 +
    <section class="banner text-center" id="top">
 
         <div class="container">
 
         <div class="container">
 
             <div class="row">
 
             <div class="row">
−
                 <div class="col-lg-8 col-lg-offset-2 text-center">
+
                 <h3></h3>
−
 
+
                <h1>UI iGEM TEAM 2016</h1><a href="#our-project"><button type="button" class="button-learn-more">LEARN MORE</button></a>
−
                    <h2 class="section-heading" style="color:black">Our Project: Hi, Vax!</h2>
+
                 <p></p>
−
                    <hr class="light">
+
−
<img src="https://static.igem.org/mediawiki/2016/5/5b/UI-Indonesia_Logo_Project-Logo%282%29.png" alt = "Hi, Vax! Logo" height="75" width="150">
+
−
                    <p class="text-faded">HIV is one of the biggest health issues the world has ever faced, and although antiretroviral therapy (ART) has made it possible to prevent mortality in HIV patients, it has several limitations, including the logistic and economic burden that arises from the need for lifelong treatment. To end HIV, we still need a cure. Today, the best hope for a cure is DNA vaccines, which are DNA molecules that harbour a gene encoding an antigen. When administered, cells will take up these molecules and produce the antigen. Dendritic cells will take this antigen to lymph nodes and present them to T cells, activating them and licensing them to hunt and kill infected cells. In theory, this would allow for the elimination of viral reservoir in the body. In reality, however, DNA vaccination for HIV hasn’t worked in humans.</p>
+
−
                    <p class="text-faded">Although the key component of a DNA vaccine is the antigen-encoding gene, the vaccine backbone, as the name implies, accounts for most of its mass and governs its activity. So, we wondered, can we design a better vaccine backbone? We have designed genetic elements that, when put together, will hopefully achieve improved transgene expression (promoter, intron, polyadenylation sequence and barrier element) and immune stimulation (immunostimulatory DNA motif and RNA gene as well as coding sequences for peptides that direct antigen processing) with respect to existing vaccine backbones. We’re having the parts synthesized and assembling them soon. We hope that this new vaccine backbone will give rise to new, safer and more potent DNA vaccines for HIV—maybe even a cure.</p>
+
−
<a href="" class="page-scroll btn btn-default btn-xl sr-button">Details</a>
+
−
                 </div>
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
     </section>
+
     </section><!-- our project section -->
−
 
+
    <section class="contents text-center" id="our-project">
−
    <!-- Parts -->
+
−
<section id="parts">
+
 
         <div class="container">
 
         <div class="container">
 
             <div class="row">
 
             <div class="row">
−
                 <div class="col-lg-12 text-center">
+
                 <div class="col-md-8 col-md-offset-2 contents-heading">
−
                     <h2 class="section-heading">Parts</h2>
+
                     <h2>Our Project: Hi, Vax!</h2><img alt="Hi, Vax! Logo" class="imgHivax" height="150" src="https://static.igem.org/mediawiki/2016/5/5b/UI-Indonesia_Logo_Project-Logo%282%29.png" width="300">
−
                     <hr class="primary">
+
                    <p>HIV is one of the biggest health issues the world has ever faced, and although antiretroviral therapy (ART) has made it possible to prevent mortality in HIV patients, it has
 +
                    several limitations, including the logistic and economic burden that arises from the need for lifelong treatment. To end HIV, we still need a cure. Today, the best hope for a cure
 +
                    is DNA vaccines, which are DNA molecules that harbour a gene encoding an antigen. When administered, cells will take up these molecules and produce the antigen. Dendritic cells
 +
                    will take this antigen to lymph nodes and present them to T cells, activating them and licensing them to hunt and kill infected cells. In theory, this would allow for the
 +
                    elimination of viral reservoir in the body. In reality, however, DNA vaccination for HIV hasn’t worked in humans.</p>
 +
                     <p>Although the key component of a DNA vaccine is the antigen-encoding gene, the vaccine backbone, as the name implies, accounts for most of its mass and governs its activity. So,
 +
                    we wondered, can we design a better vaccine backbone? We have designed genetic elements that, when put together, will hopefully achieve improved transgene expression (promoter,
 +
                    intron, polyadenylation sequence and barrier element) and immune stimulation (immunostimulatory DNA motif and RNA gene as well as coding sequences for peptides that direct antigen
 +
                    processing) with respect to existing vaccine backbones. We’re having the parts synthesized and assembling them soon. We hope that this new vaccine backbone will give rise to new,
 +
                    safer and more potent DNA vaccines for HIV—maybe even a cure.</p><a href="https://2016.igem.org/Team:UI-Indonesia/Description"><button class="button-ourproject-details" type="button">Description</button></a>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
+
    </section><!-- part section -->
−
<section class="no-padding" id="">
+
    <section class="contents text-center" id="part-section">
−
         <div class="container-fluid">
+
         <div class="container">
−
             <div class="row no-gutter popup-gallery">
+
             <div class="row">
−
                 <div class="col-lg-4 col-sm-6">
+
                 <div class="col-md-8 col-md-offset-2 contents-heading">
−
                     <a href="#" class="portfolio-box">
+
                    <h2>Parts</h2>
−
                        <img src="Parts1-Home-UI.jpg" class="img-responsive" alt="">
+
                     <a class="portfolio-box" href="https://2016.igem.org/Team:UI-Indonesia/Basic_Part"><img alt="" class="img-responsive" src="https://static.igem.org/mediawiki/2016/f/f2/T--UI-Indonesia--Parts01_Thumbnail.jpg">
−
                        <div class="portfolio-box-caption">
+
                    <div class="portfolio-box-caption">
−
                            <div class="portfolio-box-caption-content">
+
                        <div class="portfolio-box-caption-content">
−
                                <div class="project-category text-faded">
+
                            <div class="project-category text-faded">
−
                                    Category
+
                                 Basic Part
−
                                 </div>
+
                            </div>
−
                                <div class="project-name">
+
                            <div class="project-name">
−
                                    Project Name
+
                                 Basic Part
−
                                 </div>
+
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                     </a>
+
                     </div></a> <a class="portfolio-box" href="https://2016.igem.org/Team:UI-Indonesia/Parts"><img alt="" class="img-responsive" src="https://static.igem.org/mediawiki/2016/e/e2/T--UI-Indonesia--Parts02_Thumbnail.jpg">
−
                </div>
+
                    <div class="portfolio-box-caption">
−
                <div class="col-lg-4 col-sm-6">
+
                        <div class="portfolio-box-caption-content">
−
                    <a href="#" class="portfolio-box">
+
                            <div class="project-category text-faded">
−
                        <img src="parts2-Home-UI.jpg" class="img-responsive" alt="">
+
                                 Parts
−
                        <div class="portfolio-box-caption">
+
                            </div>
−
                            <div class="portfolio-box-caption-content">
+
                            <div class="project-name">
−
                                <div class="project-category text-faded">
+
                                 Parts
−
                                    Category
+
−
                                 </div>
+
−
                                <div class="project-name">
+
−
                                    Project Name
+
−
                                 </div>
+
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                     </a>
+
                     </div></a>
 
                 </div>
 
                 </div>
−
               
 
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
     </section>
+
     </section><!-- modelling section -->
−
+
    <section class="contents text-center" id="modelling">
−
<!-- Modelling -->
+
−
    <section id="modelling">
+
 
         <div class="container">
 
         <div class="container">
 
             <div class="row">
 
             <div class="row">
−
                 <div class="col-lg-8 col-lg-offset-2 text-center">
+
                 <div class="col-md-8 col-md-offset-2 contents-heading">
−
                     <h2 class="section-heading">Modelling</h2>
+
                     <h2>Modelling</h2>
−
                     <hr class="primary">
+
                     <a href="https://2016.igem.org/Team:UI-Indonesia/Model"><button type="button" class="button-general">Check This Out!</button></a>
−
                    <p>Ready to start your next project with us? That's great! Give us a call or send us an email and we will get back to you as soon as possible!</p>
+
−
                </div>
+
−
                <div class="col-lg-4 col-lg-offset-2 text-center">
+
−
                    <i class="fa fa-phone fa-3x sr-contact"></i>
+
−
                    <p>123-456-6789</p>
+
−
                </div>
+
−
                <div class="col-lg-4 text-center">
+
−
                    <i class="fa fa-envelope-o fa-3x sr-contact"></i>
+
−
                    <p><a href="mailto:your-email@your-domain.com">feedback@startbootstrap.com</a></p>
+
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
</section>
+
    </section><!-- human-practice section -->
−
+
    <section class="contents text-center" id="human-practice">
−
<!-- Human Practice -->
+
−
    <section id="human-practice">
+
 
         <div class="container">
 
         <div class="container">
 
             <div class="row">
 
             <div class="row">
−
                 <div class="col-lg-8 col-lg-offset-2 text-center">
+
                 <div class="col-md-8 col-md-offset-2 contents-heading">
−
                     <h2 class="section-heading">Human Practice</h2>
+
                     <h2>Human Practice</h2>
−
                     <hr class="primary">
+
                     <img src="https://static.igem.org/mediawiki/2016/a/a2/T--UI-Indonesia--3.png" width="640px" height="640px" class="img-responsive imgHumanPractice">
−
                    <p>Ready to start your next project with us? That's great! Give us a call or send us an email and we will get back to you as soon as possible!</p>
+
                     <p>Wanna know more about the fun and madness in our 8 months projects? Only one click away to figure out the whole journey! Make sure to go to every tab on human practice section, fellas!</p>
−
                </div>
+
−
                <div class="col-lg-4 col-lg-offset-2 text-center">
+
−
                    <i class="fa fa-phone fa-3x sr-contact"></i>
+
−
                    <p>123-456-6789</p>
+
−
                </div>
+
−
                <div class="col-lg-4 text-center">
+
−
                    <i class="fa fa-envelope-o fa-3x sr-contact"></i>
+
−
                     <p><a href="mailto:your-email@your-domain.com">feedback@startbootstrap.com</a></p>
+
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
</section>
+
    </section><!-- medal criteria section -->
−
+
    <section class="contents text-center" id="medal-criteria">
−
    <!-- Team -->
+
−
<section id="team">
+
 
         <div class="container">
 
         <div class="container">
 
             <div class="row">
 
             <div class="row">
−
                 <div class="col-lg-8 col-lg-offset-2 text-center">
+
                 <div class="col-md-8 col-md-offset-2 contents-heading">
−
                     <h2 class="section-heading">Team</h2>
+
                     <h2>Medal Criteria</h2>
−
                     <hr class="primary">
+
                     <p>"Go get gold" was our jargon. We did our best to achive every particular things in medal criteria.</p>
−
                    <p>A year strugling for this project wouldn't be this fun without these person. Click here to know who they're</p>
+
                 </div><a href="https://2016.igem.org/Team:UI-Indonesia/Medal_Criteria"><button class="button-medalcriteria-details" type="button">Click here to know what we've done</button></a>
−
                 </div>
+
−
                <div class="col-lg-4 col-lg-offset-2 text-center">
+
−
                    <i class="fa fa-phone fa-3x sr-contact"></i>
+
−
                    <p>123-456-6789</p>
+
−
                </div>
+
−
                <div class="col-lg-4 text-center">
+
−
                    <i class="fa fa-envelope-o fa-3x sr-contact"></i>
+
−
                    <p><a href="mailto:your-email@your-domain.com">feedback@startbootstrap.com</a></p>
+
−
                </div>
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
</section>
+
    </section><!-- team section -->
−
+
    <section class="contents text-center" id="team">
−
    <!-- Medal Criteria -->
+
−
<section id="medal-criteria">
+
 
         <div class="container">
 
         <div class="container">
 
             <div class="row">
 
             <div class="row">
−
                 <div class="col-lg-8 col-lg-offset-2 text-center">
+
                 <div class="col-md-8 col-md-offset-2 contents-heading">
−
                     <h2 class="section-heading">Medal Criteria</h2>
+
                     <h2>Team</h2>
−
                    <hr class="primary">
+
                     <p>UI iGEM Team consist of 14 members. We represent multidisciplinary background such as: medicine, biology, pharmacy, bioengineering, public health, accounting, and social welfare. We collaborate to bring our project to be as applicable as possible.</p><a href="https://2016.igem.org/team:UI-Indonesia/Team"><button class="button-team-details" type=
−
                     <p>"Go get gold" was our jargon. We did our best to achive every particular things  in medal criteria. Click here to know what we've done.</p>
+
                     "button">Know Us</button></a>
−
                </div>
+
−
                <div class="col-lg-4 col-lg-offset-2 text-center">
+
−
                    <i class="fa fa-phone fa-3x sr-contact"></i>
+
−
                    <p>123-456-6789</p>
+
−
                </div>
+
−
                <div class="col-lg-4 text-center">
+
−
                    <i class="fa fa-envelope-o fa-3x sr-contact"></i>
+
−
                     <p><a href="mailto:your-email@your-domain.com">feedback@startbootstrap.com</a></p>
+
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
     </section>
+
     </section><!-- result section -->
−
+
    <section class="contents text-center" id="result">
−
    <!-- Result -->
+
−
<section id="result">
+
 
         <div class="container">
 
         <div class="container">
 
             <div class="row">
 
             <div class="row">
−
                 <div class="col-lg-8 col-lg-offset-2 text-center">
+
                 <div class="col-md-8 col-md-offset-2 contents-heading">
−
                     <h2 class="section-heading">Result</h2>
+
                     <h2>Result</h2>
−
                    <hr class="primary">
+
 
                     <p>Ready to start your next project with us? That's great! Give us a call or send us an email and we will get back to you as soon as possible!</p>
 
                     <p>Ready to start your next project with us? That's great! Give us a call or send us an email and we will get back to you as soon as possible!</p>
−
                </div>
 
−
                <div class="col-lg-4 col-lg-offset-2 text-center">
 
−
                    <i class="fa fa-phone fa-3x sr-contact"></i>
 
−
                    <p>123-456-6789</p>
 
−
                </div>
 
−
                <div class="col-lg-4 text-center">
 
−
                    <i class="fa fa-envelope-o fa-3x sr-contact"></i>
 
−
                    <p><a href="mailto:your-email@your-domain.com">feedback@startbootstrap.com</a></p>
 
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
         </div>
+
         </div><!-- footer starts here -->
−
</section>
+
    <!-- script tags
−
 
+
    ============================================================= -->
−
<script type="text/javascript" src="https://2016.igem.org/Template:UI-Indonesia/js/jquery?action=raw&ctype=text/javascript"></script>
+
    <script src="https://2016.igem.org/Template:UI-Indonesia/prototype01/smoothscroll_js?action=raw&ctype=text/javascript" type="text/javascript">
−
<script type="text/javascript" src="https://2016.igem.org/Template:UI-Indonesia/js/jquery_easing?action=raw&ctype=text/javascript"></script>
+
    </script>  
−
<script type="text/javascript" src="https://2016.igem.org/Template:UI-Indonesia/js/scrollreveal?action=raw&ctype=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 type="text/javascript" src="https://2016.igem.org/Template:UI-Indonesia/js/jquery_magnific_popup?action=raw&ctype=text/javascript"></script>
+
    </script>  
−
<script type="text/javascript" src="https://2016.igem.org/Template:UI-Indonesia/js/creative?action=raw&ctype=text/javascript"></script>
+
    <script src="https://2016.igem.org/Template:UI-Indonesia/prototype01/custom_js?action=raw&ctype=text/javascript" type="text/javascript">
−
<script type="text/javascript" src="https://2016.igem.org/Template:UI-Indonesia/bootstrap/js?action=raw&ctype=text/javascript"></script>
+
    </script>
−
 
+
</body>
−
</body>
+
 
</html>
 
</html>
  
 
{{:Template:UI-Indonesia/css/wiki_footer}}
 
{{:Template:UI-Indonesia/css/wiki_footer}}

Latest revision as of 01:59, 20 October 2016


Home - Hi,Vax! UI iGEM Team 2016

Our Project: Hi, Vax!

Hi, Vax! Logo

HIV is one of the biggest health issues the world has ever faced, and although antiretroviral therapy (ART) has made it possible to prevent mortality in HIV patients, it has several limitations, including the logistic and economic burden that arises from the need for lifelong treatment. To end HIV, we still need a cure. Today, the best hope for a cure is DNA vaccines, which are DNA molecules that harbour a gene encoding an antigen. When administered, cells will take up these molecules and produce the antigen. Dendritic cells will take this antigen to lymph nodes and present them to T cells, activating them and licensing them to hunt and kill infected cells. In theory, this would allow for the elimination of viral reservoir in the body. In reality, however, DNA vaccination for HIV hasn’t worked in humans.

Although the key component of a DNA vaccine is the antigen-encoding gene, the vaccine backbone, as the name implies, accounts for most of its mass and governs its activity. So, we wondered, can we design a better vaccine backbone? We have designed genetic elements that, when put together, will hopefully achieve improved transgene expression (promoter, intron, polyadenylation sequence and barrier element) and immune stimulation (immunostimulatory DNA motif and RNA gene as well as coding sequences for peptides that direct antigen processing) with respect to existing vaccine backbones. We’re having the parts synthesized and assembling them soon. We hope that this new vaccine backbone will give rise to new, safer and more potent DNA vaccines for HIV—maybe even a cure.

Parts

Basic Part
Basic Part
Parts
Parts

Modelling

Human Practice

Wanna know more about the fun and madness in our 8 months projects? Only one click away to figure out the whole journey! Make sure to go to every tab on human practice section, fellas!

Medal Criteria

"Go get gold" was our jargon. We did our best to achive every particular things in medal criteria.

Team

UI iGEM Team consist of 14 members. We represent multidisciplinary background such as: medicine, biology, pharmacy, bioengineering, public health, accounting, and social welfare. We collaborate to bring our project to be as applicable as possible.

Result

Ready to start your next project with us? That's great! Give us a call or send us an email and we will get back to you as soon as possible!

© 2016 UI iGEM Team. All rights reserved.