Difference between revisions of "Team:TAS Taipei"

Line 4: Line 4:
 
<head>
 
<head>
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
−
     <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
+
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0">
−
     <title>Test Main</title>
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
−
     <script src="https://code.jquery.com/jquery-3.1.0.js"></script>
+
    <meta name="renderer" content="webkit">
−
     <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
+
     <title>title</title>
−
    <style type='text/css'>
+
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
−
        #top_title,#sideMenu { display: none !important; }
+
    <link rel="stylesheet" href="newtest.css">
−
        #content {
+
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
−
            width: 100%;
+
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
−
            margin: 0;
+
−
            padding: 0;
+
−
            background: #f3f4f4;
+
−
        }
+
−
    </style>
+
 
</head>
 
</head>
  
 
<body>
 
<body>
−
     <div class="boxes2">
+
     <div class="return">
−
         <div class="box2" id="project" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Background';" style="cursor: pointer;">
+
         <h1>X</h1>
−
             <h1>PROJECT
+
    </div>
−
                 <span>
+
    <div class="yellow">
−
                    <img src="https://static.igem.org/mediawiki/2017/9/92/Project.png" id="dna" width="40vh">
+
        <div class="box right" href="https://google.com">
−
                 </span>
+
            <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Background" id="project">
 +
                <img src="https://static.igem.org/mediawiki/2017/9/92/Project.png" id="dna">
 +
            </div>
 +
            <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary" id="experiment">
 +
                <img src="https://static.igem.org/mediawiki/2017/9/9c/Exp.png" id="dna">
 +
             </div>
 +
            <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Model" id="modeling">
 +
                 <img src="https://static.igem.org/mediawiki/2017/3/3c/Modeling.png" id="dna">
 +
            </div>
 +
            <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Prototype" id="prototype">
 +
                <img src="https://static.igem.org/mediawiki/2017/3/31/Prototype.png" id="dna">
 +
            </div>
 +
            <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices" id="policy">
 +
                 <img src="https://static.igem.org/mediawiki/2017/5/55/Hp2.png" id="dna">
 +
            </div>
 +
            <div class="box2 right" href="https://static.igem.org/mediawiki/2017/b/b9/Biosafety.png" id="biosafety">
 +
                <img src="https://static.igem.org/mediawiki/2017/b/b9/Biosafety.png" id="dna">
 +
            </div>
 +
            <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Team" id="about">
 +
                <img src="https://static.igem.org/mediawiki/2017/a/a3/About_us1.png" id="dna">
 +
            </div>
 +
            <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Attributions" id="acknowledgments">
 +
                <img src="https://static.igem.org/mediawiki/2017/8/8d/Attributions.png" id="dna">
 +
            </div>
 +
        </div>
 +
        <div class="blue">
 +
            <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Background" id="project">
 +
                <h1>Project</h1>
 +
            </div>
 +
            <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary" id="experiment">
 +
                <h1>Experiment</h1>
 +
            </div>
 +
            <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Model" id="modeling">
 +
                <h1>Modeling</h1>
 +
            </div>
 +
            <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Prototype" id="prototype">
 +
                <h1>Prototype</h1>
 +
            </div>
 +
            <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices" id="policy">
 +
                <h1>Human Practice</h1>
 +
            </div>
 +
            <div class="box3 left" href="https://static.igem.org/mediawiki/2017/b/b9/Biosafety.png" id="biosafety">
 +
                <h1>Biosafety</h1>
 +
            </div>
 +
            <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Team" id="about">
 +
                <h1>About Us</h1>
 +
            </div>
 +
            <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Attributions" id="acknowledgments">
 +
                <h1>Attributions</h1>
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <div class="carousel slide carousel-fade" data-ride="carousel" id="slide1">
 +
        <div class="carousel-inner" role="<listb></listb>ox">
 +
            <!-- pictures -->
 +
            <div class="item active"><img src="https://static.igem.org/mediawiki/2017/6/6f/Hello.gif" alt="" class="img-responsive" id="pr"></div>
 +
            <div class="item"><img src="https://static.igem.org/mediawiki/2017/f/f7/Bio-Film-Treated_%28no_white_receptors%29.gif" alt="" class="img-responsive" id="pr"></div>
 +
            <div class="item">
 +
                <img src="https://unsplash.it/1000/500?image=0" alt="" class="img-responsive">
 +
                <!-- <video autoplay loop>
 +
                    <source src="https://static.igem.org/mediawiki/2017/e/ee/Full_Animation_Bacteria_Nanoparticle_-_More_Compressed.mp4">
 +
                    Your browser does not support the video tag.
 +
                </video> -->
 +
            </div>
 +
            <div class="item"><img src="https://unsplash.it/1000/500" alt="" class="img-responsive"></div>
 +
        </div>
 +
        <div class="control-btn">
 +
            <!-- last and next page btn -->
 +
            <a href="#slide1" class="left carousel-control" role="button" data-slide="prev">
 +
                <span class="glyphicon glyphicon-chevron-left" aria-hiddden="true"></span>
 +
            </a>
 +
            <a href="#slide1" class="right carousel-control" role="button" data-slide="next">
 +
                <span class="glyphicon glyphicon-chevron-right" aria-hiddden="true"></span>
 +
            </a>
 +
        </div>
 +
        <ol class="carousel-indicators">
 +
            <!-- bottom right buttons -->
 +
            <li data-target="#slide1" data-slide-to="0"></li>
 +
            <li data-target="#slide1" data-slide-to="1"></li>
 +
            <li data-target="#slide1" data-slide-to="2"></li>
 +
            <li data-target="#slide1" data-slide-to="3"></li>
 +
        </ol>
 +
    </div>
 +
    <div class="banner project-banner">
 +
        <div class="guide">
 +
            <h1>
 +
                Project
 
             </h1>
 
             </h1>
 +
            <p>
 +
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis, unde!
 +
            </p>
 
         </div>
 
         </div>
−
        <div class="box2" id="experiment" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary';" style="cursor: pointer;">
+
    </div>
−
             <h1>EXPERIMENTS
+
    <div class="banner exp-banner">
−
                 <span>
+
        <div class="guide">
−
                    <img src="https://static.igem.org/mediawiki/2017/9/9c/Exp.png" id="dna" width="40vh">
+
             <h1>
−
                </span>
+
                 Experimental
 
             </h1>
 
             </h1>
 +
            <p>
 +
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis, unde!
 +
            </p>
 
         </div>
 
         </div>
−
        <div class="box2" id="modeling" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Model';" style="cursor: pointer;">
+
    </div>
−
             <h1>MODELING
+
    <div class="banner model-banner">
−
                 <span>
+
        <div class="guide">
−
                    <img src="https://static.igem.org/mediawiki/2017/3/3c/Modeling.png" id="dna" width="40vh">
+
             <h1>
−
                </span>
+
                 Modeling
 
             </h1>
 
             </h1>
 +
            <p>
 +
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis, unde!
 +
            </p>
 
         </div>
 
         </div>
−
        <div class="box2" id="prototype" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Prototype';" style="cursor: pointer;">
+
    </div>
−
             <h1>PROTOTYPE
+
    <div class="banner prototype-banner">
−
                 <span>
+
        <div class="guide">
−
                    <img src="https://static.igem.org/mediawiki/2017/3/31/Prototype.png" id="dna" width="40vh">
+
             <h1>
−
                </span>
+
                 Prototype
 
             </h1>
 
             </h1>
 +
            <p>
 +
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis, unde!
 +
            </p>
 
         </div>
 
         </div>
−
        <div class="box2" id="policy" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Human_Practices';" style="cursor: pointer;">
+
    </div>
−
             <H1>HUMAN PRACTICES
+
    <div class="banner hp-banner">
−
                 <span>
+
        <div class="guide">
−
                    <img src="https://static.igem.org/mediawiki/2017/5/55/Hp2.png" id="dna" width="40vh">
+
             <h1>
−
                 </span>
+
                 Human Practices
−
             </H1>
+
            </h1>
 +
            <p>
 +
                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis, unde!
 +
             </p>
 
         </div>
 
         </div>
−
        <div class="box2" id="biosafety" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Safety';" style="cursor: pointer;">
+
    </div>
−
             <H1>BIOSAFETY
+
    <div class="banner biosafety-banner">
−
                    <img src="https://static.igem.org/mediawiki/2017/b/b9/Biosafety.png" id="dna" width="40vh">
+
        <div class="guide">
−
             </H1>
+
             <h1>
 +
                Biosafety
 +
            </h1>
 +
            <p>
 +
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis, unde!
 +
             </p>
 
         </div>
 
         </div>
−
        <div class="box2" id="about" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Team';" style="cursor: pointer;">
+
    </div>
−
             <H1>ABOUT US
+
    <div class="banner team-banner">
−
                 <span>
+
        <div class="guide">
−
                    <img src="https://static.igem.org/mediawiki/2017/a/a3/About_us1.png" id="dna" width="40vh">
+
             <h1>
−
                 </span>
+
                 About Us
−
             </H1>
+
            </h1>
 +
            <p>
 +
                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis, unde!
 +
             </p>
 
         </div>
 
         </div>
−
        <div class="box2" id="acknowledgments" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Attributions';" style="cursor: pointer;">
+
    </div>
−
             <H1>ATTRIBUTIONS
+
    <div class="banner attr-banner">
−
                 <span>
+
        <div class="guide">
−
                    <img src="https://static.igem.org/mediawiki/2017/8/8d/Attributions.png" id="dna" width="40vh">
+
             <h1>
−
                 </span>
+
                 Attributions
−
             </H1>
+
            </h1>
 +
            <p>
 +
                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis, unde!
 +
             </p>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
−
     <div class="phone">
+
     <main>
 
         <h6>TAS_TAIPEI 2017|</h6>
 
         <h6>TAS_TAIPEI 2017|</h6>
 
         <h1><span>N</span>ANO</h1>
 
         <h1><span>N</span>ANO</h1>
 
         <h1 id="row2"><span>T</span>RAP</h1>
 
         <h1 id="row2"><span>T</span>RAP</h1>
 
         <p id="abstract1">The small size of nanoparticles is both an advantage and a problem. The high surface area allows them to catalyze chemical reactions more efficiently, but most wastewater treatment plants lack the ability to clean up such small particles, thus allowing nanoparticles to enter the environment and pose health risks for humans, plants, and aquatic life. As nanoparticle usage expands into medical, industrial, and consumer products, it is important to prevent nanoparticles from harming the environment. Our project aims to remove nanoparticles using two approaches: trapping citrate-capped nanoparticles with a modified form of the membrane protein proteorhodopsin and increasing the production of <i> E.coli </i> biofilm to entrap nanoparticles in the extracellular matrix. Ultimately, we wish to clean nanoparticle waste by implementing our trapping mechanism into centralized wastewater treatment plants to efficiently capture all nanoparticles before treated water is released back into the environment.
 
         <p id="abstract1">The small size of nanoparticles is both an advantage and a problem. The high surface area allows them to catalyze chemical reactions more efficiently, but most wastewater treatment plants lack the ability to clean up such small particles, thus allowing nanoparticles to enter the environment and pose health risks for humans, plants, and aquatic life. As nanoparticle usage expands into medical, industrial, and consumer products, it is important to prevent nanoparticles from harming the environment. Our project aims to remove nanoparticles using two approaches: trapping citrate-capped nanoparticles with a modified form of the membrane protein proteorhodopsin and increasing the production of <i> E.coli </i> biofilm to entrap nanoparticles in the extracellular matrix. Ultimately, we wish to clean nanoparticle waste by implementing our trapping mechanism into centralized wastewater treatment plants to efficiently capture all nanoparticles before treated water is released back into the environment.
−
        </p> <br> ________________________
 
−
        <br>
 
−
        <img src="https://static.igem.org/mediawiki/2017/thumb/2/23/Fb_icon.png/240px-Fb_icon.png" onclick="location.href='https://www.facebook.com/IGEMTAS/';" style="cursor: pointer;" id="fb">
 
−
        <img src="https://static.igem.org/mediawiki/2017/f/f3/Twitter_icon.png" onclick="location.href='https://twitter.com/iGEM_TAS';" style="cursor: pointer;" id="twit">
 
−
        <img src="http://objects.airfrance.com/FR/common/common/img/tab1st/social/picto_instagram_login.svg" onclick="location.href='https://www.instagram.com/igem_tas/';" style="cursor: pointer;" id="insta">
 
−
    </div>
 
−
    <div class="circle">
 
−
        <h6>TAS_TAIPEI 2017</h6>
 
−
        <br>justin AND CAT 意見很多
 
−
        <h1><span>N</span>ANO</h1>
 
−
        <h1 id="row2"><span>T</span>RAP</h1>
 
−
        <p id="abstract1">The small size of nanoparticles is both an advantage and a problem. The high surface area allows them to catalyze chemical reactions more efficiently, but most wastewater treatment plants lack the ability to clean up such small particles, thus allowing nanoparticles to enter the environment and pose health risks for humans, plants, and aquatic life. As nanoparticle usage expands into medical, industrial, and consumer products, it is important to prevent nanoparticles from harming the environment. Our project aims to remove nanoparticles using two approaches: trapping citrate-capped nanoparticles with a modified form of the membrane protein proteorhodopsin and increasing the production of <i> E.coli </i> biofilm to entrap nanoparticles in the extracellular matrix. Ultimately, we wish to clean nanoparticle waste by implementing our trapping mechanism into centralized wastewater treatment plants to efficiently capture all nanoparticles before treated water is released back into the environment.
 
−
<br>
 
−
________________________
 
−
<br>
 
−
<img src="http://objects.airfrance.com/FR/common/common/img/tab1st/social/picto_instagram_login.svg" onclick="location.href='https://www.instagram.com/igem_tas/';" style="cursor: pointer;" id="insta">
 
−
<span id="fb">
 
−
<img src="http://www.iconninja.com/files/245/45/195/facebook-media-social-like-network-fb-icon.svg" onclick="location.href='https://www.facebook.com/IGEMTAS/';" style="cursor: pointer;" id="fb">
 
−
</span>
 
−
<img src="http://cdn.onlinewebfonts.com/svg/img_424261.svg" onclick="location.href='https://twitter.com/iGEM_TAS';" style="cursor: pointer;" id="twit">
 
 
         </p>
 
         </p>
−
    </div>
+
        <div>
−
    <section class="boxes">
+
            <img src="https://image.flaticon.com/icons/png/128/20/20673.png" onclick="location.href='https://www.facebook.com/IGEMTAS/';" style="cursor: pointer;" id="fb">
−
        <div class="box" id="project" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Background';" style="cursor: pointer;">
+
            <img src="http://objects.airfrance.com/FR/common/common/img/tab1st/social/picto_instagram_login.svg" onclick="location.href='https://www.instagram.com/igem_tas/';" style="cursor: pointer;" id="insta">
−
             <h1>PROJECT
+
             <img src="http://icons.iconarchive.com/icons/designbolts/minimalist-social/256/Twitter-2-icon.png" onclick="location.href='https://twitter.com/iGEM_TAS';" style="cursor: pointer;" id="insta">
−
                <span>
+
−
                    <img src="https://static.igem.org/mediawiki/2017/9/92/Project.png" id="dna">
+
−
                </span>
+
−
            </h1>
+
 
         </div>
 
         </div>
−
        <div class="box" id="experiment" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary';" style="cursor: pointer;">
+
     </main>
−
            <h1>EXPERIMENTS
+
−
                <span>
+
−
                    <img src="https://static.igem.org/mediawiki/2017/9/9c/Exp.png" id="dna">
+
−
                </span>
+
−
            </h1>
+
−
        </div>
+
−
        <div class="box" id="modeling" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Model';" style="cursor: pointer;">
+
−
            <h1>MODELING
+
−
                <span>
+
−
                    <img src="https://static.igem.org/mediawiki/2017/3/3c/Modeling.png" id="dna">
+
−
                </span>
+
−
            </h1>
+
−
        </div>
+
−
        <div class="box" id="prototype" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Prototype';" style="cursor: pointer;">
+
−
            <h1>PROTOTYPE
+
−
                <span>
+
−
                    <img src="https://static.igem.org/mediawiki/2017/3/31/Prototype.png" id="dna">
+
−
                </span>
+
−
            </h1>
+
−
        </div>
+
−
        <div class="box" id="policy" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Human_Practices';" style="cursor: pointer;">
+
−
            <H1>HUMAN PRACTICES
+
−
                <span>
+
−
                    <img src="https://static.igem.org/mediawiki/2017/5/55/Hp2.png" id="dna">
+
−
                </span>
+
−
            </H1>
+
−
        </div>
+
−
        <div class="box" id="biosafety" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Safety';" style="cursor: pointer;">
+
−
            <H1>BIOSAFETY
+
−
                <span>
+
−
                    <img src="https://static.igem.org/mediawiki/2017/b/b9/Biosafety.png" id="dna">
+
−
                </span>
+
−
            </H1>
+
−
        </div>
+
−
        <div class="box" id="about" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Team';" style="cursor: pointer;">
+
−
            <H1>ABOUT US
+
−
                <span>
+
−
                    <img src="https://static.igem.org/mediawiki/2017/a/a3/About_us1.png" id="dna">
+
−
                </span>
+
−
            </H1>
+
−
        </div>
+
−
        <div class="box" id="acknowledgments" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Attributions';" style="cursor: pointer;">
+
−
            <H1>ATTRIBUTIONS
+
−
                <span>
+
−
                    <img src="https://static.igem.org/mediawiki/2017/8/8d/Attributions.png" id="dna">
+
−
                </span>
+
−
            </H1>
+
−
        </div>
+
−
     </section>
+
 
     <script>
 
     <script>
 
         $(function() {
 
         $(function() {
  
−
             $('.boxes2').click(function(){
+
             $('.yellow').mouseover(function() {
−
              $(this).toggleClass('active');
+
                //$(this).addClass('active');
 
             });
 
             });
  
−
             $('#btn').click(function() {
+
             $('.yellow').mouseout(function() {
−
                 $('.phone').addClass('slideout');
+
                 //$(this).removeClass('active');
 
             });
 
             });
  
−
             $('#returnBtn').click(function() {
+
 
−
                 $('.phone').removeClass('slideout');
+
             $('.box').click(function() {
 +
                if ($('.yellow').hasClass('active')) {
 +
                    window.location = $(this).attr('href');
 +
                } else {
 +
                    $('.yellow').addClass('active');
 +
                }
 +
                $('.return').addClass('active');
 +
            })
 +
 
 +
            $('.box3').click(function() {
 +
                if ($('.yellow').hasClass('active')) {
 +
                    window.location = $(this).attr('href');
 +
                } else {
 +
                    $('.yellow').addClass('active');
 +
                }
 +
            })
 +
 
 +
            $('.return').click(function() {
 +
                $('.yellow').removeClass('active');
 +
                $('.return').removeClass('active');
 +
            })
 +
 
 +
            $('main').click(function() {
 +
                $('.yellow').removeClass('active');
 +
            })
 +
 
 +
            $('.carousel').click(function() {
 +
                $('.yellow').removeClass('active');
 +
            })
 +
 
 +
            $('.carousel').mouseover(function() {
 +
                $('.carousel').removeClass('deactive');
 +
            })
 +
 
 +
            $('.carousel').carousel();
 +
 
 +
            $('main').mouseover(function() {
 +
                $('.yellow').removeClass('active');
 +
                $('#project').removeClass('active');
 +
                $('#experiment').removeClass('active');
 +
                $('#modeling').removeClass('active');
 +
                $('#prototype').removeClass('active');
 +
                $('#policy').removeClass('active');
 +
                $('#biosafety').removeClass('active');
 +
                $('#about').removeClass('active');
 +
                $('#acknowledgments').removeClass('active');
 +
                $('.carousel').removeClass('deactive');
 +
            })
 +
 
 +
            $('#project').mouseover(function() {
 +
                $('.carousel').addClass('deactive');
 +
                $('.project-banner').addClass('active');
 +
            });
 +
 
 +
            $('#project').mouseout(function() {
 +
                $('.carousel').removeClass('deactive');
 +
                $('.project-banner').removeClass('active');
 +
            });
 +
 
 +
            $('#experiment').mouseover(function() {
 +
                $('.carousel').addClass('deactive');
 +
                $('.exp-banner').addClass('active');
 +
            });
 +
 
 +
            $('#experiment').mouseout(function() {
 +
                $('.carousel').removeClass('deactive');
 +
                $('.exp-banner').removeClass('active');
 +
            });
 +
 
 +
            $('#modeling').mouseover(function() {
 +
                $('.carousel').addClass('deactive');
 +
                $('.model-banner').addClass('active');
 +
            });
 +
 
 +
            $('#modeling').mouseout(function() {
 +
                $('.carousel').removeClass('deactive');
 +
                $('.model-banner').removeClass('active');
 +
            });
 +
 
 +
            $('#prototype').mouseover(function() {
 +
                $('.carousel').addClass('deactive');
 +
                $('.prototype-banner').addClass('active');
 +
            });
 +
 
 +
            $('#prototype').mouseout(function() {
 +
                $('.carousel').removeClass('deactive');
 +
                $('.prototype-banner').removeClass('active');
 +
            });
 +
 
 +
            $('#policy').mouseover(function() {
 +
                $('.carousel').addClass('deactive');
 +
                $('.hp-banner').addClass('active');
 +
            });
 +
 
 +
            $('#policy').mouseout(function() {
 +
                $('.carousel').removeClass('deactive');
 +
                $('.hp-banner').removeClass('active');
 +
            });
 +
 
 +
            $('#biosafety').mouseover(function() {
 +
                $('.carousel').addClass('deactive');
 +
                $('.biosafety-banner').addClass('active');
 +
            });
 +
 
 +
            $('#biosafety').mouseout(function() {
 +
                $('.carousel').removeClass('deactive');
 +
                $('.biosafety-banner').removeClass('active');
 +
            });
 +
 
 +
            $('#about').mouseover(function() {
 +
                $('.carousel').addClass('deactive');
 +
                $('.team-banner').addClass('active');
 +
            });
 +
 
 +
            $('#about').mouseout(function() {
 +
                $('.carousel').removeClass('deactive');
 +
                $('.team-banner').removeClass('active');
 +
            });
 +
 
 +
            $('#acknowledgments').mouseover(function() {
 +
                $('.carousel').addClass('deactive');
 +
                $('.attr-banner').addClass('active');
 +
            });
 +
 
 +
            $('#acknowledgments').mouseout(function() {
 +
                $('.carousel').removeClass('deactive');
 +
                 $('.attr-banner').removeClass('active');
 
             });
 
             });
 
         });
 
         });
 +
 
     </script>
 
     </script>
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 08:14, 22 June 2017