Difference between revisions of "Team:Worldshaper-Wuhan/Applied Design"

(Prototype team page)
 
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/about-us">About Us</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/Background">Background</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="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/">Outside Support</label>
 +
<div class="subnav">
 +
<ul>
 +
<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/parts">Parts</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/collaboration">Collaboration</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/attribution">Attribution</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/citation">Citation</a>
 +
</li>
 +
</ul>
 +
</div>
 +
</li>
 +
<li class="folder-collection folder">
 +
<input type="checkbox" name="mobile-folder-toggle-59926cdfebbd1a31e0cd5fae" id="mobile-folder-toggle-59926cdfebbd1a31e0cd5fae" class="folder-toggle-box hidden" />
 +
<label for="mobile-folder-toggle-59926cdfebbd1a31e0cd5fae" class="folder-toggle-label" onclick data-href="/outcome/">Results/Proof</label>
 +
<div class="subnav">
 +
<ul>
 +
<li class="blog-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/wechat-posts">WeChat Posts</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 class="column half_size">
+
</div>
<h1>Applied Design</h1>
+
</div>
 
+
</div>
<h3>Best Applied Design Special Prize</h3>
+
</div>
 
+
</div>
<p>This is a prize for the team that has developed a synbio product to solve a real world problem in the most elegant way. The students will have considered how well the product addresses the problem versus other potential solutions, how the product integrates or disrupts other products and processes, and how its lifecycle can more broadly impact our lives and environments in positive and negative ways.
+
</div>
<br><br>
+
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Applied Design prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>.
+
<br><br>
+
You must also delete the message box on the top of this page to be eligible for this prize.
+
</p>
+
</div>
+
 
+
<div class="column half_size">
+
 
+
<h5>Inspiration</h5>
+
<p>Take a look at what some teams accomplished for this prize.</p>
+
<ul>
+
<li><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">2016 NCTU Formosa</a></li>
+
<li><a href="https://2016.igem.org/Team:HSiTAIWAN/Product?locationId=Design">2016 HSiTAIWAN</a></li>
+
<li><a href="https://2016.igem.org/Team:Pasteur_Paris/Design">2016 Pasteur Paris</a></li>
+
</ul>
+
</div>
+
  
<div class="clear"></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 id="topNav">
 +
<nav class="main-nav" data-content-field="navigation">
 +
<ul>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/about-us">About Us</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/Background">Background</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="folder-collection folder">
 +
<a aria-haspopup="true" href="#" onClick="return false;">Outside Support</a>
 +
<div class="subnav">
 +
<ul>
 +
<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/parts">Parts</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/collaboration">Collaboration</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/attribution">Attribution</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/citation">Citation</a>
 +
</li>
 +
</ul>
 +
</div>
 +
</li>
 +
<li class="folder-collection folder">
 +
<a aria-haspopup="true" href="#" onClick="return false;">Results/Proof</a>
 +
<div class="subnav">
 +
<ul>
 +
<li class="blog-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/wechat-posts">WeChat Posts</a>
 +
</li>
 +
</ul>
 +
</div>
 +
</li>
 +
</ul>
 +
<div class="page-divider"></div>
 +
</nav>
 +
</div>
 +
</header>
  
 +
<!--页面内容开始-->
 +
<div class="container">
 +
<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">XXXXX</h1>
 +
</div>
 +
<div class="sqs-block-content">内容</div>
 +
</div>
 +
</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 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>

Revision as of 10:40, 26 October 2017