Line 1: | Line 1: | ||
<html> | <html> | ||
− | + | ||
<head> | <head> | ||
− | + | <style>#content{ background-attachment: scroll; background-clip: border-box; background-color: rgb(255, 255, 255); background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto auto; border-bottom-color: rgb(0, 0, 0); border-bottom-style: none; border-bottom-width: 0px; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-image-slice: 100% 100% 100% 100%; border-image-source: none; border-image-width: 1 1 1 1; border-left-color: rgb(0, 0, 0); border-left-style: none; border-left-width: 0px; border-right-color: rgb(0, 0, 0); border-right-style: none; border-right-width: 0px; border-top-color: rgb(0, 0, 0); border-top-style: none; border-top-width: 0px; color: rgb(0, 0, 0); font-family: sans-serif; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: 12.7px; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-variant-alternates: normal; font-variant-caps: normal; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-position: normal; font-weight: 400; line-height: 19.05px; margin-bottom: 0px; margin-left: -24px; margin-right: 0px; margin-top: -5px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: relative; width: 1371.92px; z-index: 2; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; } #top_title{display:none;} #sideMenu{display:none;}</style> | |
− | + | <meta charset="utf-8"> | |
− | + | ||
− | background-clip: border-box; | + | |
− | background-color: rgb(255, 255, 255); | + | |
− | background-image: none; | + | |
− | background-origin: padding-box; | + | |
− | background-position: 0% 0%; | + | |
− | background-repeat: repeat; | + | |
− | background-size: auto auto; | + | |
− | border-bottom-color: rgb(0, 0, 0); | + | |
− | border-bottom-style: none; | + | |
− | border-bottom-width: 0px; | + | |
− | border-image-outset: 0 0 0 0; | + | |
− | border-image-repeat: stretch stretch; | + | |
− | border-image-slice: 100% 100% 100% 100%; | + | |
− | border-image-source: none; | + | |
− | border-image-width: 1 1 1 1; | + | |
− | border-left-color: rgb(0, 0, 0); | + | |
− | border-left-style: none; | + | |
− | border-left-width: 0px; | + | |
− | border-right-color: rgb(0, 0, 0); | + | |
− | border-right-style: none; | + | |
− | border-right-width: 0px; | + | |
− | border-top-color: rgb(0, 0, 0); | + | |
− | border-top-style: none; | + | |
− | border-top-width: 0px; | + | |
− | color: rgb(0, 0, 0); | + | |
− | font-family: sans-serif; | + | |
− | font-feature-settings: normal; | + | |
− | font-kerning: auto; | + | |
− | font-language-override: normal; | + | |
− | font-size: 12.7px; | + | |
− | font-size-adjust: none; | + | |
− | font-stretch: normal; | + | |
− | font-style: normal; | + | |
− | font-synthesis: weight style; | + | |
− | font-variant: normal; | + | |
− | font-variant-alternates: normal; | + | |
− | font-variant-caps: normal; | + | |
− | font-variant-east-asian: normal; | + | |
− | font-variant-ligatures: normal; | + | |
− | font-variant-numeric: normal; | + | |
− | font-variant-position: normal; | + | |
− | font-weight: 400; | + | |
− | line-height: 19.05px; | + | |
− | margin-bottom: 0px; | + | |
− | margin-left: -24px; | + | |
− | margin-right: 0px; | + | |
− | margin-top: -5px; | + | |
− | padding-bottom: 0px; | + | |
− | padding-left: 0px; | + | |
− | padding-right: 0px; | + | |
− | padding-top: 0px; | + | |
− | position: relative; | + | |
− | width: 1371.92px; | + | |
− | z-index: 2; | + | |
− | -moz-border-bottom-colors: none; | + | |
− | -moz-border-left-colors: none; | + | |
− | -moz-border-right-colors: none; | + | |
− | -moz-border-top-colors: none; | + | |
− | + | ||
− | } | + | |
− | + | ||
− | + | ||
− | </style> | + | |
− | + | ||
<meta name="HandheldFriendly" content="True" /> | <meta name="HandheldFriendly" content="True" /> | ||
<meta name="MobileOptimized" content="320" /> | <meta name="MobileOptimized" content="320" /> | ||
Line 150: | Line 85: | ||
<a class="nav-global__link" title="" href="/support/">ATTRIBUTIONS</a></li> | <a class="nav-global__link" title="" href="/support/">ATTRIBUTIONS</a></li> | ||
<li class="nav-global__item trigger "> | <li class="nav-global__item trigger "> | ||
− | <a class="nav-global__link" title="" href="/support/">HUMAN<br/>PRACTICES</a></li> | + | <a class="nav-global__link" title="" href="/support/">HUMAN |
+ | <br/>PRACTICES</a></li> | ||
<li class="nav-global__item trigger "> | <li class="nav-global__item trigger "> | ||
<a class="nav-global__link" title="" href="/support/">AWARDSY</a></li> | <a class="nav-global__link" title="" href="/support/">AWARDSY</a></li> | ||
</ul> | </ul> | ||
− | <style> | + | <style>#menu06{width:200px;right:0px;} #menu07{width:200px;right:0px;} #menu01 .arrow-up{margin-right:90px;} #menu02 .arrow-up{margin-right:90px;} #menu03 .arrow-up{margin-right:90px;} #menu06 .arrow-up{margin-right:120px;} #menu07 .arrow-up{margin-right:27px;} #menu01{width:200px;right:440px;} #menu02{width:200px;right:368px;} #menu03{width:200px;right:293px;} @media screen and (max-width: 64em) { #menu01{right:450px;} #menu02{right:378px;} #menu03{right:303px;} #menu06 .arrow-up{margin-right:130px;} #menu07 .arrow-up{margin-right:37px;} }</style> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | @media screen and (max-width: 64em) { | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | </style> | + | |
<div class="content support" id="menu01"> | <div class="content support" id="menu01"> | ||
<div class="arrow-up"></div> | <div class="arrow-up"></div> | ||
Line 256: | Line 169: | ||
<!--div class="arrow-up"></div--> | <!--div class="arrow-up"></div--> | ||
<div class="column-1"> | <div class="column-1"> | ||
− | <nav class="dropdown-arrow-list"> | + | <nav class="dropdown-arrow-list"></nav> |
− | + | ||
</div> | </div> | ||
<div class="column-2"> | <div class="column-2"> | ||
Line 274: | Line 186: | ||
<!--div class="arrow-up"></div--> | <!--div class="arrow-up"></div--> | ||
<div class="column-1"> | <div class="column-1"> | ||
− | <nav class="dropdown-arrow-list"> | + | <nav class="dropdown-arrow-list"></nav> |
− | + | ||
</div> | </div> | ||
<div class="column-2"> | <div class="column-2"> | ||
Line 349: | Line 260: | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | </nav> | |
− | <style> | + | <style>.nav-global ul li a{ font-size:12px; } @media screen and (max-width: 865px) { .nav-global ul li a{ font-size:12px; } }</style> |
− | .nav-global ul li a{ | + | <div class="breadcrumb-share-wrap"> |
− | + | ||
− | } | + | |
− | @media screen and (max-width: 865px) { | + | |
− | .nav-global ul li a{ | + | |
− | + | ||
− | } | + | |
− | + | ||
− | } | + | |
− | </style> | + | |
− | + | ||
− | + | ||
<div class="breadcrumb"></div> | <div class="breadcrumb"></div> | ||
<!-- <div class="share"> | <!-- <div class="share"> | ||
Line 391: | Line 291: | ||
<h1 class="bh__title "> | <h1 class="bh__title "> | ||
<!--<a href="#">--> | <!--<a href="#">--> | ||
− | + | <span class="line-wrap"> | |
− | + | <span class="line">Cancer,</span></span> | |
− | + | <br> | |
− | + | <span style="line-height:75px;" class="line-wrap"> | |
− | + | <span style="line-height:75px;" class="line">No More Hiding</span></span> | |
− | <!--</a>--> | + | <!--</a>--></h1> |
− | + | ||
<h2 style="font-size:36px;" class="bh__title "> | <h2 style="font-size:36px;" class="bh__title "> | ||
<!--<a href="#">--> | <!--<a href="#">--> | ||
− | + | <span style="line-height:41px;" class="line-wrap"> | |
− | + | <span style="line-height:41px;" class="line">Development of A Novel</span></span> | |
− | + | <span style="line-height:41px;" class="line-wrap"> | |
− | + | <span style="line-height:41px;" class="line">Blood-MicroRNA Rapid Detection System with CRISPR</span></span> | |
− | <!--</a>--> | + | <!--</a>--></h2> |
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
Line 464: | Line 362: | ||
<h5 class="column-header">TEAM</h5> | <h5 class="column-header">TEAM</h5> | ||
<div class="menu-link-container"> | <div class="menu-link-container"> | ||
− | + | <ul> | |
− | + | <li> | |
− | + | <a href="/support/membership/">team</a></li> | |
− | + | <li> | |
− | + | <a href="/support/donate/">collaborations</a></li> | |
− | + | </ul> | |
</div> | </div> | ||
</div> | </div> | ||
Line 475: | Line 373: | ||
<h5 class="column-header">PROJECT</h5> | <h5 class="column-header">PROJECT</h5> | ||
<div class="menu-link-container"> | <div class="menu-link-container"> | ||
− | + | <ul> | |
− | + | <li> | |
− | + | <a href="/support/membership/">description</a></li> | |
− | + | <li> | |
− | + | <a href="/support/donate/">design</a></li> | |
− | + | <li> | |
− | + | <a href="/support/corporate-and-foundation/corporate-support/">experiments</a></li> | |
− | + | <li> | |
− | + | <a href="/support/corporate-and-foundation/foundation-support/">proof of concept</a></li> | |
− | + | <li> | |
− | + | <a href="/support/volunteer/">demonstrate</a></li> | |
− | + | <li> | |
− | + | <a href="/support/volunteer/">results</a></li> | |
− | + | <li> | |
− | + | <a href="/support/volunteer/">notebook</a></li> | |
− | + | </ul> | |
</div> | </div> | ||
</div> | </div> | ||
Line 496: | Line 394: | ||
<h5 class="column-header">PARTS</h5> | <h5 class="column-header">PARTS</h5> | ||
<div class="menu-link-container"> | <div class="menu-link-container"> | ||
− | + | <ul> | |
− | + | <li> | |
− | + | <a href="/support/membership/">parts</a></li> | |
− | + | <li> | |
− | + | <a href="/support/donate/">basic parts</a></li> | |
− | + | <li> | |
− | + | <a href="/support/corporate-and-foundation/corporate-support/">composite parts</a></li> | |
− | + | <li> | |
− | + | <a href="/support/corporate-and-foundation/foundation-support/">part collection</a></li> | |
− | + | </ul> | |
</div> | </div> | ||
</div> | </div> | ||
<div class="medium-6 columns" style="width:auto;"> | <div class="medium-6 columns" style="width:auto;"> | ||
<h5 class="column-header">SAFETY</h5> | <h5 class="column-header">SAFETY</h5> | ||
− | <div class="menu-link-container"> | + | <div class="menu-link-container"></div> |
− | + | ||
</div> | </div> | ||
<div class="medium-6 columns" style="width:auto;"> | <div class="medium-6 columns" style="width:auto;"> | ||
<h5 class="column-header">ATTRIBUTIONS</h5> | <h5 class="column-header">ATTRIBUTIONS</h5> | ||
− | <div class="menu-link-container"> | + | <div class="menu-link-container"></div> |
− | + | ||
</div> | </div> | ||
<div class="medium-6 columns" style="width:auto;"> | <div class="medium-6 columns" style="width:auto;"> | ||
Line 522: | Line 418: | ||
<BR/>PRACTICES</h5> | <BR/>PRACTICES</h5> | ||
<div class="menu-link-container"> | <div class="menu-link-container"> | ||
− | + | <ul> | |
− | + | <li> | |
− | + | <a href="/support/membership/">human practices</a></li> | |
− | + | <li> | |
− | + | <a href="/support/donate/">silver</a></li> | |
− | + | <li> | |
− | + | <a href="/support/corporate-and-foundation/corporate-support/">gold</a></li> | |
− | + | <li> | |
− | + | <a href="/support/corporate-and-foundation/foundation-support/">integrated practices</a></li> | |
− | + | <li> | |
− | + | <a href="/support/volunteer/">engagement</a></li> | |
− | + | </ul> | |
</div> | </div> | ||
</div> | </div> | ||
Line 539: | Line 435: | ||
<h5 class="column-header">AWARDS</h5> | <h5 class="column-header">AWARDS</h5> | ||
<div class="menu-link-container"> | <div class="menu-link-container"> | ||
− | + | <ul> | |
− | + | <li> | |
− | + | <a href="/support/membership/">enterpreneurship</a></li> | |
− | + | <li> | |
− | + | <a href="/support/donate/">hardware</a></li> | |
− | + | <li> | |
− | + | <a href="/support/corporate-and-foundation/corporate-support/">software</a></li> | |
− | + | <li> | |
− | + | <a href="/support/corporate-and-foundation/foundation-support/">measurement</a></li> | |
− | + | <li> | |
− | + | <a href="/support/volunteer/">model</a></li> | |
− | + | </ul> | |
</div> | </div> | ||
</div> | </div> | ||
Line 571: | Line 467: | ||
<!--ul class="arrow-list footer-support-links"> | <!--ul class="arrow-list footer-support-links"> | ||
<li><a href="/support/membership/">Become a member</a></li> | <li><a href="/support/membership/">Become a member</a></li> | ||
− | <li><a href="/support/donate/">Donate now</a></li></ul--></div> | + | <li><a href="/support/donate/">Donate now</a></li></ul--></div></div> |
− | + | ||
<!-- end .columns --> | <!-- end .columns --> | ||
<div class="medium-6 columns" style="border:solid 0px red;right:0px;width:600px;"> | <div class="medium-6 columns" style="border:solid 0px red;right:0px;width:600px;"> | ||
Line 604: | Line 499: | ||
<!-- end .row --></footer> | <!-- end .row --></footer> | ||
</div> | </div> | ||
− | |||
<!-- end .inner-wrap --> | <!-- end .inner-wrap --> | ||
<div id="my-visit-container"></div> | <div id="my-visit-container"></div> | ||
Line 611: | Line 505: | ||
<!-- <div style="border:solid 5px yellow;"><div class="row footer-link" style="border:solid 1px red;">ink</div></div> | <!-- <div style="border:solid 5px yellow;"><div class="row footer-link" style="border:solid 1px red;">ink</div></div> | ||
--> | --> | ||
− | |||
− | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 03:20, 9 October 2016