Difference between revisions of "Team:Worldshaper-Wuhan/Demonstrate"

(Prototype team page)
 
 
(2 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{Worldshaper-Wuhan}}
 
  
 
<html>
 
<html>
 +
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"/>
 +
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/wuhan/css/wiki_edit.css" />
 +
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/wuhan/css/site.css" />
 +
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/wuhan/css/css.css" />
 +
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/wuhan/css/main.css" />
 +
<section class="show-products-category-navigation page-borders-thick canvas-style-normal header-subtitle-none banner-alignment-center blog-layout-center project-layout-left-sidebar thumbnails-on-open-page-show-all social-icon-style-round  hide-info-footer  hide-article-author  event-show-past-events event-thumbnails event-thumbnail-size-32-standard event-date-label  event-list-show-cats event-list-date event-list-time event-list-address  event-icalgcal-links  event-excerpts event-item-back-link product-list-titles-under product-list-alignment-center product-item-size-11-square  product-gallery-size-11-square product-gallery-auto-crop show-product-price show-product-item-nav product-social-sharing newsletter-style-dark hide-opentable-icons opentable-style-dark small-button-style-solid small-button-shape-square medium-button-style-solid medium-button-shape-square large-button-style-solid large-button-shape-square image-block-poster-text-alignment-center image-block-card-dynamic-font-sizing image-block-card-content-position-center image-block-card-text-alignment-left image-block-overlap-dynamic-font-sizing image-block-overlap-content-position-center image-block-overlap-text-alignment-left image-block-collage-dynamic-font-sizing image-block-collage-content-position-top image-block-collage-text-alignment-left image-block-stack-dynamic-font-sizing image-block-stack-text-alignment-left button-style-outline button-corner-style-square tweak-product-quick-view-button-style-floating tweak-product-quick-view-button-position-bottom tweak-product-quick-view-lightbox-excerpt-display-truncate tweak-product-quick-view-lightbox-show-arrows tweak-product-quick-view-lightbox-show-close-button tweak-product-quick-view-lightbox-controls-weight-light native-currency-code-usd collection-type-page collection-5990133859cc681bb449c9ba collection-layout-default homepage mobile-style-available logo-image">
 +
<div id="canvas">
 +
<div id="mobileNav" class="menu-open">
 +
<div class="wrapper">
 +
<nav class="main-nav mobileNav" >
 +
<ul>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan">Home</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/about-us">About Us</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Background">Background</a>
 +
</li>
 +
<li class="folder-collection folder">
 +
<input type="checkbox" name="mobile-folder-toggle-59916eb759cc681bb4584222" id="mobile-folder-toggle-59916eb759cc681bb4584222" class="folder-toggle-box hidden" />
 +
<label for="mobile-folder-toggle-59916eb759cc681bb4584222" class="folder-toggle-label" onclick data-href="/project/">Project</label>
 +
<div class="subnav">
 +
<ul>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/solution-and-design">Solution and Design</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Results">Results</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Model">Model</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Parts">Parts</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Demonstrate">Measurement</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/procedure">Procedure</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Notebook">Notebook</a>
 +
</li>
 +
</ul>
 +
</div>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Safety">Safety</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Human-Practice">Human Practice</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Collaborations">Collaboration</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/InterLab">InterLab</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Attributions">Attributions</a>
 +
</li>
 +
<li class="folder-collection folder">
 +
<input type="checkbox" name="mobile-folder-toggle-59926c70f7e0ab4ab234fd0e" id="mobile-folder-toggle-59926c70f7e0ab4ab234fd0e" class="folder-toggle-box hidden" />
 +
<label for="mobile-folder-toggle-59926c70f7e0ab4ab234fd0e" class="folder-toggle-label" onclick data-href="/outside-support/">Awards</label>
 +
<div class="subnav">
 +
<ul>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/HP/Gold_Integrated">Achievement</a>
 +
</li>
  
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Engagement">Survey Result</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Applied_Design">Applied Design</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/HP/Silver">Silver</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/gold">Gold</a>
 +
</li>
 +
</ul>
 +
</div>
 +
</li>
 +
</ul>
 +
</nav>
 +
</div>
 +
</div>
 +
<div id="mobileMenuLink">
 +
<a>Menu</a>
 +
</div>
  
 +
<header id="header" class="clearfix">
 +
<div id="upper-logo">
 +
<h1 class="logo" data-content-field="site-title">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan">
 +
<img src="https://static.igem.org/mediawiki/2017/7/7a/T-Worldshaper-Wuhan-logo.png" alt="WorldShaper-Wuhan" />
 +
</a>
 +
</h1>
 +
</div>
 +
<div class="site-info" data-content-field="business-information">
 +
<div class="site-address">Street Address</div>
 +
<div class="site-city-state">City, State, Zip</div>
 +
<div class="site-phone">Phone Number</div>
 +
</div>
 +
<div class="site-tag-line"></div>
  
−
<div class="column full_size judges-will-not-evaluate">
+
<div class="custom-info">
−
<h3>★  ALERT! </h3>
+
<div class="sqs-layout sqs-grid-12 columns-12" data-layout-label="Header Subtitle: Custom Content" data-type="block-field" data-updated-on="1381761023501" id="customInfoBlock">
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
<div class="row sqs-row">
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
<div class="col sqs-col-12 span-12">
−
</div>
+
<div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-81eee4bbda3d9efd0834">
−
<div class="clear"></div>
+
<div class="sqs-block-content">
 +
<p class="text-align-center">Your Custom Text Here</p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
  
 +
<div id="lower-logo">
 +
<h1 class="logo" data-content-field="site-title">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan">
 +
<img src="https://static.igem.org/mediawiki/2017/7/7a/T-Worldshaper-Wuhan-logo.png" />
 +
</a>
 +
</h1>
 +
</div>
  
−
<div class="column full_size">
+
<div id="topNav">
−
<h1>Demonstrate</h1>
+
<nav class="main-nav" data-content-field="navigation">
−
<h3>Gold Medal Criterion #4</h3>
+
<ul>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan">Home</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/about-us">About</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Background">Background</a>
 +
</li>
 +
<li class="folder-collection folder">
 +
<a aria-haspopup="true" href="#" onClick="return false;">Project</a>
 +
<div class="subnav">
 +
<ul>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/solution-and-design">Solution and Design</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Results">Results</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Model">Model</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Parts">Parts</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Demonstrate">Measurement</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/procedure">Procedure</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Notebook">Notebook</a>
 +
</li>
 +
</ul>
 +
</div>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Safety">Safety</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Human-Practice">Human Practice</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Collaborations">Collaboration</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/InterLab">InterLab</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Attributions">Attributions</a>
 +
</li>
 +
<li class="folder-collection folder">
 +
<a aria-haspopup="true" href="#" onClick="return false;">Awards</a>
 +
<div class="subnav">
 +
<ul>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/HP/Gold_Integrated">Achievement</a>
 +
</li>
  
−
<p>
+
<li class="page-collection">
−
Teams that can show their system working under real world conditions are usually good at impressing the judges in iGEM. To achieve gold medal criterion #4, convince the judges that your project works. There are many ways in which your project working could be demonstrated, so there is more than one way to meet this requirement. This gold medal criterion was introduced in 2016, so check our what 2016 teams did to achieve a their gold medals!
+
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Engagement">Survey Result</a>
−
</p>
+
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Applied_Design">Applied Design</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/HP/Silver">Silver</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/gold">Gold</a>
 +
</li>
 +
</ul>
 +
</div>
 +
</li>
 +
</ul>
 +
<div class="page-divider"></div>
 +
</nav>
 +
</div>
 +
</header>
  
−
<p>
+
<!--页面内容开始-->
−
Please see the <a href="https://2017.igem.org/Judging/Medals">2017 Medals Page</a> for more information.
+
<div class="container">
−
</p>
+
<div class="page-divider top-divider"></div>
 +
<section id="page" class="clear" role="main" >
 +
<div class="sqs-layout sqs-grid-12 columns-12" data-type="page">
 +
<div class="row sqs-row">
 +
<div class="col sqs-col-12 span-12">
 +
<div class="sqs-block html-block sqs-block-html">
 +
<div class="sqs-block-content">
 +
<h1 class="text-align-center">Measurement</h1>
 +
</div>
 +
<div class="sqs-block-content">
  
 +
<div class="row sqs-row" id="yui_3_17_2_1_1509521404094_121">
 +
<div class="col sqs-col-12 span-12" id="yui_3_17_2_1_1509521404094_120">
 +
<div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-98f2950bbc5f3d5e9b32">
 +
<div class="sqs-block-content"></div>
 +
</div>
 +
<div class="sqs-block image-block sqs-block-image sqs-text-ready" data-aspect-ratio="60" data-block-type="5" id="block-a41a3a1a0d9ef64261ff">
 +
<div class="sqs-block-content" id="yui_3_17_2_1_1509521404094_119">
  
−
</div>
+
<div class="image-block-outer-wrapper layout-caption-below design-layout-inline" id="yui_3_17_2_1_1509521404094_118">
  
 +
<div class="intrinsic" style="max-width:2500.0px;" id="yui_3_17_2_1_1509521404094_117">
  
−
<div class="column half_size">
+
<div style="padding-bottom: 60%; overflow: hidden;" class="image-block-wrapper  has-aspect-ratio" data-description="" id="yui_3_17_2_1_1509521404094_116">
 +
<noscript>
 +
<img src="https://static1.squarespace.com/static/598d6f47ff7c50fa2d55f1dc/t/59f7e5132774d142a1ed610c/1509418262946/492A8764.jpg"  alt="492A8764.jpg"  />
 +
</noscript>
 +
<img class="thumb-image loaded" data-src="https://static1.squarespace.com/static/598d6f47ff7c50fa2d55f1dc/t/59f7e5132774d142a1ed610c/1509418262946/492A8764.jpg" data-image="https://static1.squarespace.com/static/598d6f47ff7c50fa2d55f1dc/t/59f7e5132774d142a1ed610c/1509418262946/492A8764.jpg" data-image-dimensions="2500x1667" data-image-focal-point="0.5,0.5" data-load="false" data-image-id="59f7e5132774d142a1ed610c" data-type="image" data-position-mode="standard" style="left: 0%; top: -5.6086%; width: 100%; height: 111.217%; position: absolute;" alt="492A8764.jpg" src="https://static1.squarespace.com/static/598d6f47ff7c50fa2d55f1dc/t/59f7e5132774d142a1ed610c/1509418262946/492A8764.jpg?format=1000w" data-image-resolution="1000w"></div>
  
−
<h4> What should we do for our demonstration?</h4>
+
</div>
  
−
<h5> Standard teams </h5>
+
</div>
  
−
<p>  
+
</div>
−
If you have built a proof of concept system, you can demonstrate it working under real world conditions. If you have built a biological device that is intended to be a sensor, can you show it detecting whatever it is intended to sense. If it is intended to work in the field, you can show how this might work using a simulated version in the lab, or a simulation of your device in the field.<strong> Please note biological materials must not be taken out of the lab</strong>.
+
</div>
−
</p>
+
</div>
−
</div>
+
</div>
  
−
<div class="column half_size">
+
<div class="row sqs-row">
 +
<div class="col sqs-col-2 span-2">
 +
<div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-2b6ad881138ec40f789f">
 +
<div class="sqs-block-content">&nbsp;</div>
 +
</div>
 +
</div>
 +
<div class="col sqs-col-8 span-8">
 +
<div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-756b6e468abeae095f53">
 +
<div class="sqs-block-content">&nbsp;</div>
 +
</div>
 +
<div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-b71900790d28abdf0a5d">
 +
<div class="sqs-block-content">
 +
<h3>
 +
In our experiment, we use GFP as an indicative of the efficiency of miR-21-sponge-6s and miR-21-sponge-2s as mir-21 detectors, and quantified the mir-21 expression in the cells through the plasmid pHAGE-pre-mir-21. Then we gathered our data and plotted them into two standard curves on excel. Through comparing the slope of standard curves of miR-21-sponge-2s and miR-21-sponge-6s respectively, we determine that miR-12-sponge-2s is more sensitive than miR-21-sponge-6s.
 +
</h3>
 +
</div>
 +
</div>
 +
<div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-61d6a1434450d2ba88f4">
 +
<div class="sqs-block-content">&nbsp;</div>
 +
</div>
 +
<div class="sqs-block socialaccountlinks-v2-block sqs-block-socialaccountlinks-v2" data-block-type="54" id="block-04d2db8397e81814fb4f">
 +
<div class="sqs-block-content">
  
−
<br>
+
<div class="sqs-svg-icon--outer social-icon-alignment-center social-icons-color-black social-icons-size-small social-icons-style-regular ">
−
<h5> Special track teams </h5>
+
<nav class="sqs-svg-icon--list">
 +
<a href="http://instagram.com/ws_wuhan2017" target="_blank" class="sqs-svg-icon--wrapper instagram">
 +
<div>
 +
<svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
 +
<use class="sqs-use--icon" xlink:href="#instagram-icon"></use>
 +
<use class="sqs-use--mask" xlink:href="#instagram-mask"></use>
 +
</svg>
 +
</div>
 +
</a>
 +
<a href="mailto:worldshaper@126.com" target="_blank" class="sqs-svg-icon--wrapper email">
 +
<div>
 +
<svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
 +
<use class="sqs-use--icon" xlink:href="#email-icon"></use>
 +
<use class="sqs-use--mask" xlink:href="#email-mask"></use>
 +
</svg>
 +
</div>
 +
</a>
 +
<a href="http://www.facebook.com/1423430597752509" target="_blank" class="sqs-svg-icon--wrapper facebook">
 +
<div>
 +
<svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
 +
<use class="sqs-use--icon" xlink:href="#facebook-icon"></use>
 +
<use class="sqs-use--mask" xlink:href="#facebook-mask"></use>
 +
</svg>
 +
</div>
 +
</a>
 +
</nav>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="col sqs-col-2 span-2">
 +
<div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-6d766b4105c6edf7d802">
 +
<div class="sqs-block-content">&nbsp;</div>
 +
</div>
 +
</div>
 +
</div>
  
−
<p>
+
</div>
−
Special track teams can achieve this medal criterion by bringing their work to the Jamboree and showcasing it in the track event. Art & Design, Measurement, Hardware and Software tracks will all have showcase events at the Giant Jamboree.<strong> Please note biological materials must not be taken out of the lab</strong>.
+
</div>
−
</p>
+
</div>
 +
</div>
 +
</div>
 +
</section>
 +
</div>
 +
<!--页面内容结束-->
  
 +
<div class="sqs-layout sqs-grid-12 columns-12 empty" data-layout-label="WorldShaper Wuhan Footer Content" data-type="block-field" id="collection-5990133859cc681bb449c9ba">
 +
<div class="row sqs-row">
 +
<div class="col sqs-col-12 span-12"></div>
 +
</div>
 +
</div>
  
−
</div>
+
<div class="info-footer-wrapper clear">
 +
<div class="info-footer">
 +
<div class="sqs-layout sqs-grid-12 columns-12" data-layout-label="Info Footer Content" data-type="block-field" data-updated-on="1411670375842" id="infoFooterBlock">
 +
<div class="row sqs-row">
 +
<div class="col sqs-col-12 span-12"></div>
 +
</div>
 +
</div>
 +
<div id="socialLinks" class="social-links sqs-svg-icon--list" data-content-field="connected-accounts">
 +
<a href="http://instagram.com/ws_wuhan2017" target="_blank" class="sqs-svg-icon--wrapper instagram">
 +
<div>
 +
<svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
 +
<use class="sqs-use--icon" xlink:href="#instagram-icon"></use>
 +
<use class="sqs-use--mask" xlink:href="#instagram-mask"></use>
 +
</svg>
 +
</div>
 +
</a>
 +
<a href="mailto:worldshaper@126.com" target="_blank" class="sqs-svg-icon--wrapper email">
 +
<div>
 +
<svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
 +
<use class="sqs-use--icon" xlink:href="#email-icon"></use>
 +
<use class="sqs-use--mask" xlink:href="#email-mask"></use>
 +
</svg>
 +
</div>
 +
</a>
 +
<a href="http://www.facebook.com/1423430597752509" target="_blank" class="sqs-svg-icon--wrapper facebook">
 +
<div>
 +
<svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
 +
<use class="sqs-use--icon" xlink:href="#facebook-icon"></use>
 +
<use class="sqs-use--mask" xlink:href="#facebook-mask"></use>
 +
</svg>
 +
</div>
 +
</a>
 +
</div>
 +
</div>
 +
</div>
  
 +
<footer id="footer" class="clear">
 +
<div class="sqs-layout sqs-grid-12 columns-12" data-layout-label="Footer Content" data-type="block-field" data-updated-on="1502788432753" id="footerBlock">
 +
<div class="row sqs-row">
 +
<div class="col sqs-col-12 span-12">
 +
<div class="row sqs-row">
 +
<div class="col sqs-col-6 span-6">
 +
<div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-126febe67777dbcbc0b4">
 +
<div class="sqs-block-content">
 +
<p>Wuhan, China . &nbsp; New York, USA</p>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="col sqs-col-6 span-6">
 +
<div class="sqs-block socialaccountlinks-v2-block sqs-block-socialaccountlinks-v2" data-block-type="54" id="block-yui_3_17_2_1_1407708776025_50235">
 +
<div class="sqs-block-content">
  
 +
<div class="sqs-svg-icon--outer social-icon-alignment-right social-icons-color-black social-icons-size-medium social-icons-shape-circle social-icons-style-knockout" >
 +
<nav class="sqs-svg-icon--list">
 +
<a href="http://instagram.com/ws_wuhan2017" target="_blank" class="sqs-svg-icon--wrapper instagram">
 +
<div>
 +
<svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
 +
<use class="sqs-use--icon" xlink:href="#instagram-icon"></use>
 +
<use class="sqs-use--mask" xlink:href="#instagram-mask"></use>
 +
</svg>
 +
</div>
 +
</a>
 +
<a href="mailto:worldshaper@126.com" target="_blank" class="sqs-svg-icon--wrapper email">
 +
<div>
 +
<svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
 +
<use class="sqs-use--icon" xlink:href="#email-icon"></use>
 +
<use class="sqs-use--mask" xlink:href="#email-mask"></use>
 +
</svg>
 +
</div>
 +
</a>
 +
<a href="http://www.facebook.com/1423430597752509" target="_blank" class="sqs-svg-icon--wrapper facebook">
 +
<div>
 +
<svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
 +
<use class="sqs-use--icon" xlink:href="#facebook-icon"></use>
 +
<use class="sqs-use--mask" xlink:href="#facebook-mask"></use>
 +
</svg>
 +
</div>
 +
</a>
 +
</nav>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</footer>
 +
</div>
 +
</section>
  
 +
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="display:none">
 +
<symbol id="instagram-icon" viewBox="0 0 64 64">
 +
<path d="M46.91,25.816c-0.073-1.597-0.326-2.687-0.697-3.641c-0.383-0.986-0.896-1.823-1.73-2.657c-0.834-0.834-1.67-1.347-2.657-1.73c-0.954-0.371-2.045-0.624-3.641-0.697C36.585,17.017,36.074,17,32,17s-4.585,0.017-6.184,0.09c-1.597,0.073-2.687,0.326-3.641,0.697c-0.986,0.383-1.823,0.896-2.657,1.73c-0.834,0.834-1.347,1.67-1.73,2.657c-0.371,0.954-0.624,2.045-0.697,3.641C17.017,27.415,17,27.926,17,32c0,4.074,0.017,4.585,0.09,6.184c0.073,1.597,0.326,2.687,0.697,3.641c0.383,0.986,0.896,1.823,1.73,2.657c0.834,0.834,1.67,1.347,2.657,1.73c0.954,0.371,2.045,0.624,3.641,0.697C27.415,46.983,27.926,47,32,47s4.585-0.017,6.184-0.09c1.597-0.073,2.687-0.326,3.641-0.697c0.986-0.383,1.823-0.896,2.657-1.73c0.834-0.834,1.347-1.67,1.73-2.657c0.371-0.954,0.624-2.045,0.697-3.641C46.983,36.585,47,36.074,47,32S46.983,27.415,46.91,25.816z M44.21,38.061c-0.067,1.462-0.311,2.257-0.516,2.785c-0.272,0.7-0.597,1.2-1.122,1.725c-0.525,0.525-1.025,0.85-1.725,1.122c-0.529,0.205-1.323,0.45-2.785,0.516c-1.581,0.072-2.056,0.087-6.061,0.087s-4.48-0.015-6.061-0.087c-1.462-0.067-2.257-0.311-2.785-0.516c-0.7-0.272-1.2-0.597-1.725-1.122c-0.525-0.525-0.85-1.025-1.122-1.725c-0.205-0.529-0.45-1.323-0.516-2.785c-0.072-1.582-0.087-2.056-0.087-6.061s0.015-4.48,0.087-6.061c0.067-1.462,0.311-2.257,0.516-2.785c0.272-0.7,0.597-1.2,1.122-1.725c0.525-0.525,1.025-0.85,1.725-1.122c0.529-0.205,1.323-0.45,2.785-0.516c1.582-0.072,2.056-0.087,6.061-0.087s4.48,0.015,6.061,0.087c1.462,0.067,2.257,0.311,2.785,0.516c0.7,0.272,1.2,0.597,1.725,1.122c0.525,0.525,0.85,1.025,1.122,1.725c0.205,0.529,0.45,1.323,0.516,2.785c0.072,1.582,0.087,2.056,0.087,6.061S44.282,36.48,44.21,38.061z M32,24.297c-4.254,0-7.703,3.449-7.703,7.703c0,4.254,3.449,7.703,7.703,7.703c4.254,0,7.703-3.449,7.703-7.703C39.703,27.746,36.254,24.297,32,24.297z M32,37c-2.761,0-5-2.239-5-5c0-2.761,2.239-5,5-5s5,2.239,5,5C37,34.761,34.761,37,32,37z M40.007,22.193c-0.994,0-1.8,0.806-1.8,1.8c0,0.994,0.806,1.8,1.8,1.8c0.994,0,1.8-0.806,1.8-1.8C41.807,22.999,41.001,22.193,40.007,22.193z"></path>
 +
</symbol>
 +
<symbol id="instagram-mask" viewBox="0 0 64 64">
 +
<path d="M43.693,23.153c-0.272-0.7-0.597-1.2-1.122-1.725c-0.525-0.525-1.025-0.85-1.725-1.122c-0.529-0.205-1.323-0.45-2.785-0.517c-1.582-0.072-2.056-0.087-6.061-0.087s-4.48,0.015-6.061,0.087c-1.462,0.067-2.257,0.311-2.785,0.517c-0.7,0.272-1.2,0.597-1.725,1.122c-0.525,0.525-0.85,1.025-1.122,1.725c-0.205,0.529-0.45,1.323-0.516,2.785c-0.072,1.582-0.087,2.056-0.087,6.061s0.015,4.48,0.087,6.061c0.067,1.462,0.311,2.257,0.516,2.785c0.272,0.7,0.597,1.2,1.122,1.725s1.025,0.85,1.725,1.122c0.529,0.205,1.323,0.45,2.785,0.516c1.581,0.072,2.056,0.087,6.061,0.087s4.48-0.015,6.061-0.087c1.462-0.067,2.257-0.311,2.785-0.516c0.7-0.272,1.2-0.597,1.725-1.122s0.85-1.025,1.122-1.725c0.205-0.529,0.45-1.323,0.516-2.785c0.072-1.582,0.087-2.056,0.087-6.061s-0.015-4.48-0.087-6.061C44.143,24.476,43.899,23.682,43.693,23.153z M32,39.703c-4.254,0-7.703-3.449-7.703-7.703s3.449-7.703,7.703-7.703s7.703,3.449,7.703,7.703S36.254,39.703,32,39.703z M40.007,25.793c-0.994,0-1.8-0.806-1.8-1.8c0-0.994,0.806-1.8,1.8-1.8c0.994,0,1.8,0.806,1.8,1.8C41.807,24.987,41.001,25.793,40.007,25.793z M0,0v64h64V0H0z M46.91,38.184c-0.073,1.597-0.326,2.687-0.697,3.641c-0.383,0.986-0.896,1.823-1.73,2.657c-0.834,0.834-1.67,1.347-2.657,1.73c-0.954,0.371-2.044,0.624-3.641,0.697C36.585,46.983,36.074,47,32,47s-4.585-0.017-6.184-0.09c-1.597-0.073-2.687-0.326-3.641-0.697c-0.986-0.383-1.823-0.896-2.657-1.73c-0.834-0.834-1.347-1.67-1.73-2.657c-0.371-0.954-0.624-2.044-0.697-3.641C17.017,36.585,17,36.074,17,32c0-4.074,0.017-4.585,0.09-6.185c0.073-1.597,0.326-2.687,0.697-3.641c0.383-0.986,0.896-1.823,1.73-2.657c0.834-0.834,1.67-1.347,2.657-1.73c0.954-0.371,2.045-0.624,3.641-0.697C27.415,17.017,27.926,17,32,17s4.585,0.017,6.184,0.09c1.597,0.073,2.687,0.326,3.641,0.697c0.986,0.383,1.823,0.896,2.657,1.73c0.834,0.834,1.347,1.67,1.73,2.657c0.371,0.954,0.624,2.044,0.697,3.641C46.983,27.415,47,27.926,47,32C47,36.074,46.983,36.585,46.91,38.184z M32,27c-2.761,0-5,2.239-5,5s2.239,5,5,5s5-2.239,5-5S34.761,27,32,27z"></path>
 +
</symbol>
 +
<symbol id="email-icon" viewBox="0 0 64 64">
 +
<path d="M17,22v20h30V22H17z M41.1,25L32,32.1L22.9,25H41.1z M20,39V26.6l12,9.3l12-9.3V39H20z"></path>
 +
</symbol>
 +
<symbol id="email-mask" viewBox="0 0 64 64">
 +
<path d="M41.1,25H22.9l9.1,7.1L41.1,25z M44,26.6l-12,9.3l-12-9.3V39h24V26.6z M0,0v64h64V0H0z M47,42H17V22h30V42z"></path>
 +
</symbol>
 +
<symbol id="facebook-icon" viewBox="0 0 64 64">
 +
<path d="M34.1,47V33.3h4.6l0.7-5.3h-5.3v-3.4c0-1.5,0.4-2.6,2.6-2.6l2.8,0v-4.8c-0.5-0.1-2.2-0.2-4.1-0.2 c-4.1,0-6.9,2.5-6.9,7V28H24v5.3h4.6V47H34.1z"></path>
 +
</symbol>
 +
<symbol id="facebook-mask" viewBox="0 0 64 64">
 +
<path d="M0,0v64h64V0H0z M39.6,22l-2.8,0c-2.2,0-2.6,1.1-2.6,2.6V28h5.3l-0.7,5.3h-4.6V47h-5.5V33.3H24V28h4.6V24 c0-4.6,2.8-7,6.9-7c2,0,3.6,0.1,4.1,0.2V22z"></path>
 +
</symbol>
 +
</svg>
 
</html>
 
</html>

Latest revision as of 07:32, 1 November 2017