Difference between revisions of "Team:UI-Indonesia"

 
(24 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
{{:Template:UI-Indonesia/css/menu_bar}}
 
{{:Template:UI-Indonesia/css/menu_bar}}
  
−
<!DOCTYPE html>
+
 
 
<html>
 
<html>
 
<head>
 
<head>
Line 102: Line 102:
 
     .portfolio-box:focus {
 
     .portfolio-box:focus {
 
     outline: none;
 
     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{
 
     .button-ourproject-details{
−
         width: 240px;
+
         width: 225px;
−
         height: 120px;
+
         height: 63px;
 
         font-size: 24px;
 
         font-size: 24px;
 
         color: #E74C3C;
 
         color: #E74C3C;
 
         background: transparent;
 
         background: transparent;
 
         border-radius:8px;
 
         border-radius:8px;
−
         border: 4px solid #E74C3C;
+
         border: 3px solid #E74C3C;
 
         font-weight: 600px;
 
         font-weight: 600px;
 
         margin-bottom: 205px;
 
         margin-bottom: 205px;
Line 121: Line 138:
 
     }
 
     }
 
     .button-medalcriteria-details{
 
     .button-medalcriteria-details{
−
         width: 500px;
+
         width: 225px;
−
         height: 80px;
+
         height: 63px;
 
         font-size: 24px;
 
         font-size: 24px;
 
         color: #E74C3C;
 
         color: #E74C3C;
 
         background: transparent;
 
         background: transparent;
 
         border-radius:8px;
 
         border-radius:8px;
−
         border: 4px solid #E74C3C;
+
         border: 3px solid #E74C3C;
 
         font-weight: 600px;
 
         font-weight: 600px;
 
         margin-bottom: 205px;
 
         margin-bottom: 205px;
Line 138: Line 155:
 
     }
 
     }
 
     .button-team-details{
 
     .button-team-details{
−
         width: 500px;
+
         width: 225px;
−
         height: 80px;
+
         height: 63px;
 
         font-size: 24px;
 
         font-size: 24px;
 
         color: #E74C3C;
 
         color: #E74C3C;
 
         background: transparent;
 
         background: transparent;
 
         border-radius:8px;
 
         border-radius:8px;
−
         border: 4px solid #E74C3C;
+
         border: 3px solid #E74C3C;
 
         font-weight: 600px;
 
         font-weight: 600px;
 
         margin-bottom: 205px;
 
         margin-bottom: 205px;
Line 153: Line 170:
 
     .button-team-details:hover{
 
     .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);
 
         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 -->
 
     </style><!-- header section -->
Line 165: Line 218:
 
                         <a href="#our-project">Our Project</a>
 
                         <a href="#our-project">Our Project</a>
 
                     </li>
 
                     </li>
−
                     <li>
+
                     <li class='has-sub'>
−
                         <a href='https://2016.igem.org/team:UI-Indonesia/Parts'>Parts</a>
+
                         <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>
 
                     <li>
 
                     <li>
Line 175: Line 232:
 
                         <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 181: Line 238:
 
                             </li>
 
                             </li>
 
                             <li>
 
                             <li>
−
                                 <a href="https://2016.igem.org/Team:UI-Indonesia/Integrated_Practice">Integrated Human Practice</a>
+
                                 <a href="https://2016.igem.org/Team:UI-Indonesia/Integrated_Practices
 +
">Integrated Human Practice</a>
 
                             </li>
 
                             </li>
 
                             <li>
 
                             <li>
Line 193: Line 251:
 
                     <li>
 
                     <li>
 
                         <a href='#team'>Team</a>
 
                         <a href='#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>
 
                             <li>
 
                             <li>
−
                                <a href="#">Safety</a>
+
                                 <a href='https://2016.igem.org/Team:UI-Indonesia/Attributions'>Attributions</a>
−
                            </li>
+
−
                            <li>
+
−
                                 <a href='https://2016.igem.org/team:UI-Indonesia/Attributions'>Attributions</a>
+
 
                             </li>
 
                             </li>
 
                             <li>
 
                             <li>
Line 222: Line 274:
 
             <div class="row">
 
             <div class="row">
 
                 <h3></h3>
 
                 <h3></h3>
−
                 <h1>UI iGEM TEAM 2016</h1><button class="know-more">LEARN MORE</button>
+
                 <h1>UI iGEM TEAM 2016</h1><a href="#our-project"><button type="button" class="button-learn-more">LEARN MORE</button></a>
 
                 <p></p>
 
                 <p></p>
 
             </div>
 
             </div>
Line 231: Line 283:
 
             <div class="row">
 
             <div class="row">
 
                 <div class="col-md-8 col-md-offset-2 contents-heading">
 
                 <div class="col-md-8 col-md-offset-2 contents-heading">
−
                     <h2>Our Project: Hi, Vax!</h2><img alt="Hi, Vax! Logo" height="75" src="https://static.igem.org/mediawiki/2016/5/5b/UI-Indonesia_Logo_Project-Logo%282%29.png" width="150">
+
                     <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">
 
                     <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
 
                     <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
 
                     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
Line 245: Line 297:
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
     </section><!-- parts section -->
+
     </section><!-- part section -->
−
     <section class="contents text-center" id="parts-section">
+
     <section class="contents text-center" id="part-section">
 
         <div class="container">
 
         <div class="container">
 
             <div class="row">
 
             <div class="row">
 
                 <div class="col-md-8 col-md-offset-2 contents-heading">
 
                 <div class="col-md-8 col-md-offset-2 contents-heading">
 
                     <h2>Parts</h2>
 
                     <h2>Parts</h2>
−
                     <p>Coming Soon.</p><a class="portfolio-box" href="#"><img alt="" class="img-responsive" src="https://static.igem.org/mediawiki/2016/f/f2/T--UI-Indonesia--Parts01_Thumbnail.jpg">
+
                     <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">
−
                                 Coming Soon
+
                                 Basic Part
 
                             </div>
 
                             </div>
 
                             <div class="project-name">
 
                             <div class="project-name">
−
                                 Coming Soon
+
                                 Basic Part
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                     </div></a> <a class="portfolio-box" href="#"><img alt="" class="img-responsive" src="https://static.igem.org/mediawiki/2016/e/e2/T--UI-Indonesia--Parts02_Thumbnail.jpg">
+
                     </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 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">
−
                                 Coming Soon
+
                                 Parts
 
                             </div>
 
                             </div>
 
                             <div class="project-name">
 
                             <div class="project-name">
−
                                 Coming Soon
+
                                 Parts
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 281: Line 333:
 
                 <div class="col-md-8 col-md-offset-2 contents-heading">
 
                 <div class="col-md-8 col-md-offset-2 contents-heading">
 
                     <h2>Modelling</h2>
 
                     <h2>Modelling</h2>
−
                     <p>Coming Soon.</p>
+
                     <a href="https://2016.igem.org/Team:UI-Indonesia/Model"><button type="button" class="button-general">Check This Out!</button></a>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 291: Line 343:
 
                 <div class="col-md-8 col-md-offset-2 contents-heading">
 
                 <div class="col-md-8 col-md-offset-2 contents-heading">
 
                     <h2>Human Practice</h2>
 
                     <h2>Human Practice</h2>
−
                     <p>Coming Soon</p>
+
                    <img src="https://static.igem.org/mediawiki/2016/a/a2/T--UI-Indonesia--3.png" width="640px" height="640px" class="img-responsive imgHumanPractice">
 +
                     <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>
 
             </div>
 
             </div>
Line 302: Line 355:
 
                     <h2>Medal Criteria</h2>
 
                     <h2>Medal Criteria</h2>
 
                     <p>"Go get gold" was our jargon. We did our best to achive every particular things in medal criteria.</p>
 
                     <p>"Go get gold" was our jargon. We did our best to achive every particular things in medal criteria.</p>
−
                 </div><a href="#"><button class="button-medalcriteria-details" type="button">Click here to know what we've done</button></a>
+
                 </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>
 
         </div>
 
         </div>
Line 325: Line 378:
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
         </div>
+
         </div><!-- footer starts here -->
−
    </section><!-- references section -->
+
−
    <section class="contents text-center" id="references">
+
−
        <div class="container">
+
−
            <div class="row">
+
−
                <div class="col-md-8 col-md-offset-2 contents-heading">
+
−
                    <h2>References</h2>
+
−
                    <p>A year strugling for this project wouldn't be this fun without these person.</p>
+
−
                </div>
+
−
            </div>
+
−
        </div>
+
−
    </section><!-- footer starts here -->
+
 
     <!-- script tags
 
     <!-- script tags
 
     ============================================================= -->
 
     ============================================================= -->

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.