|
|
(57 intermediate revisions by 3 users not shown) |
Line 1: |
Line 1: |
| + | {{HSiTAIWAN}} |
| + | |
| <html> | | <html> |
| <head> | | <head> |
| <style type="text/css"> | | <style type="text/css"> |
− | #globalWrapper{
| + | .bannerDiv{ |
− | padding:0px;
| + | |
− | }
| + | |
− | #HQ_page{
| + | |
− | padding:0px;
| + | |
− | }
| + | |
− | #HQ_page p{
| + | |
− | font-family: "Arial",Helvetica,sans-serif;
| + | |
− | font-size: 16px;
| + | |
− | text-align:left
| + | |
− | }
| + | |
− | | + | |
− | #body{
| + | |
− | background-color: #cd853f;
| + | |
− | }
| + | |
− | #content{
| + | |
− | width:100%;
| + | |
− | padding:0px;
| + | |
− | margin:0px;
| + | |
− | margin-top:-25px;
| + | |
− | border:none;
| + | |
− | background-color: #F0F0F0;
| + | |
− | }
| + | |
− | #top_title{
| + | |
− | display:none;
| + | |
− | }
| + | |
− | #sideMenu{
| + | |
− | display:none;
| + | |
− | }
| + | |
− | .firstHeading{ | + | |
− | display:none;
| + | |
− | }
| + | |
− | #bodyContent{
| + | |
− | padding:0px;
| + | |
− | }
| + | |
− | .head{
| + | |
− | position: fixed;
| + | |
− | left: 0px;
| + | |
− | top: 18px;
| + | |
− | width: 100%;
| + | |
− | min-width: 1280px;
| + | |
− | height: 56px;
| + | |
− | background-color: #86680c;
| + | |
− | border-bottom: thin solid #e1bf58;
| + | |
− | z-index: 10000;
| + | |
− | padding-left: 20px;
| + | |
− | }
| + | |
− | .head:hover{
| + | |
− | background: #86680c;
| + | |
− | }
| + | |
− | | + | |
− | .nav {
| + | |
| float:left; | | float:left; |
| + | height:200px; |
| + | width:200px; |
| } | | } |
− | .navOne{ | + | .linkWords{ |
− | float: left; | + | font-weight:bold; |
− | padding-top:4px;
| + | |
| } | | } |
− | .navOne a{ | + | .linkWords:hover{ |
− | color: #333; | + | color:#F0F; |
| } | | } |
| | | |
− | .navOneA{
| |
− | line-height: 30px;
| |
− | text-decoration: none;
| |
− | text-transform: uppercase;
| |
− | font-family: Verdana, Geneva, sans-serif;
| |
− | font-size: 14px;
| |
− | padding: 10px 2px;
| |
− | }
| |
− | .navOneA img{
| |
− | border:0px;
| |
− | height: 35px;
| |
− | size: contain;
| |
− | position:center;
| |
− | }
| |
− | .navOne:hover{
| |
− | background:#e1bf58;
| |
− | border-bottom: 6px solid #e1bf58;
| |
− | cursor:pointer;
| |
− | }
| |
− | .navOne:hover a{
| |
− | text-decoration: none;
| |
− | }
| |
− | .navOne:hover .navDrop{
| |
− | display:block;
| |
− | }
| |
− | .navDrop{
| |
− | display:none;
| |
− | padding-bottom:5px;
| |
− | margin-top:-10px;
| |
− | }
| |
− |
| |
− | .navPic{
| |
− | width: 100%;
| |
− | min-width: 1400px;
| |
− | margin-top:45px;
| |
− | margin-left:-20px;
| |
− | background-image: url('https://static.igem.org/mediawiki/2016/f/fa/T--HSiTAIWAN--Background_banner.png');
| |
− | background-color:#e1bf58;
| |
− | background-size: contain;
| |
− | background-repeat:no-repeat;
| |
− | }
| |
− |
| |
− | .navleft{
| |
− | float:left;
| |
− | }
| |
− | .navright{
| |
− | float:left;
| |
− | padding-left:65px;
| |
− | }
| |
− | .navleft a {
| |
− | display: block;
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | text-decoration: none;
| |
− | cursor: pointer;
| |
− | }
| |
− | .navleft a:hover {
| |
− | text-decoration: none;
| |
− | }
| |
− | .navli a {
| |
− | display: block;
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | text-decoration: none;
| |
− | cursor: pointer;
| |
− | }
| |
− | .navli a:hover {
| |
− | text-decoration: none;
| |
− | }
| |
− | .navli {
| |
− | height:40px;
| |
− | width:175px;
| |
− | display:block;
| |
− | margin:4.5px;
| |
− | cursor:pointer;
| |
− | border:2px solid #86680c;
| |
− | }
| |
| | | |
| </style> | | </style> |
| </head> | | </head> |
− |
| |
| | | |
| <body> | | <body> |
− | <!--Head Start--> | + | <!-- Content Start --> |
− | <div class="head"> | + | <div class="bigName"> |
− | <div class="nav" id="nav">
| + | <div class="bannerDiv"> |
− | <!--Home-->
| + | |
− | <div class="navOne" id="divHome"><a class="navOneA" id="Home" href="https://2016.igem.org/Team:HSiTAIWAN"><img src='https://static.igem.org/mediawiki/2016/1/1f/T--HSiTAIWAN--Home_icon.png' onmouseover="this.src='https://static.igem.org/mediawiki/2016/a/a9/T--HSiTAIWAN--Home_icon2.png';"
| + | </div> |
− | onmouseout="this.src='https://static.igem.org/mediawiki/2016/1/1f/T--HSiTAIWAN--Home_icon.png';"></a></div>
| + | <p align="left"> </p> |
− | <!--Background-->
| + | |
− | <div class="navOne" id="divBackground">
| + | |
− | <a class="navOneA" id="Background" href="https://2016.igem.org/Team:HSiTAIWAN/Background"><img id="Backgroundimg" src='https://static.igem.org/mediawiki/2016/2/2d/T--HSiTAIWAN--Background_icon.png' onmouseover="this.src='https://static.igem.org/mediawiki/2016/9/94/T--HSiTAIWAN--Background_icon2.png';"
| + | |
− | onmouseout="this.src='https://static.igem.org/mediawiki/2016/2/2d/T--HSiTAIWAN--Background_icon.png';"></a>
| + | |
− |
| + | |
− | </div>
| + | |
− | <!--Parts--> | + | |
− | <div class="navOne" id="divParts">
| + | |
− | <a class="navOneA" id="Parts" href="https://2016.igem.org/Team:HSiTAIWAN/Parts"><img src='https://static.igem.org/mediawiki/2016/b/bc/T--HSiTAIWAN--Part_icon.png' onmouseover="this.src='https://static.igem.org/mediawiki/2016/1/15/T--HSiTAIWAN--Part_icon2.png';"
| + | |
− | onmouseout="this.src='https://static.igem.org/mediawiki/2016/b/bc/T--HSiTAIWAN--Part_icon.png';"></a>
| + | |
− |
| + | |
− | </div>
| + | |
− | <!--Project-->
| + | |
− | <div class="navOne" id="divProject">
| + | |
− | <a class="navOneA" id="Project" href="https://2016.igem.org/Team:HSiTAIWAN/Project"><img src='https://static.igem.org/mediawiki/2016/4/43/T--HSiTAIWAN--Project_icon.png' onmouseover="this.src='https://static.igem.org/mediawiki/2016/c/ca/T--HSiTAIWAN--Project_icon2.png';"
| + | |
− | onmouseout="this.src='https://static.igem.org/mediawiki/2016/4/43/T--HSiTAIWAN--Project_icon.png';"></a>
| + | |
− |
| + | |
− | </div>
| + | |
− | <!--Product--> | + | |
− | <div class="navOne" id="divProduct">
| + | |
− | <a class="navOneA" id="Product" href="https://2016.igem.org/Team:HSiTAIWAN/Product"><img src='https://static.igem.org/mediawiki/2016/f/fc/T--HSiTAIWAN--Product_icon.png' onmouseover="this.src='https://static.igem.org/mediawiki/2016/b/b4/T--HSiTAIWAN--Product_icon2.png';"
| + | |
− | onmouseout="this.src='https://static.igem.org/mediawiki/2016/f/fc/T--HSiTAIWAN--Product_icon.png';"></a>
| + | |
− |
| + | |
− | </div>
| + | |
− | <!--Notebook-->
| + | |
− | <div class="navOne" id="divNotebook">
| + | |
− | <a class="navOneA" id="Notebook" href="https://2016.igem.org/Team:HSiTAIWAN/Notebook"><img src='https://static.igem.org/mediawiki/2016/b/ba/T--HSiTAIWAN--Notebook_icon.png' onmouseover="this.src='https://static.igem.org/mediawiki/2016/1/1c/T--HSiTAIWAN--Notebook_icon2.png';"
| + | |
− | onmouseout="this.src='https://static.igem.org/mediawiki/2016/b/ba/T--HSiTAIWAN--Notebook_icon.png';"></a>
| + | |
− |
| + | |
− | </div>
| + | |
− | <!--HumanPractice-->
| + | |
− | <div class="navOne" id="divHumanPractice">
| + | |
− | <a class="navOneA" id="HumanPractice" href="https://2016.igem.org/Team:HSiTAIWAN/HumanPractice"><img src='https://static.igem.org/mediawiki/2016/3/3c/T--HSiTAIWAN--Human-Practice_icon.png' onmouseover="this.src='https://static.igem.org/mediawiki/2016/b/b3/T--HSiTAIWAN--Human-Practice_icon2.png';"
| + | |
− | onmouseout="this.src='https://static.igem.org/mediawiki/2016/3/3c/T--HSiTAIWAN--Human-Practice_icon.png';"></a>
| + | |
− |
| + | |
− | </div>
| + | |
− | <!--Achievement-->
| + | |
− | <div class="navOne" id="divAchievement">
| + | |
− | <a class="navOneA" id="Achievement" href="https://2016.igem.org/Team:HSiTAIWAN/Achievement"><img src='https://static.igem.org/mediawiki/2016/6/62/T--HSiTAIWAN--Achievement_icon.png' onmouseover="this.src='https://static.igem.org/mediawiki/2016/3/31/T--HSiTAIWAN--Achievement_icon2.png';"
| + | |
− | onmouseout="this.src='https://static.igem.org/mediawiki/2016/6/62/T--HSiTAIWAN--Achievement_icon.png';"></a>
| + | |
− |
| + | |
− | </div>
| + | |
− | <!--TeamMembers-->
| + | |
− | <div class="navOne" id="divTeamMembers">
| + | |
− | <a class="navOneA" id="TeamMembers" href="https://2016.igem.org/Team:HSiTAIWAN/TeamMembers"><img src='https://static.igem.org/mediawiki/2016/4/40/T--HSiTAIWAN--Team_icon.png' onmouseover="this.src='https://static.igem.org/mediawiki/2016/5/55/T--HSiTAIWAN--Team_icon2.png';"
| + | |
− | onmouseout="this.src='https://static.igem.org/mediawiki/2016/4/40/T--HSiTAIWAN--Team_icon.png';"></a>
| + | |
− |
| + | |
− | </div>
| + | |
− | <!--AttributionsSponsors-->
| + | |
− | <div class="navOne" id="divAttributionsSponsors">
| + | |
− | <a class="navOneA" id="AttributionsSponsors" href="https://2016.igem.org/Team:HSiTAIWAN/AttributionsSponsors"><img src='https://static.igem.org/mediawiki/2016/e/ea/T--HSiTAIWAN--Attributions_icon.png' onmouseover="this.src='https://static.igem.org/mediawiki/2016/f/fc/T--HSiTAIWAN--Attributions_icon2.png';"
| + | |
− | onmouseout="this.src='https://static.igem.org/mediawiki/2016/e/ea/T--HSiTAIWAN--Attributions_icon.png';"></a>
| + | |
− |
| + | |
− | </div>
| + | |
− | <!--Head End-->
| + | |
− | <div class="navPic" id="navPic" style="height:0px;display:none;">
| + | |
− | <div class="navimg" id="navimg" style="height:200px;width:225px;display:block;float:left"></div>
| + | |
− | | + | |
− | <div class="navleft"style="float:left">
| + | |
− | <div class="navli" id="navli1" style="">
| + | |
− | <a id="navhr1" href="https://2016.igem.org/Team:HSiTAIWAN/Background?locationId=CM"></a></div>
| + | |
− | | + | |
− | <div class="navli" id="navli2" style="">
| + | |
− | <a id="navhr2" href="https://2016.igem.org/Team:HSiTAIWAN/Background?locationId=Challenges"></a></div>
| + | |
− | | + | |
− | <div class="navli" id="navli3" style="">
| + | |
− | <a id="navhr3" href="https://2016.igem.org/Team:HSiTAIWAN/Background?locationId=Solution"></a></div>
| + | |
− | | + | |
− | <div class="navli" id="navli4" style="">
| + | |
− | <a id="navhr4" href="https://2016.igem.org/Team:HSiTAIWAN/Background?locationId=Application"></a></div>
| + | |
− | </div>
| + | |
− | | + | |
− | <div class="navright">
| + | |
− | <div class="navli" id="navli5" style="display:none;">
| + | |
− | <a id="navhr5" href="https://2016.igem.org/Team:HSiTAIWAN/Project/Framework"></a>
| + | |
− | </div>
| + | |
− | | + | |
− | <div class="navli" id="navli6" style="display:none;">
| + | |
− | <a id="navhr6" href="https://2016.igem.org/Team:HSiTAIWAN/Model"></a>
| + | |
− | </div>
| + | |
− | | + | |
− | <div class="navli" id="navli7" style="display:none;">
| + | |
− | <a id="navhr7" href="https://2016.igem.org/Team:HSiTAIWAN/Project/Assay"></a>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | </div>
| + | |
− | </div>
| + | |
| </div> | | </div> |
− | <!-- --------------- Script Code --------------- -->
| |
− | <script type="text/javascript">
| |
− | jQuery(document).ready(function($){
| |
| | | |
− | $('div#divBackground').mouseover(function(){
| |
− | $('.navPic').css("height", "200px");
| |
− | $('.navPic').css("display", "block");
| |
− | $('.navPic').css({'background-image': 'url(https://static.igem.org/mediawiki/2016/f/fa/T--HSiTAIWAN--Background_banner.png)'});
| |
| | | |
− | $('.navimg').css("width", "225px");
| + | <!-- MyContent Start --> |
− | $('.navli').css("height", "40px");
| + | <div class="myContent"> |
− | $('.navli').css("width", "190px"); | + | <div id="contentList"> |
− | $('.navli').css("margin", "4.5px");
| + | |
− | $('.navli').css("display", "block");
| + | |
| | | |
− | $('#navhr1').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/Background?locationId=Framework'); | + | <li class="listOne"><p id="list1" onClick="window.scrollTo(0,document.getElementById('FirstTitle').offsetTop-50)">Product</p> |
− | $('#navhr2').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/Background?locationId=CM');
| + | <ul class="listOneDrop" id="listDrop1"> |
− | $('#navhr3').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/Background?locationId=Challenges');
| + | <li class="listTwo" id="listfirst1" onClick="window.scrollTo(0,document.getElementById('Framework').offsetTop-50)">Framework</li> |
− | $('#navhr4').attr("href", "https://2016.igem.org/Team:HSiTAIWAN/Background?locationId=Solution");
| + | <li class="listTwo" id="listfirst2" onClick="window.scrollTo(0,document.getElementById('Design').offsetTop-50)">Design of Biosensor Function</li> |
− | $('#navhr5').attr("href", "https://2016.igem.org/Team:HSiTAIWAN/Background?locationId=Application");
| + | <li class="listTwo" id="listfirst3" onClick="window.scrollTo(0,document.getElementById('Safety').offsetTop-50)">Design of Biosafety </li> |
− | $('#navli6').css("display", "none");
| + | <li class="listTwo" id="listfirst4" onClick="window.scrollTo(0,document.getElementById('Results').offsetTop-50)">User Guide</li> |
− | $('#navli7').css("display", "none");
| + | </ul> |
− | });
| + | </li> |
− | $('div#divParts').mouseover(function(){
| + | </div> |
− | $('.navPic').css("height", "200px");
| + | |
− | $('.navPic').css("display", "block");
| + | |
− | $('.navPic').css({'background-image': 'url(https://static.igem.org/mediawiki/2016/4/4a/T--HSiTAIWAN--navPart.png)'});
| + | |
| | | |
− | $('.navimg').css("width", "225px");
| + | <div id='mainContent'> |
− | $('.navli').css("height", "40px");
| + | <!-- 右方內文 --> |
− | $('.navli').css("width", "185px");
| + | |
− | $('.navli').css("margin", "4.5px");
| + | |
− | $('.navli').css("display", "block");
| + | |
| | | |
− | $('#navhr1').attr("href", "https://2016.igem.org/Team:HSiTAIWAN/Parts?locationId=Framework");
| + | <!-- Introduction --> |
− | $('#navhr2').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/Parts?locationId=BasicPart');
| + | <p class="titleOne" id="FirstTitle">Product</p> |
− | $('#navhr3').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/Parts?locationId=CompositePart');
| + | |
− | $('#navhr4').attr("href", "https://2016.igem.org/Team:HSiTAIWAN/Parts?locationId=PartCollection");
| + | |
− | $('#navli5').css("display", "none");
| + | |
− | $('#navli6').css("display", "none");
| + | |
− | $('#navli7').css("display", "none");
| + | |
− | });
| + | |
− | $('div#divProject').mouseover(function(){
| + | |
− | $('.navPic').css("height", "200px");
| + | |
− | $('.navPic').css("display", "block");
| + | |
− | $('.navPic').css({'background-image': 'url(https://static.igem.org/mediawiki/2016/7/74/T--HSiTAIWAN--navProject.png)'});
| + | |
| | | |
− | $('.navimg').css("width", "245px");
| + | <div class="fivePx"></div> |
− | $('.navli').css("height", "40px");
| + | <p class="titleTwo" id="Framework">Framework</p> |
− | $('.navli').css("width", "160px");
| + | <p class="contentP">We designed an E.coli biosensor to detect the poison in the Chinese Medicine. When E.coli detects the poison, the device will show fluorescence to quickly warn the user of the existence of poison in Chinese Medicine. Our product fulfills most of the requirements and the standards that the government set for detecting toxins/heavy metals in Chinese Medicine. We also innovated design for eco-friendly biosafety guarantee.</p> |
− | $('.navli').css("margin", "4.5px");
| + | |
− | $('.navli').css("display", "block");
| + | |
| | | |
− | $('#navhr1').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/Project/Framework');
| + | <video id="movie" preload controls loop width="640" height="360"> |
− | $('#navhr2').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/Project/Lead');
| + | <source src="/wiki/images/7/79/T--HSiTAIWAN--Product_Device.ogg" type="video/ogg" /> |
− | $('#navhr3').attr("href", "https://2016.igem.org/Team:HSiTAIWAN/Project/Copper");
| + | <source src="https://static.igem.org/mediawiki/2016/a/a6/T--HSiTAIWAN--Product_Device.mov" type="video/mp4" /> |
− | $('#navhr4').attr("href", "https://2016.igem.org/Team:HSiTAIWAN/Project/Arsenic");
| + | </video> |
− | $('#navhr5').attr("href", "https://2016.igem.org/Team:HSiTAIWAN/Project/CYP");
| + | |
− | $('#navhr6').attr("href", "https://2016.igem.org/Team:HSiTAIWAN/Model");
| + | |
− | $('#navhr7').attr("href", "https://2016.igem.org/Team:HSiTAIWAN/Project/Assay");
| + | |
− | });
| + | |
− | $('div#divProduct').mouseover(function(){
| + | |
− | $('.navPic').css("height", "200px");
| + | |
− | $('.navPic').css("display", "block");
| + | |
− | $('.navPic').css({'background-image': 'url(https://static.igem.org/mediawiki/2016/2/22/T--HSiTAIWAN--navProduct.png)'});
| + | |
| | | |
− | $('.navimg').css("width", "200px");
| + | <img src= |
− | $('.navli').css("height", "40px");
| + | 'https://static.igem.org/mediawiki/2016/4/47/Hsitaiwan_product_test_1.jpeg' style="width:550px;height:400 px;"> |
− | $('.navli').css("width", "175px");
| + | <p class="contentP">Figure 1 Product of Shen-Nong Biosensor</p> |
− | $('.navli').css("margin", "4.5px");
| + | |
− | $('.navli').css("display", "block");
| + | |
| | | |
− | $('#navhr1').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/Product?locationId=Framework');
| + | <div class="fivePx"></div> |
− | $('#navhr2').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/Product?locationId=Design'); | + | <p class="titleTwo" id="Design">Design of Biosensor Function</p> |
− | $('#navhr3').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/Product?locationId=Results');
| + | <p class="contentP">Our device can detect four kinds of toxins, copper, lead, arsenic, and aflatoxin. The contents of these four toxins in Chinese Medicines are limited by FDA. |
− | $('#navhr4').attr("href", "https://2016.igem.org/Team:HSiTAIWAN/Product?locationId=Safety");
| + | If there’s any of those toxins are detected in the Chinese Medicine, the E.coli will perform fluorescence, so the user can see the result only by watching the fluorescence.</p> |
− | $('#navli5').css("display", "none");
| + | |
− | $('#navli6').css("display", "none");
| + | |
− | $('#navli7').css("display", "none");
| + | |
− | });
| + | |
− | $('div#divNotebook').mouseover(function(){
| + | |
− | $('.navPic').css("height", "200px");
| + | |
− | $('.navPic').css("display", "block");
| + | |
− | $('.navPic').css({'background-image': 'url(https://static.igem.org/mediawiki/2016/6/64/T--HSiTAIWAN--navNotebook.png)'});
| + | |
| | | |
− | $('.navimg').css("width", "210px");
| + | <img src= |
− | $('.navli').css("height", "40px");
| + | 'https://static.igem.org/mediawiki/2016/d/d1/Hsitaiwan_product_parts.png' style="width:550px;height:400 px;"> |
− | $('.navli').css("width", "210px");
| + | <p class="contentP">Figure 2 Product of Shen-Nong Biosensor</p> |
− | $('.navli').css("margin", "4.5px");
| + | |
− | $('.navli').css("display", "block");
| + | |
| | | |
− | $('#navhr1').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/Notebook?locationId=Framework');
| |
− | $('#navhr2').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/Notebook?locationId=FA');
| |
− | $('#navhr3').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/Notebook?locationId=CM');
| |
− | $('#navli4').css("display", "none");
| |
− | $('#navli5').css("display", "none");
| |
− | $('#navli6').css("display", "none");
| |
− | $('#navli7').css("display", "none");
| |
− | });
| |
− | $('div#divHumanPractice').mouseover(function(){
| |
− | $('.navPic').css("height", "200px");
| |
− | $('.navPic').css("display", "block");
| |
− | $('.navPic').css({'background-image': 'url(https://static.igem.org/mediawiki/2016/9/95/T--HSiTAIWAN--navHumanPractice.png)'});
| |
| | | |
− | $('.navimg').css("width", "260px");
| + | <p class="contentP">* Funnel: Where the user put the Chinese Medicine in. </p> |
− | $('.navli').css("height", "40px");
| + | <p class="contentP">* Syringe: To let the Chinese Medicine flow into the E.coli plate. </p> |
− | $('.navli').css("width", "250px");
| + | <p class="contentP">* Filter: To remove the impurities in the Chinese Medicine</p> |
− | $('.navli').css("margin", "4.5px");
| + | <p class="contentP">* Latch: To lock the E.coli plate in the device, so user can’t take them out again.</p> |
− | $('.navli').css("display", "block");
| + | <p class="contentP">* Hibiscus: To prevent the leakage of E.coli from the device. </p> |
| + | <p class="contentP">* Sodium Percarbonate: To clean all E.coli after testing.</p> |
| | | |
− | $('#navhr1').attr("href", "https://2016.igem.org/Team:HSiTAIWAN/HumanPractice?locationId=Framework");
| + | <img src= |
− | $('#navhr2').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/HumanPractice?locationId=EO');
| + | 'https://static.igem.org/mediawiki/2016/6/68/HSiTAIWAN_BACKGROUND_PRODUCT_Figure_3_Product.jpeg' |
− | $('#navhr3').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/HumanPractice?locationId=Community');
| + | style="width:550px;height:400 px;"> |
− | $('#navhr4').attr("href", "https://2016.igem.org/Team:HSiTAIWAN/HumanPractice?locationId=PE");
| + | |
− | $('#navli5').css("display", "none");
| + | |
− | $('#navli6').css("display", "none");
| + | |
− | $('#navli7').css("display", "none");
| + | |
− | });
| + | |
− | $('div#divAchievement').mouseover(function(){
| + | |
− | $('.navPic').css("height", "200px");
| + | |
− | $('.navPic').css("display", "block");
| + | |
− | $('.navPic').css({'background-image': 'url(https://static.igem.org/mediawiki/2016/6/68/T--HSiTAIWAN--navAchievement.png)'});
| + | |
| | | |
− | $('.navimg').css("width", "250px");
| + | <p class="contentP"> Figure 3 Four different plate of our biosensor </p> |
− | $('.navli').css("height", "40px");
| + | |
− | $('.navli').css("width", "285px");
| + | |
− | $('.navli').css("margin", "4.5px");
| + | |
− | $('.navli').css("display", "block");
| + | |
| | | |
− | $('#navli1').css("display", "none");
| |
− | $('#navli2').css("display", "none");
| |
− | $('#navli3').css("display", "none");
| |
− | $('#navli4').css("display", "none");
| |
− | $('#navli5').css("display", "none");
| |
− | $('#navli6').css("display", "none");
| |
− | $('#navli7').css("display", "none");
| |
− | });
| |
− | $('div#divTeamMembers').mouseover(function(){
| |
− | $('.navPic').css("height", "200px");
| |
− | $('.navPic').css("display", "block");
| |
− | $('.navPic').css({'background-image': 'url(https://static.igem.org/mediawiki/2016/2/21/T--HSiTAIWAN--navTeam.png)'});
| |
| | | |
− | $('.navimg').css("width", "250px"); | + | <div class="fivePx"></div> |
− | $('.navli').css("height", "40px");
| + | <p class="titleTwo" id="Safety">Design of Biosafety </p> |
− | $('.navli').css("width", "285px");
| + | <p class="contentP">For the safety concern, we innovated a three-step bio-safety guarantee. First, we designed a latch that can lock the E. coli plate inside the device when they are loaded. Second, we designed a way, which is no harm to the environment, to prevent the leakage of E.coli from the device, inside of which the inner layer is covered by hibiscus. Hibiscus is a special plant which has great function of bacteria sterilization. We also conducted experiments to verify hibiscus's function of bacteria sterilization.(Figure 5)Third, after use of this device, the user twist a button to inflow sodium percarbonate to the bacteria plate. The interaction of soidum percarbonate with any organic compounds (E. coli in our case) produces hydrogen peroxide, which diffuse into the plate and kill all E.coli. These three steps secure the users safety of use.</p> |
− | $('.navli').css("margin", "4.5px");
| + | |
− | $('.navli').css("display", "block");
| + | |
| | | |
− | $('#navhr1').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/HumanPractice?locationId=InstructorAdvisor');
| |
− | $('#navhr2').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/HumanPractice?locationId=Student');
| |
− | $('#navli3').css("display", "none");
| |
− | $('#navli4').css("display", "none");
| |
− | $('#navli5').css("display", "none");
| |
− | $('#navli6').css("display", "none");
| |
− | $('#navli7').css("display", "none");
| |
− | });
| |
− | $('div#divAttributionsSponsors').mouseover(function(){
| |
− | $('.navPic').css("height", "200px");
| |
− | $('.navPic').css("display", "block");
| |
− | $('.navPic').css({'background-image': 'url(https://static.igem.org/mediawiki/2016/b/be/T--HSiTAIWAN--navAttribution.png)'});
| |
| | | |
− | $('.navimg').css("width", "250px");
| |
− | $('.navli').css("height", "40px");
| |
− | $('.navli').css("width", "285px");
| |
− | $('.navli').css("margin", "4.5px");
| |
− | $('.navli').css("display", "block");
| |
| | | |
− | $('#navli1').css("display", "none");
| + | <img src='https://static.igem.org/mediawiki/2016/0/0d/HSiTAIWAN_BACKGROUND_PRODUCT_Figure_4-1_Biosafety.png' style="width:550px;height:400 px;"> |
− | $('#navli2').css("display", "none");
| + | |
− | $('#navli3').css("display", "none");
| + | |
− | $('#navli4').css("display", "none");
| + | |
− | $('#navli5').css("display", "none");
| + | |
− | $('#navli6').css("display", "none");
| + | |
− | $('#navli7').css("display", "none");
| + | |
− | });
| + | |
| | | |
| + | <p class="contentP">Figure 4 Three-step biosafety guarantee</p> |
| | | |
− | $('div#nav').mouseleave(function(){ | + | <img src='https://static.igem.org/mediawiki/2016/e/eb/HSiTAIWAN_BACKGROUND_PRODUCT_Figure_4_Product.jpeg' style="width:550px;height:400 px;"> |
− | $('.navPic').css("height", "0px");
| + | |
− | $('.navPic').css("display", "none");
| + | |
− | });
| + | |
| | | |
| | | |
− |
| |
| | | |
− | $('#divHome').click(function(){ location.href="https://2016.igem.org/Team:HSiTAIWAN"; });
| |
− | $('#divBackground').click(function(){ location.href="https://2016.igem.org/Team:HSiTAIWAN/Background"; });
| |
− | $('#divParts').click(function(){ location.href="https://2016.igem.org/Team:HSiTAIWAN/Parts"; });
| |
− | $('#divProject').click(function(){ location.href="https://2016.igem.org/Team:HSiTAIWAN/Project"; });
| |
− | $('#divProduct').click(function(){ location.href="https://2016.igem.org/Team:HSiTAIWAN/Product"; });
| |
− | $('#divNotebook').click(function(){ location.href="https://2016.igem.org/Team:HSiTAIWAN/Notebook"; });
| |
− | $('#divHumanPractice').click(function(){ location.href="https://2016.igem.org/Team:HSiTAIWAN/HumanPractice"; });
| |
− | $('#divAchievement').click(function(){ location.href="https://2016.igem.org/Team:HSiTAIWAN/Achievement"; });
| |
− | $('#divTeamMembers').click(function(){ location.href="https://2016.igem.org/Team:HSiTAIWAN/TeamMembers"; });
| |
− | $('#divAttributionsSponsors').click(function(){ location.href="https://2016.igem.org/Team:HSiTAIWAN/AttributionsSponsors"; });
| |
| | | |
− | var keyWord = location.href.substring(38);
| + | <p class="contentP">Figure 5 Hibiscus's function of bacteria sterilization</p> |
− | if(keyWord.match("Background") != null){
| + | |
− | document.getElementById("divBackground").style.borderBottom = "4px solid #6D2E1A";
| + | <p class="contentP">In this figure, we can see that hibiscus can inhibit the growth of E.coli effectively.</p> |
− | }else if(keyWord.match("Parts") != null){
| + | |
− | document.getElementById("divParts").style.borderBottom = "4px solid #6D2E1A";
| + | |
− | }else if(keyWord.match("Project") != null){
| + | |
− | document.getElementById("divProject").style.borderBottom = "4px solid #6D2E1A";
| + | |
− | }else if(keyWord.match("Product") != null){
| + | |
− | document.getElementById("divProduct").style.borderBottom = "4px solid #6D2E1A";
| + | |
− | }else if(keyWord.match("Notebook") != null){
| + | |
− | document.getElementById("divNotebook").style.borderBottom = "4px solid #6D2E1A";
| + | |
− | }else if(keyWord.match("HumanPractice") != null){
| + | |
− | document.getElementById("divHumanPractice").style.borderBottom = "4px solid #6D2E1A";
| + | |
− | }else if(keyWord.match("Achievement") != null){
| + | |
− | document.getElementById("divAchievement").style.borderBottom = "4px solid #6D2E1A";
| + | |
− | }else if(keyWord.match("TeamMembers") != null){
| + | |
− | document.getElementById("divTeamMembers").style.borderBottom = "4px solid #6D2E1A";
| + | |
− | }else if(keyWord.match("AttributionsSponsors") != null){
| + | |
− | document.getElementById("divAttributionsSponsors").style.borderBottom = "4px solid #6D2E1A";
| + | |
− | }else{
| + | |
− | document.getElementById("divHome").style.borderBottom = "4px solid #6D2E1A";
| + | |
− | }
| + | |
− | });
| + | |
− | </script>
| + | |
− | </body> | + | |
| | | |
− | <head> | + | <div class="fivePx"></div> |
| + | <p class="titleTwo" id="Results">User Guide</p> |
| + | <p class="contentP">Our device is sample and safe for anyone to use. Users only have to put the Chinese Medicine into the device and then wait two hours for the result. They can tell if there’s any poison in the Chinese Medicine easily by observing whether the E.coli produce fluorescence or not. Finally, users just have to twist the button to let the Sodium Percarbonate kill all the E.coli in the device without contacting any bacteria.</p> |
| | | |
− | <style type="text/css"> | + | <img src= |
− | .bigName{
| + | 'https://static.igem.org/mediawiki/2016/e/e4/HSiTAIWAN_BACKGROUND_PRODUCT_Figure_2_User_Guide_of_Shen-Non_Biosensor.jpeg' style="width:550px;height:400 px;"> |
− | background-color: #974040;
| + | <p class="contentP">Figure 6 User Guide of Biosensor</p> |
− | background-image: url('https://static.igem.org/mediawiki/2016/f/f4/T--HSiTAIWAN--HTBanner.png');
| + | |
− | background-size: contain;
| + | |
− | background-position:center;
| + | |
− | background-repeat:no-repeat;
| + | |
− | }
| + | |
− | .bigName p{
| + | |
− | z-index: 3;
| + | |
− | //background:#C7C7C7;
| + | |
− | color: #C7C7C7;
| + | |
− | text-align: left;
| + | |
− | margin:68px 0px 0px 0px;
| + | |
− | padding:0px;
| + | |
− | padding-left:8%;
| + | |
− | line-height: 200px;
| + | |
− | font-size: 72px;
| + | |
− | font-family: Verdana, Geneva, sans-serif;
| + | |
− | font-weight: bolder;
| + | |
− | text-transform: uppercase;
| + | |
− | }
| + | |
− | .myContent{
| + | |
− | width: 1000px;
| + | |
− | margin: 0px auto;
| + | |
− | min-height: 300px;
| + | |
− | padding: 0px;
| + | |
− | font-family: "Palatino Linotype","Times New Roman",Georgia, Times, serif;
| + | |
− | }
| + | |
− | #contentList{
| + | |
− | margin-top:20px; | + | |
− | float: left;
| + | |
− | width: 155px;
| + | |
− | font-family: Arial, Helvetica, sans-serif;
| + | |
− | font-size: 16px;
| + | |
− | }
| + | |
− | .listOne{
| + | |
− | list-style-type: none;
| + | |
− | }
| + | |
− | #listOne p{
| + | |
− | font-size: 16px;
| + | |
− | }
| + | |
− | .listOne p:hover{
| + | |
− | border-left: 3px solid #6D2E1A;
| + | |
− | padding-left:10px;
| + | |
− | }
| + | |
− | .listOneDrop{
| + | |
− | display:block;
| + | |
− | }
| + | |
− | .listTwo{
| + | |
− | list-style-type: none;
| + | |
− | margin-left: 10px;
| + | |
− | font-family:"Palatino Linotype", Arial, "Book Antiqua", Palatino, serif;
| + | |
− | font-size: 16px;
| + | |
− | }
| + | |
− | .listTwo:hover{
| + | |
− | border-left: 2px solid #6D2E1A;
| + | |
− | padding-left:5px;
| + | |
− | }
| + | |
− | #mainContent{
| + | |
− | float:right;
| + | |
− | width:80%;
| + | |
− | }
| + | |
− | #mainContent .titleOne{
| + | |
− | margin-top:15px;
| + | |
− | text-align: center;
| + | |
− | font-size: 30px;
| + | |
− | font-family: Verdana, Tahoma, Arial, Helvetica;
| + | |
− | font-weight: bolder;
| + | |
− | line-height: 55px;
| + | |
− | background:#C7C7C7;
| + | |
− | color: #FFF;
| + | |
− | }
| + | |
− | #mainContent .titleTwo{
| + | |
− | text-align: left;
| + | |
− | font-size: 25px;
| + | |
− | font-family: Helvetica,Arial,Tahoma,Verdana;
| + | |
− | font-weight: bold;
| + | |
− | line-height: 40px;
| + | |
− | color:#626231;
| + | |
− | }
| + | |
| | | |
− | #mainContent .contentP{
| |
− | text-align: justify;
| |
− | text-indent: 3%;
| |
− | font-size: 18px;
| |
− | font-family: "Times New Roman",Georgia, Times, "Book Antiqua","MS Serif";
| |
− | text-decoration: none;
| |
− | }
| |
− | #mainContent .divider{
| |
− | margin-top:10px;
| |
− | width:100%;
| |
− | height:25px;
| |
− | background:#eee;
| |
− | }
| |
− | </style>
| |
− | </head>
| |
| | | |
| + | <p class="contentP">In conclusion, our product can efficiently detect the toxins in Chinese medicine. This product is eco-friendly and has high quality of bio-safety.</p> |
| | | |
− | <body>
| |
− | <!-- ---------------- script --------------- -->
| |
− | <script type="text/javascript">
| |
− | //------------向下滾動超過一定距離時,左方列表固定在指定位置-----------//
| |
− | function fixContentList(scrollTop,contentList){
| |
− | if( scrollTop >= 200 ) {
| |
− | contentList.css("position","fixed");
| |
− | contentList.css("top","78px");
| |
− | } else {
| |
− | contentList.css("position","static");
| |
− | }
| |
− | }
| |
| | | |
− | </script> | + | <div class="fivePx"></div> |
| + | <p class="titleTwo" id="Patent Application">Patent Application</p> |
| | | |
| + | <p class="contentP">The fallowing pictures are working for patent application.</p> |
| | | |
− | </body> | + | <img src= |
| + | 'https://static.igem.org/mediawiki/2016/e/eb/HSiTAIWAN_BACKGROUND_PRODUCT_Device_1.jpeg' style="width:550px;height:400 px;"> |
| | | |
| + | <p class="contentP">Figure 7 Outside Box</p> |
| | | |
− | <head> | + | <img src= |
− | <style type="text/css">
| + | 'https://static.igem.org/mediawiki/2016/a/af/HSiTAIWAN_BACKGROUND_PRODUCT_Device_2.jpeg' style="width:550px;height:400 px;"> |
− | .bannerDiv{
| + | |
− | float:left;
| + | |
− | height:200px;
| + | |
− | width:200px;
| + | |
− | }
| + | |
| | | |
− | .myTable{
| + | <p class="contentP">Figure 8 Inner E.coli Plate</p> |
− | background:#CACA95; | + | |
− | width:600px;
| + | |
− | text-align:left;
| + | |
− | font-size: 15px;
| + | |
− | font-family: "Palatino Linotype", "MS Serif",Helvetica,"Times New Roman";
| + | |
− | }
| + | |
− | #tableParts{
| + | |
− | width:680px;
| + | |
− | }
| + | |
− | .myTable th{ | + | |
− | /* background:#FF8000; */ | + | |
− | background:#A6A653;
| + | |
− | padding:6px 10px;
| + | |
− | color:#FFF;
| + | |
− | font-weight:bold;
| + | |
− | }
| + | |
− | .myTable td{
| + | |
− | padding:3px 10px;
| + | |
− | }
| + | |
− | #mainContent h3{
| + | |
− | color:#BD5F00;
| + | |
− | font-family: Helvetica,Arial,Tahoma,Verdana;
| + | |
− | font-size:20px;
| + | |
− | line-height:35px;
| + | |
− | }
| + | |
− | #mainContent h4{
| + | |
− | color:#BD5F00;
| + | |
− | font-family: Helvetica,Arial,Tahoma,Verdana;
| + | |
− | font-size:17px;
| + | |
− | line-height:30px;
| + | |
− | }
| + | |
| | | |
− | .reference{
| + | <img src= |
− | text-align: left;
| + | 'https://static.igem.org/mediawiki/2016/4/4a/HSiTAIWAN_BACKGROUND_PRODUCT_Device_3.jpeg' style="width:550px;height:400 px;"> |
− | font-style:italic;
| + | |
− | font-weight:bold;
| + | |
− | font-size: 15px;
| + | |
− | color:#753A00;
| + | |
− | font-family: "Palatino Linotype", "MS Serif",Helvetica;
| + | |
− | }
| + | |
| | | |
− | .imgIntroduction{
| + | <p class="contentP">Figure 9 Lid of The Inner E.coli Plate</p> |
− | text-indent: 3%; | + | |
− | font-size: 15px;
| + | |
− | text-align: justify;
| + | |
− | line-height: 25px;
| + | |
− | font-family: "Palatino Linotype", "MS Serif", Verdana;
| + | |
− | color:#069;
| + | |
− | }
| + | |
| | | |
− | .chartName{
| + | <img src= |
− | text-align: center; | + | 'https://static.igem.org/mediawiki/2016/1/12/HSiTAIWAN_BACKGROUND_PRODUCT_Device_4.jpeg' style="width:550px;height:400 px;"> |
− | font-size: 17px;
| + | |
− | color:#960;
| + | |
− | font-family: "Palatino Linotype", "MS Serif",Helvetica;
| + | |
− | }
| + | |
− | .tdTick,.tdTickOnly{
| + | |
− | background: url(https://static.igem.org/mediawiki/2015/a/ad/China-Tongji-Achievement-tick.png) no-repeat center center;
| + | |
− | background-size:50px 30px;
| + | |
− | }
| + | |
− | .tdTick:hover{
| + | |
− | cursor:pointer;
| + | |
− | }
| + | |
| | | |
− | .equipmentPic{
| + | <p class="contentP">Figure 10 Button of The Sodium Percarbonate Capsule</p> |
− | width:680px; | + | |
− | height:446px;
| + | |
− | background:#FFF;
| + | |
− | border:solid 3px #666;
| + | |
− | margin:5px auto;
| + | |
− | overflow:hidden;
| + | |
− | text-align:center;
| + | |
− | display:none;
| + | |
− | }
| + | |
− | .equipImg{
| + | |
− | height:400px;
| + | |
− | }
| + | |
− | .imgWords{
| + | |
− | text-align: left;
| + | |
− | font-size: 18px;
| + | |
− | font-family: "Palatino Linotype", "MS Serif", Verdana,Arial,Helvetica,Tahoma;
| + | |
− | font-weight: bold;
| + | |
− | line-height: 40px;
| + | |
− | color:#FFF;
| + | |
− | text-indent:5px;
| + | |
− | background-color:#666;
| + | |
− | }
| + | |
− | .partsPicDiv{
| + | |
− | display:none;
| + | |
− | }
| + | |
| | | |
− | .resultImg{
| + | <img src= |
− | margin:10px;
| + | 'https://static.igem.org/mediawiki/2016/c/c0/HSiTAIWAN_BACKGROUND_PRODUCT_Device_5.jpeg' style="width:550px;height:400 px;"> |
− | }
| + | |
− | #mainContent .resultImgName{
| + | |
− | font-size: 15px;
| + | |
− | text-align:center;
| + | |
− | margin:0px;
| + | |
− | line-height: 25px;
| + | |
− | font-family: "Palatino Linotype", "MS Serif", Verdana;
| + | |
− | color:#069;
| + | |
− | }
| + | |
| | | |
− | .tableTwoTd{
| + | <p class="contentP">Figure 11 Bolt of The Inner E.coli Plate</p> |
− | padding:2px; | + | |
− | }
| + | |
− | .tableTwoTd td{ | + | |
− | padding:10px;
| + | |
− | width:380px;
| + | |
− | background-color:#F0F0F0;
| + | |
− | }
| + | |
− | .linkWords{
| + | |
− | font-weight:bold;
| + | |
− | }
| + | |
− | .linkWords:hover{
| + | |
− | color:#F0F;
| + | |
− | }
| + | |
| | | |
− |
| |
− | </style>
| |
− | </head>
| |
− |
| |
− | <body>
| |
− | <!-- Content Start -->
| |
− | <div class="bigName">
| |
− | <div class="bannerDiv">
| |
− |
| |
− | </div>
| |
− | <p align="left"> </p>
| |
− | </div>
| |
− |
| |
− |
| |
− | <!-- MyContent Start -->
| |
− | <div class="myContent">
| |
− | <div id="contentList">
| |
− |
| |
− | <li class="listOne"><p id="list1" onClick="window.scrollTo(0,document.getElementById('FirstTitle').offsetTop-50)">FirstTitle</p>
| |
− | <ul class="listOneDrop" id="listDrop1">
| |
− | <li class="listTwo" id="listfirst1" onClick="window.scrollTo(0,document.getElementById('1-1').offsetTop-50)">1-1 Introduction</li>
| |
− | <li class="listTwo" id="listfirst2" onClick="window.scrollTo(0,document.getElementById('1-2').offsetTop-50)">1-2 Design of Biosensor Function</li>
| |
− | <li class="listTwo" id="listfirst3" onClick="window.scrollTo(0,document.getElementById('1-3').offsetTop-50)">1-3 Design of Biosafety </li>
| |
− | <li class="listTwo" id="listfirst4" onClick="window.scrollTo(0,document.getElementById('1-4').offsetTop-50)">1-4 Notes</li>
| |
− | </ul>
| |
− | </li>
| |
− | </div>
| |
− |
| |
− | <div id='mainContent'>
| |
− | <!-- 右方內文 -->
| |
− |
| |
− | <!-- Introduction -->
| |
− | <p class="titleOne" id="FirstTitle">Product</p>
| |
− |
| |
− | <div class="fivePx"></div>
| |
− | <p class="titleTwo" id="1-1">1-1 Introduction</p>
| |
− | <p class="contentP">We designed an E.coli biosensor to detect the poison in the Chinese Medicine. When E.coli detects the poison, the device will show fluorescence to quickly warn the user of the existence of poison in Chinese medicine. Our product fulfills most of the requirements and the standards that the government set for detecting toxins/heavy metals in Chinese Medicine. We also innovate design for eco-friendly biosafety guarantee. </p>
| |
− |
| |
− | <div class="fivePx"></div>
| |
− | <p class="titleTwo" id="1-2">1-2 Design of Biosensor Function</p>
| |
− | <p class="contentP"> 1-2text</p>
| |
− |
| |
| <div class="fivePx"></div> | | <div class="fivePx"></div> |
− | <p class="titleTwo" id="1-3">1-3 Design of Biosafety </p>
| |
− | <p class="contentP">1-3text</p>
| |
− |
| |
− | <div class="fivePx"></div>
| |
− | <p class="titleTwo" id="1-4">1-4 Notes</p>
| |
− | <p class="contentP">1-4text</p>
| |
− |
| |
− | <p></p>
| |
− | <div class="divider"></div>
| |
− |
| |
− |
| |
− | <div class="fivePx"></div><div class="fivePx"></div>
| |
− |
| |
− |
| |
− |
| |
− | <br>
| |
| <div class="divider"></div> | | <div class="divider"></div> |
| </div> | | </div> |
Line 780: |
Line 159: |
| | | |
| //側邊欄定位 | | //側邊欄定位 |
− | $('#listfirst1').click(function(){$('html,body').animate({scrollTop: $('#1-1').offset().top-78}, 1000);}); | + | $('#list1').click(function(){$('html,body').animate({scrollTop: $('#FirstTitle').offset().top-78}, 1000);}); |
− | $('#listfirst2').click(function(){$('html,body').animate({scrollTop: $('#1-2').offset().top-78}, 1000);}); | + | $('#listfirst1').click(function(){$('html,body').animate({scrollTop: $('#Framework').offset().top-78}, 1000);}); |
− | $('#listfirst3').click(function(){$('html,body').animate({scrollTop: $('#1-3').offset().top-78}, 1000);}); | + | $('#listfirst2').click(function(){$('html,body').animate({scrollTop: $('#Design').offset().top-78}, 1000);}); |
− | $('#listfirst4').click(function(){$('html,body').animate({scrollTop: $('#1-4').offset().top-78}, 1000);}); | + | $('#listfirst3').click(function(){$('html,body').animate({scrollTop: $('#Safety').offset().top-78}, 1000);}); |
| + | $('#listfirst4').click(function(){$('html,body').animate({scrollTop: $('#Results').offset().top-78}, 1000);}); |
| | | |
| | | |