Difference between revisions of "Template:UI-Indonesia/cobadulu/"

Line 4: Line 4:
  
  
−
<!DOCTYPE html>
+
<html>
−
<html lang="en">
+
 
<head>
 
<head>
−
+
     <title>Home - Hi,Vax! UI iGEM Team 2016</title>
−
    <!--  Title  -->
+
−
     <title>UI iGEM Team</title>
+
−
+
−
    <!--  character encoding  -->
+
−
    <meta charset="utf-8">
+
−
+
−
+
−
    <!-- Stylesheet/CSS Files -->
+
−
    <link rel="stylesheet" type="text/css" href="css/reset.css">
+
−
    <link rel="stylesheet" type="text/css" href="css/animate.css">
+
−
    <link rel="stylesheet" type="text/css" href="css/main.css">
+
−
+
−
    <!-- Javascript Files -->
+
−
    <script type="text/javascript" src="js/jquery.js"></script>
+
−
    <script type="text/javascript" src="js/slider.js"></script>
+
−
    <script type="text/javascript" src="js/wow.js"></script>
+
−
    <script type="text/javascript" src="js/main.js"></script>
+
−
+
 
</head>
 
</head>
 
<body>
 
<body>
−
 
+
    <meta charset="UTF-8">
−
<!-- header Section -->
+
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
−
<header>
+
    <meta content="Hi,Vax! Wiki - UI iGEM Team 2016 Project" name="description">
−
     <div class="container">
+
    <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/cobadulu/animate.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 +
    <link href="https://2016.igem.org/Template:UI-Indonesia/cobadulu/main.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 +
    <link href="https://2016.igem.org/Template:UI-Indonesia/cobadulu/reset.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*/
 
          
 
          
−
         <!-- Logo  -->
+
         /* Hide first heading */
−
        <a href="#" class="logo">
+
             .firstHeading {
−
            <img src="img/logo.png" alt="Heros"/>
+
                 display: none;
−
        </a>
+
             }
−
+
−
        <!-- Navigation Menu  -->
+
−
        <nav>
+
−
             <ul>
+
−
                 <li><a href="#" class="selected">Home</a></li>
+
−
                <li><a href="#">Project</a></li>
+
−
                <li><a href="#">Parts</a></li>
+
−
                <li><a href="#">Modelling</a></li>
+
−
                <li><a href="#">Policy Practice</a></li>
+
−
<li><a href="#">Medal Criteria</a></li>
+
−
<li><a href="#">Team</a></li>
+
−
<li><a href="#">References</a></li>
+
−
             </ul>
+
−
        </nav>
+
−
+
−
    </div>
+
−
</header><!-- end header -->
+
  
−
<!-- Slider Section -->
 
−
<section class="slider_wrapper">
 
−
 
−
<div id="slides">
 
  
−
<div class="slide">
+
        /*-- Remove borders, float content left and remove padding/margin */
−
<img src="img/slide-1.png" alt=""/>
+
            #globalWrapper, #content{
−
<h3 class="caption">Main Heading UI iGEM Team 2016</h3>
+
                background-color: transparent;
−
</div>
+
                border: none;
 +
                float: center;
 +
                                width: 101%;
 +
                margin-left: -3px;
 +
                margin-top: -35px;
 +
                padding: auto;
 +
            }
  
−
<div class="slide">
+
        /*left align Black Menu Bar */
−
<img src="img/slide-1.png" alt=""/>
+
            #top_menu_inside {
−
<h3 class="caption">officia deserunt mollit velit esse.</h3>
+
                margin-left: 0px;
−
</div>
+
            }
 +
    .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 class="slide">
+
    .portfolio-box {
−
<img src="img/slide-1.png" alt=""/>
+
    position: relative;
−
<h3 class="caption">cillum dolore fugiat pariatur.</h3>
+
    display: block;
−
</div>
+
    max-width: 240px;
−
 
+
    margin: 0 auto;
−
</div>
+
    }
−
 
+
    .portfolio-box .portfolio-box-caption {
−
</section><!-- end slider -->
+
    color: white;
−
+
    opacity: 0;
−
<!-- Project Section -->
+
    display: block;
−
<section class="project container clearfix">
+
    background: rgba(240, 95, 64, 0.9);
−
+
    position: absolute;
−
<!-- Project Title  -->
+
    bottom: 0;
−
<div class="section_title animated wow fadeInUp">
+
    text-align: center;
−
<h2>Our Project: HI, Vax!</h2>
+
    width: 100%;
−
</div>
+
    height: 100%;
−
 
+
    -webkit-transition: all 0.35s;
−
<!-- Project Description  -->
+
    -moz-transition: all 0.35s;
−
<div class="project_description">
+
    transition: all 0.35s;
−
<ul>
+
    }
−
<li class="animated wow fadeInUp" data-wow-delay=".2s">
+
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
−
<img src="img/logo-hivax.png" alt="Hi, Vax!" />
+
    width: 100%;
−
<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>
+
    text-align: center;
−
<button href="http://www.google.com">Details</button>
+
    position: absolute;
−
</li>
+
    top: 50%;
−
</ul>
+
    transform: translateY(-50%);
−
</div>
+
    }
−
 
+
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
−
</section><!-- end project -->
+
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
−
+
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
−
<!-- Parts Section -->
+
    padding: 0 15px;
−
<section class="parts container clearfix">
+
    }
−
+
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
−
<!-- Parts Title  -->
+
    text-transform: uppercase;
−
<div class="parts_title animated wow fadeInUp">
+
    font-weight: 600;
−
<h2>Our Parts</h2>
+
    font-size: 14px;
−
</div>
+
    }
−
 
+
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
−
<!-- Parts List  -->
+
    font-size: 18px;
−
<div class="parts_list clearfix">
+
    }
−
<ul>
+
    .portfolio-box:hover .portfolio-box-caption {
−
<li class="animated wow fadeInRight" data-wow-delay=".2s">
+
    opacity: 1;
−
<a href="#"> <span class="p_logo1"></span> </a>
+
    }
−
</li>
+
    .portfolio-box:focus {
−
<li class="animated wow fadeInRight" data-wow-delay=".2s">
+
    outline: none;
−
<a href="#"> <span class="p_logo2"></span> </a>
+
    }
−
</li>
+
    .button-learn-more{
−
</ul>
+
        width: 225px;
−
</div>
+
        height: 63px;
−
 
+
        font-size: 24px;
−
</section><!-- end parts -->
+
        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);
 +
    }
 +
    .font-learn-more{
 +
        color: white;
 +
    }
 +
    .parts-section{
 +
       
 +
    }
 +
    </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><!-- banner area starts here -->
 +
    <section class="banner text-center" id="top">
 +
        <div class="container">
 +
            <div class="row">
 +
                <h3></h3>
 +
                <h1>UI iGEM TEAM 2016</h1><a href="#our-project"><button type="button" class="button-learn-more">LEARN MORE</button></a>
 +
                <p></p>
 +
            </div>
 +
        </div>
 +
    </section><!-- our project section -->
 +
    <section class="contents text-center" id="our-project">
 +
        <div class="container">
 +
            <div class="row">
 +
                <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">
 +
                    <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>
 +
    </section><!-- parts section -->
 +
    <section class="contents text-center" id="parts-section">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-8 col-md-offset-2 contents-heading">
 +
                    <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">
 +
                    <div class="portfolio-box-caption">
 +
                        <div class="portfolio-box-caption-content">
 +
                            <div class="project-category text-faded">
 +
                                Coming Soon
 +
                            </div>
 +
                            <div class="project-name">
 +
                                Coming Soon
 +
                            </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 class="portfolio-box-caption">
 +
                        <div class="portfolio-box-caption-content">
 +
                            <div class="project-category text-faded">
 +
                                Coming Soon
 +
                            </div>
 +
                            <div class="project-name">
 +
                                Coming Soon
 +
                            </div>
 +
                        </div>
 +
                    </div></a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section><!-- modelling section -->
 +
    <section class="contents text-center" id="modelling">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-8 col-md-offset-2 contents-heading">
 +
                    <h2>Modelling</h2>
 +
                    <p>Coming Soon.</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section><!-- human-practice section -->
 +
    <section class="contents text-center" id="human-practice">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-8 col-md-offset-2 contents-heading">
 +
                    <h2>Human Practice</h2>
 +
                    <p>Coming Soon</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section><!-- medal criteria section -->
 +
    <section class="contents text-center" id="medal-criteria">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-8 col-md-offset-2 contents-heading">
 +
                    <h2>Medal Criteria</h2>
 +
                    <p>"Go get gold" was our jargon. We did our best to achive every particular things in medal criteria.</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>
 +
    </section><!-- team section -->
 +
    <section class="contents text-center" id="team">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-8 col-md-offset-2 contents-heading">
 +
                    <h2>Team</h2>
 +
                    <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=
 +
                    "button">Know Us</button></a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section><!-- result section -->
 +
    <section class="contents text-center" id="result">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-8 col-md-offset-2 contents-heading">
 +
                    <h2>Result</h2>
 +
                    <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>
 +
        </div>
 +
    </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 src="https://2016.igem.org/Template:UI-Indonesia/cobadulu/jquery.js?action=raw&ctype=text/javascript" type="text/javascript">
 +
    </script>
 +
    <script src="https://2016.igem.org/Template:UI-Indonesia/cobadulu/main.js?action=raw&ctype=text/javascript" type="text/javascript">
 +
    </script>
 +
    <script src="https://2016.igem.org/Template:UI-Indonesia/cobadulu/slider.js?action=raw&ctype=text/javascript" type="text/javascript">
 +
    </script>
 +
    <script src="https://2016.igem.org/Template:UI-Indonesia/cobadulu/wow.js?action=raw&ctype=text/javascript" type="text/javascript">
 +
    </script>
 
</body>
 
</body>
 
</html>
 
</html>
−
 
−
 
−
 
  
 
{{:Template:UI-Indonesia/css/wiki_footer}}
 
{{:Template:UI-Indonesia/css/wiki_footer}}

Revision as of 16:07, 19 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

Coming Soon.

Coming Soon
Coming Soon
Coming Soon
Coming Soon

Modelling

Coming Soon.

Human Practice

Coming Soon

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!

References

A year strugling for this project wouldn't be this fun without these person.

© 2016 UI iGEM Team. All rights reserved.