Difference between revisions of "Team:SMS Shenzhen"

Line 1: Line 1:
−
{{SMS_Shenzhen/css}}
 
 
<html>
 
<html>
 
<head>
 
<head>
 +
<title>SMS | Shenzhen</title>
 +
<meta property="og:site_name" content="SMS | Shenzhen" />
 +
<meta property="og:title" content="SMS | Shenzhen" />
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
−
</head>
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
−
<style >
+
<style>
−
body{background-color:#FFF;
+
.nav .wsite-menu-item-wrap.wsite-nav-1 {
−
}
+
color: #4aa328 !important;
−
.one{
+
}
−
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
+
.nav .wsite-menu-item-wrap.wsite-nav-2 {
−
width:6em;
+
color: #2a2a2a !important;
−
height:3em;
+
}
−
float:left;
+
.nav .wsite-menu-item-wrap.wsite-nav-3 {
−
margin: 0px;
+
color: #4aa328 !important;
−
padding: 8px;
+
}
 +
.nav .wsite-menu-item-wrap.wsite-nav-4 {
 +
color: #2a2a2a !important;
 +
}
 +
.nav .wsite-menu-item-wrap.wsite-nav-5 {
 +
color: #4aa328 !important;
 +
}
 +
</style>
 +
<!--<link rel="stylesheet" type="text/css" href="files/main_style-1498765045.css" title="wsite-theme-css" />-->
 +
<style title="wsite-theme-css" type="text/css">
 +
 +
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
 +
margin: 0;
 +
padding: 0;
 
}
 
}
  
−
.two{
+
html {
−
width: 315px;
+
height: 100%;
−
height:58px;
+
}
−
float:left;
+
body {
−
padding-top:12px;
+
width: 100%;
−
background-color:#E8FFC4;
+
height: 100%;
 +
background: rgba(0,0,0,0.05);
 +
color: #000000;
 +
font-family: 'Birdseye', sans-serif;
 +
font-size: 16px;
 +
font-weight: 500;
 +
-webkit-font-smoothing: antialiased;
 +
-moz-osx-font-smoothing: grayscale;
 +
}
 +
a {
 +
color: inherit;
 +
text-decoration: none;
 +
}
 +
a img, a:hover img {
 +
border: none;
 +
}
 +
h2 {
 +
color: #000000;
 +
font-family: 'Montserrat', sans-serif;
 
font-size: 24px;
 
font-size: 24px;
 +
font-weight: 700;
 +
line-height: 1.25;
 +
margin: 0 auto 30px;
 +
}
 +
div.paragraph {
 +
font-family: 'Birdseye', sans-serif;
 +
font-size: 16px;
 +
font-weight: 500;
 +
line-height: 1.75;
 +
margin: 0 auto 30px;
 +
}
 +
p {
 +
font-family: 'Birdseye', sans-serif;
 +
font-size: 16px;
 +
font-weight: 500;
 +
line-height: 1.75;
 +
margin: 0 auto 30px;
 +
}
 +
div.paragraph a {
 +
color: inherit;
 +
font-weight: 600;
 +
text-decoration: underline;
 +
-webkit-transition: opacity 300ms ease-in-out;
 +
-moz-transition: opacity 300ms ease-in-out;
 +
-ms-transition: opacity 300ms ease-in-out;
 +
transition: opacity 300ms ease-in-out;
 +
}
 +
p a {
 +
color: inherit;
 +
font-weight: 600;
 +
text-decoration: underline;
 +
-webkit-transition: opacity 300ms ease-in-out;
 +
-moz-transition: opacity 300ms ease-in-out;
 +
-ms-transition: opacity 300ms ease-in-out;
 +
transition: opacity 300ms ease-in-out;
 +
}
 +
div.paragraph a:hover {
 +
opacity: 0.5;
 +
}
 +
p a:hover {
 +
opacity: 0.5;
 +
}
 +
blockquote {
 +
position: relative;
 +
padding: 1.5em 2.5em;
 +
background: rgba(0,0,0,0.05);
 +
font-family: 'Birdseye', sans-serif;
 +
font-size: 16px;
 +
font-weight: 500;
 +
line-height: 1.75;
 +
text-align: left;
 +
margin: 0 auto 30px;
 +
}
 +
blockquote:before {
 +
position: absolute;
 +
content: '\201C';
 +
top: 0.75em;
 +
left: 0.5em;
 +
font-size: 2em;
 +
line-height: 1;
 +
font-weight: bold;
 +
}
 +
.splash-page .wsite-background, .wsite-header-section {
 +
background: url("theme/images/default-bg-1498765045.jpg") no-repeat top center;
 +
background-size: cover;
 +
}
 +
.wsite-header-section {
 +
height: 600px;
 +
}
 +
body.header-overlay-on .wsite-header-section:not(.wsite-section-bg-color):before {
 +
content: '';
 +
display: block;
 +
position: absolute;
 +
top: 0;
 +
width: 100%;
 +
height: 60%;
 +
background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.15) 40%, rgba(0,0,0,0) 100%);
 +
}
 +
.banner-wrap {
 +
position: relative;
 +
height: 100%;
 +
background: #000000;
 +
color: #ffffff;
 +
}
 +
.banner-wrap .container {
 +
padding: 80px 40px;
 +
}
 +
.banner-wrap .banner {
 +
text-align: center;
 +
-webkit-transition: opacity 500ms ease;
 +
-moz-transition: opacity 500ms ease;
 +
-ms-transition: opacity 500ms ease;
 +
transition: opacity 500ms ease;
 +
}
 +
.banner-wrap h2 {
 +
color: inherit;
 +
font-family: 'Birdseye', sans-serif;
 +
font-size: 80px;
 +
font-weight: 100;
 +
line-height: 1.15;
 +
margin: 15px auto;
 +
}
 +
.banner-wrap div.paragraph {
 +
color: inherit;
 +
font-family: 'Montserrat', sans-serif;
 +
font-size: 12px;
 +
font-weight: 700;
 +
line-height: 1.15;
 +
letter-spacing: 0.15em;
 +
margin: 15px auto;
 +
}
 +
.banner-wrap p {
 +
color: inherit;
 +
font-family: 'Montserrat', sans-serif;
 +
font-size: 12px;
 +
font-weight: 700;
 +
line-height: 1.15;
 +
letter-spacing: 0.15em;
 +
margin: 15px auto;
 +
}
 +
.container, .wsite-footer {
 +
position: relative;
 +
width: 100%;
 +
margin: 0 auto;
 +
box-sizing: border-box;
 +
}
 +
.main-wrap {
 +
width: 100%;
 +
background: #ffffff;
 +
}
 +
.main-wrap .container {
 +
padding: 60px 40px;
 +
}
 +
body.full-width-body-off .banner-wrap .container, body.full-width-body-off .main-wrap .container, body.full-width-body-off .wsite-footer {
 +
max-width: 1200px;
 +
margin: 0 auto;
 +
}
 +
.birdseye-header {
 +
position: fixed;
 +
top: 0;
 +
z-index: 12;
 +
width: 100%;
 +
max-width: 100%;
 +
padding: 20px 40px;
 +
color: #ffffff;
 +
border-color: #ffffff;
 +
box-sizing: border-box;
 +
-webkit-transition: background-color 300ms ease, color 260ms ease, padding 180ms ease;
 +
-moz-transition: background-color 300ms ease, color 260ms ease, padding 180ms ease;
 +
-ms-transition: background-color 300ms ease, color 260ms ease, padding 180ms ease;
 +
transition: background-color 300ms ease, color 260ms ease, padding 180ms ease;
 +
backface-visibility: hidden;
 +
-webkit-backface-visibility: hidden;
 +
}
 +
.birdseye-header .container {
 +
display: table;
 +
overflow-y: hidden;
 +
width: 100%;
 +
max-height: 80px;
 +
}
 +
.birdseye-header .hamburger {
 +
display: none;
 +
}
 +
.birdseye-header .logo {
 +
display: table-cell;
 +
overflow-y: hidden;
 +
vertical-align: middle;
 +
}
 +
.birdseye-header .logo * {
 +
display: block;
 +
}
 +
.birdseye-header .logo a {
 +
margin-right: 30px;
 +
-webkit-transition: opacity 200ms ease;
 +
-moz-transition: opacity 200ms ease;
 +
-ms-transition: opacity 200ms ease;
 +
transition: opacity 200ms ease;
 +
}
 +
.birdseye-header .logo a:hover {
 +
opacity: .6;
 +
}
 +
.birdseye-header .logo #wsite-title {
 +
max-width: 400px;
 +
font-family: 'Montserrat', sans-serif;
 +
font-size: 30px;
 +
font-weight: 700;
 +
line-height: 1;
 +
text-transform: uppercase;
 +
letter-spacing: 0.03em;
 +
-webkit-transition: font-size 260ms ease;
 +
-moz-transition: font-size 260ms ease;
 +
-ms-transition: font-size 260ms ease;
 +
transition: font-size 260ms ease;
 +
}
 +
.birdseye-header .logo img {
 +
overflow: hidden;
 +
max-width: 200px;
 +
max-height: 40px;
 +
}
 +
.nav {
 +
display: table-cell;
 +
vertical-align: middle;
 +
}
 +
.nav ul {
 +
float: right;
 +
max-width: calc(100vw - 480px);
 +
overflow: hidden;
 +
}
 +
.nav li {
 +
display: inline-block;
 +
margin: 5px 5px 5px 0;
 +
}
 +
.nav .wsite-menu-item {
 +
display: block;
 +
padding: 12px 20px;
 +
border: 1px solid transparent;
 +
font-family: 'Montserrat', sans-serif;
 +
font-size: 12px;
 +
font-weight: 500;
 +
line-height: 1;
 +
letter-spacing: 0.05em;
 +
text-transform: uppercase;
 +
-webkit-transition: opacity 300ms ease;
 +
-moz-transition: opacity 300ms ease;
 +
-ms-transition: opacity 300ms ease;
 +
transition: opacity 300ms ease;
 +
}
 +
.nav li:not(.wsite-nav-cart)#active > .wsite-menu-item {
 +
border-color: inherit;
 +
}
 +
.nav li .wsite-menu-item:hover {
 +
opacity: 0.6;
 +
}
 +
.nav #wsite-nav-cart-a {
 +
padding-right: 0;
 +
}
 +
.nav #wsite-nav-cart-num {
 +
display: inline-block;
 +
min-width: 10px;
 +
padding: 2px 3px;
 +
margin-left: 2px;
 +
text-align: center;
 +
background: #ffffff;
 +
color: #000000;
 +
}
 +
.mobile-nav {
 +
display: none;
 +
}
 +
#wsite-menus > .wsite-menu-wrap > .wsite-menu .wsite-menu {
 +
margin: 0 -1px;
 +
}
 +
#wsite-menus .wsite-menu {
 +
position: relative;
 +
background: #ffffff;
 +
-webkit-box-shadow: inset 0px 0px 0px 1px #000000;
 +
-moz-box-shadow: inset 0px 0px 0px 1px #000000;
 +
-ms-box-shadow: inset 0px 0px 0px 1px #000000;
 +
box-shadow: inset 0px 0px 0px 1px #000000;
 +
}
 +
#wsite-menus .wsite-menu li a {
 +
background: transparent;
 +
color: #000000;
 +
font-family: 'Montserrat', sans-serif;
 +
font-size: 12px;
 +
font-weight: normal;
 +
line-height: normal;
 +
text-transform: uppercase;
 +
letter-spacing: 0.05em;
 +
border: none;
 +
}
 +
#wsite-menus .wsite-menu li a:hover {
 +
background: rgba(0,0,0,0.05);
 +
-webkit-transition: opacity 200ms ease;
 +
-moz-transition: opacity 200ms ease;
 +
-ms-transition: opacity 200ms ease;
 +
transition: opacity 200ms ease;
 +
}
 +
#wsite-menus .wsite-menu-arrow {
 +
display: none;
 +
}
 +
body.affix .birdseye-header {
 +
position: fixed;
 +
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.05);
 +
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.05);
 +
-ms-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.05);
 +
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.05);
 +
padding: 10px 40px;
 +
}
 +
body.affix .birdseye-header .logo #wsite-title {
 +
font-size: 24px;
 +
}
 +
body.affix .birdseye-header .wsite-menu-item {
 +
padding: 10px 20px;
 +
}
 +
body.affix .birdseye-header, body.no-header-page .birdseye-header, body.splash-banner-page .birdseye-header {
 +
background: #ffffff;
 +
color: #000000;
 +
border-color: #000000;
 +
}
 +
body.affix .birdseye-header .nav #wsite-nav-cart-num, body.no-header-page .birdseye-header .nav #wsite-nav-cart-num, body.splash-banner-page .birdseye-header .nav #wsite-nav-cart-num {
 +
background: #000000;
 +
color: #ffffff;
 +
}
 +
body.affix .birdseye-header .hamburger span, body.affix .birdseye-header .hamburger span:before, body.affix .birdseye-header .hamburger span:after, body.no-header-page .birdseye-header .hamburger span, body.no-header-page .birdseye-header .hamburger span:before, body.no-header-page .birdseye-header .hamburger span:after, body.splash-banner-page .birdseye-header .hamburger span, body.splash-banner-page .birdseye-header .hamburger span:before, body.splash-banner-page .birdseye-header .hamburger span:after {
 +
background: #000000;
 +
}
 +
body.affix.alt-nav-on .birdseye-header, body.no-header-page.alt-nav-on .birdseye-header, body.splash-banner-page.alt-nav-on .birdseye-header {
 +
background: rgba(0,0,0,0.9);
 +
color: #ffffff;
 +
border-color: #ffffff;
 +
}
 +
body.affix.alt-nav-on .birdseye-header .nav #wsite-nav-cart-num, body.no-header-page.alt-nav-on .birdseye-header .nav #wsite-nav-cart-num, body.splash-banner-page.alt-nav-on .birdseye-header .nav #wsite-nav-cart-num {
 +
background: #ffffff;
 +
color: rgba(0,0,0,0.9);
 +
}
  
 +
.no-header-page .main-wrap {
 +
padding-top: 80px;
 
}
 
}
−
.three{
+
body:not(.wsite-editor) .logo, body:not(.wsite-editor) .desktop-nav {
−
float:right;
+
opacity: 0;
 +
-webkit-transition: opacity 600ms ease-in 300ms;
 +
-moz-transition: opacity 600ms ease-in 300ms;
 +
-ms-transition: opacity 600ms ease-in 300ms;
 +
transition: opacity 600ms ease-in 300ms;
 +
}
 +
body:not(.wsite-editor).fade-in .logo, body:not(.wsite-editor).fade-in .desktop-nav {
 +
opacity: 1;
 +
}
 +
::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
 +
color: rgba(0,0,0,0.4);
 
}
 
}
  
−
.other{
+
.wsite-form-label {
−
width:700px;
+
display: inline-block;
−
height:48px;
+
padding: 0;
−
float: left;
+
color: #000000;
−
padding-top:12px;
+
font-family: 'Montserrat', sans-serif;
−
background-color:#E8FFC4;
+
font-size: 12px;
 +
text-transform: uppercase;
 +
font-weight: normal;
 +
line-height: 1;
 +
margin-bottom: 10px;
 +
}
 +
.wsite-form-sublabel {
 +
display: none;
 +
}
 +
.wsite-form-radio-container {
 +
margin-bottom: 15px;
 +
}
 +
.formlist, .wsite-editor .formlist {
 +
min-height: inherit;
 +
}
 +
.wsite-form-container .form-input-error {
 +
border: 1px solid red !important;
 +
}
 +
.form-field-error .wsite-form-radio-container {
 +
border: none;
 +
}
 +
.wsite-button {
 +
display: inline-block;
 +
height: auto;
 +
padding: 0;
 +
background-image: none !important;
 +
background-color: transparent;
 +
color: #000000 !important;
 +
border: 1px solid #000000 !important;
 +
-webkit-transition: all 100ms ease-in-out;
 +
-moz-transition: all 100ms ease-in-out;
 +
-ms-transition: all 100ms ease-in-out;
 +
transition: all 100ms ease-in-out;
 +
}
 +
.wsite-button:hover {
 +
background-color: rgba(0,0,0,0.05);
 +
}
 +
.wsite-button .wsite-button-inner {
 +
display: inline-block;
 +
height: auto;
 +
padding: 14px 30px;
 +
background: transparent;
 +
background-image: none !important;
 +
color: inherit;
 +
letter-spacing: 0.03em;
 +
font-family: 'Montserrat', sans-serif;
 +
font-size: 12px;
 +
line-height: 1;
 +
text-transform: uppercase;
 +
}
 +
.wsite-button-large {
 +
color: #ffffff !important;
 +
border: 1px solid #ffffff !important;
 +
}
 +
.wsite-button-large:hover {
 +
background-color: rgba(255,255,255,0.2) !important;
 +
}
 +
.wsite-button-highlight, #wsite-com-product-add-to-cart.wsite-button-highlight {
 +
background-color: #000000 !important;
 +
color: #ffffff !important;
 +
border: 1px solid #000000 !important;
 +
}
 +
.wsite-button-highlight:hover, #wsite-com-product-add-to-cart.wsite-button-highlight:hover {
 +
background-color: transparent !important;
 +
color: #000000 !important;
 +
}
 +
.wsite-button-highlight.wsite-button-large:not(.wsite-buy-button), #wsite-com-product-add-to-cart.wsite-button-highlight.wsite-button-large:not(.wsite-buy-button) {
 +
background-color: #ffffff !important;
 +
color: #000000 !important;
 +
border: 1px solid #ffffff !important;
 +
}
 +
.wsite-button-highlight.wsite-button-large:not(.wsite-buy-button):hover, #wsite-com-product-add-to-cart.wsite-button-highlight.wsite-button-large:not(.wsite-buy-button):hover {
 +
background-color: transparent !important;
 +
color: #ffffff !important;
 
}
 
}
  
  
−
  p{
+
@media screen and (max-width: 992px) {
−
  padding:5px;}
+
.container, .wsite-footer {
−
h3, h4{
+
overflow: hidden;
−
color:#000;
+
−
      word-spacing:2px;
+
−
      font-weight:normal;
+
−
      text-indent:2em;
+
−
      font-weight:normal;
+
−
      line-height:25px;
+
−
   
+
 
}
 
}
−
h4{text-align:center;}
+
.birdseye-header {
−
ul li
+
top: 0;
−
{
+
left: 0;
−
list-style:none;
+
padding: 5px 20px !important;
−
margin:0;
+
min-height: 50px;
−
padding-top:6px;
+
}
−
padding-bottom:6px;
+
.birdseye-header .birdseye-header, .birdseye-header .logo, .birdseye-header .logo img {
−
padding-left: 0;
+
max-height: 40px;
−
float: left;
+
}
 +
.birdseye-header .logo {
 +
overflow: hidden;
 +
padding-right: 25px;
 +
}
 +
.birdseye-header .logo a {
 +
margin-left: 0;
 +
margin-right: 0;
 +
font-size: 1.1em;
 +
line-height: 1.4em;
 +
}
 +
.birdseye-header .logo #wsite-title {
 +
display: block;
 +
max-width: 100%;
 +
font-size: 1.1em !important;
 +
line-height: 1.4em !important;
 +
}
 +
.birdseye-header .container {
 +
min-height: 40px;
 +
max-height: inherit;
 +
}
 +
body.nav-open .mobile-nav {
 +
padding: 50px 0;
 +
max-height: 100vh;
 
}
 
}
  
−
li a,.dropbtn,a:link,a:visited{
+
.desktop-nav {
−
text-decoration: none;
+
display: none;
−
font-family: "Trebuchet MS", Arial, Helvetica,      sans-serif;
+
}
−
color: #666;
+
.mobile-nav {
−
padding:20px;
+
position: fixed;
−
text-align:center;
+
top: 0;
−
text-transform:uppercase;
+
left: 0;
−
font-size: 16px;
+
z-index: 12;
−
}
+
display: block;
−
li a:hover,.dropdown:hover.dropbtn{
+
overflow-x: hidden;
−
color:#399;
+
overflow-y: auto;
−
text-shadow:2px 2px 2px #399;
+
width: 100%;
−
}
+
height: 100%;
 +
max-height: 0;
 +
padding: 0;
 +
background: #ffffff;
 +
box-sizing: border-box;
 +
-webkit-transition: all 300ms cubic-bezier(0, 0.085, 0.68, 0.53);
 +
-moz-transition: all 300ms cubic-bezier(0, 0.085, 0.68, 0.53);
 +
-ms-transition: all 300ms cubic-bezier(0, 0.085, 0.68, 0.53);
 +
transition: all 300ms cubic-bezier(0, 0.085, 0.68, 0.53);
 +
}
  
 +
.mobile-nav ul {
 +
float: none;
 +
height: auto;
 +
max-width: none;
 +
}
 +
.mobile-nav li {
 +
position: relative;
 +
display: block !important;
 +
margin: 0;
 +
border: none;
 +
text-align: center;
 +
}
 +
.mobile-nav li .wsite-menu-link-styles {
 +
position: relative;
 +
padding: 10px 0;
 +
border: none;
 +
}
 +
.mobile-nav li > a.wsite-menu-item {
 +
position: relative;
 +
padding: 10px 0;
 +
border: none;
 +
}
 +
.mobile-nav li > a.wsite-menu-subitem {
 +
display: block;
 +
position: relative;
 +
padding: 10px 0;
 +
color: rgba(0,0,0,0.6);
 +
border: none;
 +
font-size: 14px;
 +
font-weight: 400;
 +
line-height: 1;
 +
-webkit-transition: all 300ms ease;
 +
-moz-transition: all 300ms ease;
 +
-ms-transition: all 300ms ease;
 +
transition: all 300ms ease;
 +
}
 +
.mobile-nav li .wsite-menu-wrap {
 +
display: block !important;
 +
overflow: hidden;
 +
max-height: 0;
 +
-webkit-transition: all 500ms ease-in-out 250ms;
 +
-moz-transition: all 500ms ease-in-out 250ms;
 +
-ms-transition: all 500ms ease-in-out 250ms;
 +
transition: all 500ms ease-in-out 250ms;
 +
}
 +
.mobile-nav li .wsite-menu-wrap li.wsite-nav-current > a.wsite-menu-subitem {
 +
background: rgba(0,0,0,0.05);
 +
border: none;
 +
}
 +
.mobile-nav li .wsite-menu-wrap .wsite-menu-arrow {
 +
display: none;
 +
}
 +
.mobile-nav li.wsite-menu-item-wrap#active > a.wsite-menu-item, .mobile-nav li.wsite-menu-item-wrap > a.wsite-menu-item:hover, .mobile-nav li.wsite-menu-subitem-wrap > a.wsite-menu-subitem:hover {
 +
background: rgba(0,0,0,0.05);
 +
border: none;
 +
}
 +
.mobile-nav li.wsite-nav-more {
 +
display: none !important;
 +
}
 +
.banner-wrap .container {
 +
padding: 60px 20px;
 +
word-wrap: break-word;
 +
}
 +
.banner-wrap .container h2 {
 +
font-size: 50px;
 +
}
 +
.main-wrap .container {
 +
padding: 30px 20px;
 +
}
 +
.footer-wrap .wsite-footer {
 +
width: 100%;
 +
padding: 30px 20px;
 +
box-sizing: border-box;
 +
}
 +
}
 +
div.paragraph ul, div.paragraph ol {
 +
padding-left: 3em !important;
 +
margin: 5px 0 !important;
 +
}
 +
div.paragraph li {
 +
padding-left: 5px !important;
 +
margin: 3px 0 0 !important;
 +
}
 +
div.paragraph ul, div.paragraph ul li {
 +
list-style: disc outside !important;
 +
}
 +
div.paragraph ol, div.paragraph ol li {
 +
list-style: decimal outside !important;
 +
}
 +
</style>
  
−
#cover{
 
−
width:100%;
 
−
height:600;
 
−
}
 
−
.picture{
 
−
width:250px;
 
−
height:150px;
 
−
margin-left:100px;
 
  
−
margin-top::100px;
+
<link href='http://cdn2.editmysite.com/fonts/Distant_Galaxy/font.css?2' rel='stylesheet' type='text/css' />
−
background-color:#C3F;
+
−
float:left;
+
−
margin-top: 100px;
+
−
}
+
−
.box{
+
−
width:550px;
+
−
height:200px;
+
  
−
margin-top::100px;
+
</style>
−
margin-left:50px;
+
<style type="text/css">
−
float:left;
+
.wsite-elements.wsite-not-footer:not(.wsite-header-elements) div.paragraph, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) p, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-block .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-description, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .wsite-form-field label, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .wsite-form-field label, #wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {
−
margin-top: 100px;
+
font-family: "Playfair Display" !important;
−
color:#F60;
+
 
}
 
}
−
.box2{
+
#wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {
−
width:550px;
+
color: #0e4361 !important;
−
height:200px;
+
}
−
margin-top::100px;
+
.wsite-elements.wsite-footer div.paragraph, .wsite-elements.wsite-footer p, .wsite-elements.wsite-footer .product-block .product-title, .wsite-elements.wsite-footer .product-description, .wsite-elements.wsite-footer .wsite-form-field label, .wsite-elements.wsite-footer .wsite-form-field label {
−
margin-left:100px;
+
}
−
 
+
.wsite-elements.wsite-not-footer:not(.wsite-header-elements) h2, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-long .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-large .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-small .product-title, #wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {
−
color:#F60;
+
font-family: "Playfair Display" !important;
 +
font-weight: 400 !important;
 +
}
 +
#wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {
 +
color: #1b597c !important;
 +
}
 +
.wsite-elements.wsite-footer h2, .wsite-elements.wsite-footer .product-long .product-title, .wsite-elements.wsite-footer .product-large .product-title, .wsite-elements.wsite-footer .product-small .product-title {
 +
}
 +
#wsite-title {
 +
font-family: "Distant Galaxy" !important;
 +
color: #3f3f3f !important;
 +
}
 +
.wsite-menu-default a {
 +
font-family: "Distant Galaxy" !important;
 +
text-transform: none !important;
 +
letter-spacing: 0px !important;
 +
}
 +
.wsite-menu a {
 +
font-family: "Advent Pro" !important;
 +
}
 +
.wsite-image div, .wsite-caption {
 +
}
 +
.galleryCaptionInnerText {
 +
}
 +
.fancybox-title {
 +
}
 +
.wslide-caption-text {
 +
}
 +
.wsite-phone {
 +
}
 +
.wsite-headline, .wsite-header-section .wsite-content-title {
 +
font-family: "Monoton" !important;
 +
color: #2a2a2a !important;
 +
text-transform: none !important;
 +
letter-spacing: -3px !important;
 +
}
 +
.wsite-headline-paragraph, .wsite-header-section .paragraph {
 +
font-family: "Bebas" !important;
 +
color: #d5d5d5 !important;
 +
text-transform: none !important;
 +
letter-spacing: 1px !important;
 +
}
 +
.wsite-button-inner {
 +
}
 +
.wsite-not-footer blockquote {
 +
}
 +
.wsite-footer blockquote {
 +
}
 +
.blog-header h2 a {
 
}
 
}
−
.picture2{
+
#wsite-content h2.wsite-product-title {
−
width:250px;
+
−
height:150px;
+
−
margin-left:100px;
+
−
background-color:#C3F;
+
−
float:left;
+
−
margin-top: 100px;
+
 
}
 
}
−
#nopadding{
+
.wsite-product .wsite-product-price a {
−
padding-left:0px;
+
 
}
 
}
−
#page{
 
−
text-align:justify;
 
−
  padding-left:170px;
 
−
  padding-right:170px;
 
−
  padding-top:100px;
 
−
  padding-bottom:100px;
 
−
  line-height:25px;
 
  
 +
@media screen and (min-width: 767px) {
 +
.wsite-elements.wsite-not-footer:not(.wsite-header-elements) div.paragraph, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) p, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-block .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-description, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .wsite-form-field label, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .wsite-form-field label, #wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {
 
}
 
}
−
#sec2{
+
#wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {
−
width: auto;
+
}
 +
.wsite-elements.wsite-footer div.paragraph, .wsite-elements.wsite-footer p, .wsite-elements.wsite-footer .product-block .product-title, .wsite-elements.wsite-footer .product-description, .wsite-elements.wsite-footer .wsite-form-field label, .wsite-elements.wsite-footer .wsite-form-field label {
 +
}
 +
.wsite-elements.wsite-not-footer:not(.wsite-header-elements) h2, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-long .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-large .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-small .product-title, #wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {
 +
font-size: 37px !important;
 +
}
 +
#wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {
 +
}
 +
.wsite-elements.wsite-footer h2, .wsite-elements.wsite-footer .product-long .product-title, .wsite-elements.wsite-footer .product-large .product-title, .wsite-elements.wsite-footer .product-small .product-title {
 +
}
 +
#wsite-title {
 +
}
 +
.wsite-menu-default a {
 +
font-size: 15px !important;
 +
}
 +
.wsite-menu a {
 +
}
 +
.wsite-image div, .wsite-caption {
 +
}
 +
.galleryCaptionInnerText {
 +
}
 +
.fancybox-title {
 +
}
 +
.wslide-caption-text {
 +
}
 +
.wsite-phone {
 +
}
 +
.wsite-headline, .wsite-header-section .wsite-content-title {
 +
font-size: 80px !important;
 +
line-height: 6px !important;
 +
}
 +
.wsite-headline-paragraph, .wsite-header-section .paragraph {
 +
font-size: 53px !important;
 +
line-height: 35px !important;
 +
}
 +
.wsite-button-inner {
 +
}
 +
.wsite-not-footer blockquote {
 +
}
 +
.wsite-footer blockquote {
 +
}
 +
.blog-header h2 a {
 +
}
 +
#wsite-content h2.wsite-product-title {
 +
}
 +
.wsite-product .wsite-product-price a {
 +
}
 +
}
 +
</style>
  
−
background-color:#DEDEDE;
+
<script>
−
}
+
var STATIC_BASE = '//cdn1.editmysite.com/';
−
#sec1{
+
var ASSETS_BASE = '//cdn2.editmysite.com/';
−
width: auto;
+
var STYLE_PREFIX = 'wsite';
−
background-color:#FFFFFF;
+
</script>
−
}
+
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>
−
#sec3{
+
−
width: auto;
+
  
 +
<script type="text/javascript"><!--
 +
 +
 +
function initFlyouts(){
 +
initPublishedFlyoutMenus(
 +
[{"id":"773361053354162385","title":"Home","url":"index.html","target":"","nav_menu":false,"nonclickable":false},{"id":"879366751275371116","title":"Services","url":"services.html","target":"","nav_menu":false,"nonclickable":false},{"id":"154088305433596214","title":"About","url":"about.html","target":"","nav_menu":false,"nonclickable":false},{"id":"300162110557398011","title":"News","url":"news.html","target":"","nav_menu":false,"nonclickable":false},{"id":"166984439471463045","title":"Contact","url":"contact.html","target":"","nav_menu":false,"nonclickable":false}],
 +
"773361053354162385",
 +
'',
 +
'active',
 +
false,
 +
{"navigation\/item":"<li {{#id}}id=\"{{id}}\"{{\/id}} class=\"wsite-menu-item-wrap\">\n\t<a\n\t\t{{^nonclickable}}\n\t\t\t{{^nav_menu}}\n\t\t\t\thref=\"{{url}}\"\n\t\t\t{{\/nav_menu}}\n\t\t{{\/nonclickable}}\n\t\t{{#target}}\n\t\t\ttarget=\"{{target}}\"\n\t\t{{\/target}}\n\t\t{{#membership_required}}\n\t\t\tdata-membership-required=\"{{.}}\"\n\t\t{{\/membership_required}}\n\t\tclass=\"wsite-menu-item\"\n\t\t>\n\t\t{{{title_html}}}\n\t<\/a>\n\t{{#has_children}}{{> navigation\/flyout\/list}}{{\/has_children}}\n<\/li>\n","navigation\/flyout\/list":"<div class=\"wsite-menu-wrap\" style=\"display:none\">\n\t<ul class=\"wsite-menu\">\n\t\t{{#children}}{{> navigation\/flyout\/item}}{{\/children}}\n\t<\/ul>\n<\/div>\n","navigation\/flyout\/item":"<li {{#id}}id=\"{{id}}\"{{\/id}}\n\tclass=\"wsite-menu-subitem-wrap {{#is_current}}wsite-nav-current{{\/is_current}}\"\n\t>\n\t<a\n\t\t{{^nonclickable}}\n\t\t\t{{^nav_menu}}\n\t\t\t\thref=\"{{url}}\"\n\t\t\t{{\/nav_menu}}\n\t\t{{\/nonclickable}}\n\t\t{{#target}}\n\t\t\ttarget=\"{{target}}\"\n\t\t{{\/target}}\n\t\tclass=\"wsite-menu-subitem\"\n\t\t>\n\t\t<span class=\"wsite-menu-title\">\n\t\t\t{{{title_html}}}\n\t\t<\/span>{{#has_children}}<span class=\"wsite-menu-arrow\">&gt;<\/span>{{\/has_children}}\n\t<\/a>\n\t{{#has_children}}{{> navigation\/flyout\/list}}{{\/has_children}}\n<\/li>\n"},
 +
{}
 +
)
 +
}
 +
//-->
 +
</script>
 +
</head>
  
−
#b{height:50px;background-color:#6C6C6C；
+
<body class="header-page  wsite-page-index  full-width-body-on header-overlay-on alt-nav-off  wsite-theme-light">
−
position:fixed;bottom:0px;text-align:center;}
+
<div class="wrapper">
−
h1{font-size:2em;}
+
  <div class="birdseye-header">
−
</style>
+
    <div class="nav-wrap">
−
<body>
+
      <div class="container">
 +
        <div class="logo"><span class="wsite-logo"> <a> <span id="wsite-title">SMS | Shenzhen</span> </a> </span></div>
 +
        <div class="nav desktop-nav">
 +
          <ul class="wsite-menu-default">
 +
            <li id="active" class="wsite-menu-item-wrap"> <a
 +
href="index.html"
 +
class="wsite-menu-item" style = "color: #4aa328"
 +
> 主页 </a> </li>
 +
            <li id="pg879366751275371116" class="wsite-menu-item-wrap"> <a
 +
href="services.html"
 +
class="wsite-menu-item"
 +
> 分页1 </a> </li>
 +
            <li id="pg154088305433596214" class="wsite-menu-item-wrap"> <a
 +
href="about.html" style = "color: #4aa328"
 +
class="wsite-menu-item"
 +
> 分页2 </a> </li>
 +
            <li id="pg300162110557398011" class="wsite-menu-item-wrap"> <a
 +
href="news.html"
 +
class="wsite-menu-item"
 +
> 分页3 </a> </li>
 +
            <li id="pg166984439471463045" class="wsite-menu-item-wrap"> <a
 +
href="contact.html"
 +
class="wsite-menu-item" style = "color: #4aa328"
 +
> 分页4 </a> </li>
 +
          </ul>
 +
        </div>
 +
        <label class="hamburger"><span></span></label>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="banner-wrap">
 +
    <div class="wsite-elements wsite-not-footer wsite-header-elements">
 +
      <div class="wsite-section-wrap">
 +
        <div  class="wsite-section wsite-header-section wsite-section-bg-image wsite-section-effect-reveal" style="height: 977px;background-image: url('https://static.igem.org/mediawiki/2017/b/b5/SMS_Shenzhen_17_homepicture2.jpg') ;background-repeat: no-repeat ;background-position: 50% 50% ;background-size: 100% ;background-color: transparent ;background-size: cover;" >
 +
          <div class="wsite-section-content">
 +
            <div class="container">
 +
              <div class="banner">
 +
                <div class="wsite-section-elements">
 +
                  <div class="wsite-spacer" style="height:83px;"></div>
 +
                  <h2 class="wsite-content-title" style="text-align:left;">&#8203;<br />
 +
                    <font color="#c2743b"></font><br />
 +
                    <br />
 +
                    <br />
 +
                  </h2>
 +
                  <div class="paragraph" style="text-align:left;"><font color="#da8044"><font size="6">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</font></font> <font size="7">&nbsp;</font><font size="6"><font color="#626262"></font> <font color="#e0915c"> </font><font color="#818181"></font>&nbsp;&nbsp; &nbsp; &#8203;</font><br />
 +
                    <font size="6">&#8203; &nbsp; &nbsp; &nbsp; </font><font size="5">&nbsp;&nbsp;</font><font size="6"><font color="#e0915c"></font> <font color="#626262"> </font><font color="#e0915c"></font></font></div>
 +
                  <div>
 +
                    <div class="wsite-multicol">
 +
                      <div class="wsite-multicol-table-wrap" style="margin:0 -15px;">
 +
                        <table class="wsite-multicol-table">
 +
                          <tbody class="wsite-multicol-tbody">
 +
                            <tr class="wsite-multicol-tr">
 +
                              <td class="wsite-multicol-col" style="width:96.418338108883%; padding:0 15px;"><div class="wsite-spacer" style="height:35px;"></div></td>
 +
                              <td class="wsite-multicol-col" style="width:3.5816618911175%; padding:0 15px;"><div class="wsite-spacer" style="height:50px;"></div></td>
 +
                            </tr>
 +
                          </tbody>
 +
                        </table>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
                  <div class="wsite-spacer" style="height:163px;"></div>
 +
                </div>
 +
              </div>
 +
            </div>
 +
          </div>
 +
          <div class=""></div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="main-wrap">
 +
    <div id="wsite-content" class="wsite-elements wsite-not-footer">
 +
      <div class="wsite-section-wrap">
 +
        <div class="wsite-section wsite-body-section wsite-section-bg-color wsite-background-2" style="background-color: #ffffff;background-image: none;" >
 +
          <div class="wsite-section-content">
 +
            <div class="container">
 +
              <div class="wsite-section-elements">
 +
                <div class="wsite-spacer" style="height:31px;"></div>
 +
                <div>
 +
                  <div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="uploads/1/0/8/3/108309233/icon-1_2_orig.png" alt="Picture" style="width:auto;max-width:100%" /> </a>
 +
                    <div style="display:block;font-size:90%"></div>
 +
                  </div>
 +
                </div>
 +
                <div class="wsite-spacer" style="height:19px;"></div>
 +
                <h2 class="wsite-content-title" style="text-align:center;">&#8203;<span>Our Project</span></h2>
 +
                <div class="wsite-spacer" style="height:50px;"></div>
 +
                <div>
 +
                  <div class="wsite-multicol">
 +
                    <div class="wsite-multicol-table-wrap" style="margin:0 -15px;">
 +
                      <table class="wsite-multicol-table">
 +
                        <tbody class="wsite-multicol-tbody">
 +
                          <tr class="wsite-multicol-tr">
 +
                            <td class="wsite-multicol-col" style="width:100%; padding:0 15px;"><div class="paragraph"><span> Scale insects like to be parasitic on many kinds of fruit trees, flowers, and crops. For example, succulent plants, apricot, and apple trees attract them a lot. Besides, the honeydew they secrete can cause sooty mildew. Therefore, it is extremely important for the farmers to prevent the rampancy of scale insects. Scale insects vary in appearance, but the common thing is that they all secrete a waxy coating as their “armor”.</span>&#8203;</div></td>
 +
                          </tr>
 +
                        </tbody>
 +
                      </table>
 +
                    </div>
 +
                  </div>
 +
                </div>
 +
                <div>
 +
                  <div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0px;margin-right:0px;text-align:center"> <a> <img src="https://static.igem.org/mediawiki/2017/3/3c/SMS_Shenzhen_17_SootyMould.jpg" alt="Picture" style="width:auto;max-width:100%" /> </a>
 +
                    <div style="display:block;font-size:90%"></div>
 +
                  </div>
 +
                </div>
 +
              </div>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div>
 +
        <div class="wsite-multicol">
 +
          <div class="wsite-multicol-table-wrap" style="margin:0 -15px;">
 +
            <table class="wsite-multicol-table">
 +
              <tbody class="wsite-multicol-tbody">
 +
                <tr class="wsite-multicol-tr">
 +
                  <td class="wsite-multicol-col" style="width:100%; padding:0 45px;"><div class="paragraph"><span> To control the effect of the scale insects on farming, nowadays farmers kill scale insect by injecting pesticides into the trunk. So when the scale insect bites the trees, they would be killed. However, chemical method would result in the resistance of the insects to drugs. And there is a possibility that the whole food chain would be changed and the ecological balance would be destroyed. In order to bring convenience and safe to farmers, we decide to create a special bio-safe pesticide, making the deinsectization process faster, stronger and better.</span>&#8203;</div></td>
 +
                </tr>
 +
              </tbody>
 +
            </table>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="wsite-section-wrap">
 +
        <div class="wsite-section wsite-body-section wsite-section-bg-image wsite-background-3" style="height: 791px;vertical-align: top;background-image: url('uploads/1/0/8/3/108309233/background-images/854131082.png') ;background-repeat: no-repeat ;background-position: 50% 50% ;background-size: 100% ;background-color: transparent ;background-size: cover;" >
 +
          <div class="wsite-section-content">
 +
            <div class="container">
 +
              <div class="wsite-section-elements">
 +
                <div class="wsite-spacer" style="height:646px;"></div>
 +
              </div>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="wsite-section-wrap">
 +
        <div class="wsite-section wsite-body-section wsite-section-bg-color wsite-background-4" style="height: auto;background-color: #ffffff;background-image: none;is_customized: 1;" >
 +
          <div class="wsite-section-content">
 +
            <div class="container">
 +
              <div class="wsite-section-elements">
 +
                <div>
 +
                  <div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0px;margin-right:0px;text-align:left"> <a> <img src="uploads/1/0/8/3/108309233/icon-2_2_orig.png" alt="Picture" style="width:auto;max-width:100%" /> </a>
 +
                    <div style="display:block;font-size:90%"></div>
 +
                  </div>
 +
                </div>
 +
                <h2 class="wsite-content-title" style="text-align:left;"><font size="6" color="#2a2a2a"><font size="7"><span>Breathtaking adventures</span></font></font></h2>
 +
                <div class="wsite-spacer" style="height:16px;"></div>
 +
                <div>
 +
                  <div class="wsite-multicol">
 +
                  <div class="wsite-multicol-table-wrap" style="margin:0 -15px;">
 +
                  <table class="wsite-multicol-table">
 +
                    <tbody class="wsite-multicol-tbody">
 +
                      <tr class="wsite-multicol-tr">
 +
                        <td class="wsite-multicol-col" style="width:100%; padding:0 15px;"><div class="paragraph"><span>From over 500 different mountain adventures, Highpeak is the tour company to use. Not only are our guides effecitve in giving you the best journey, we&rsquo;re knowledgable about the areas we venture out into. So no matter what you&rsquo;re looking for, Highpeak has it. From 14,000 feet in the air, to multiple day long hikes and camping under the stars, we&rsquo;ve got you covered. Come explore the nations most beautiful and scenic areas with us, we&rsquo;re certain you&rsquo;ll be wanting more.&nbsp;</span>&#8203;</div>
 +
                          <div style="clear:both;"></div>
 +
                      </div>
 +
                   
 +
                      </div>
 +
                   
 +
                      </td>
 +
                   
 +
                      </tr>
 +
                   
 +
                      </tbody>
 +
                   
 +
                  </table>
 +
                </div>
 +
              </div>
 +
            </div>
 +
            <div class="wsite-spacer" style="height:178px;"></div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="wsite-section-wrap">
 +
    <div class="wsite-section wsite-body-section wsite-section-bg-image wsite-section-effect-reveal wsite-background-5" style="height: 944px;vertical-align: top;background-image: url('uploads/1/0/8/3/108309233/background-images/1180849163.png') ;background-repeat: no-repeat ;background-position: 50% 50% ;background-size: 100% ;background-color: transparent ;background-size: cover;" >
 +
      <div class="wsite-section-content">
 +
        <div class="container">
 +
          <div class="wsite-section-elements">
 +
            <div class="wsite-spacer" style="height:65px;"></div>
 +
            <div class="wsite-spacer" style="height:74px;"></div>
 +
            <div>
 +
              <div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="uploads/1/0/8/3/108309233/icon-3_2_orig.png" alt="Picture" style="width:auto;max-width:100%" /> </a>
 +
                <div style="display:block;font-size:90%"></div>
 +
              </div>
 +
            </div>
 +
            <h2 class="wsite-content-title" style="text-align:center;"><font size="7" color="#ffffff"><span>Nature calls. Will you answer?</span></font></h2>
 +
            <div class="wsite-spacer" style="height:12px;"></div>
 +
            <div class="paragraph" style="text-align:center;"><span><span><font color="#ffffff"><font size="5">To edit, simply click directly on the text and add your own words.<br />
 +
              Use this text to go into more detail about who you are.</font></font></span></span></div>
 +
            <div class="wsite-spacer" style="height:50px;"></div>
 +
            <div>
 +
              <div class="wsite-multicol">
 +
                <div class="wsite-multicol-table-wrap" style="margin:0 -55px;">
 +
                  <table class="wsite-multicol-table">
 +
                    <tbody class="wsite-multicol-tbody">
 +
                      <tr class="wsite-multicol-tr">
 +
                        <td class="wsite-multicol-col" style="width:33.146591970121%; padding:0 55px;"><div>
 +
                            <div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="uploads/1/0/8/3/108309233/icon-service-1_2_orig.png" alt="Picture" style="width:auto;max-width:100%" /> </a>
 +
                              <div style="display:block;font-size:90%"></div>
 +
                            </div>
 +
                          </div>
 +
                          <h2 class="wsite-content-title" style="text-align:center;"><strong><font size="4" color="#ffffff">KAYAKING</font></strong></h2>
 +
                          <div class="paragraph" style="text-align:center;"><span>&#65279;</span><font color="#ffffff"><font size="3">Explore the clear waters of Hanging Lake or, Lake Tahoe. Kayak with Highpeak on adventures that will leave you speachless to say the least. Book a kayak tour today!</font></font></div>
 +
                          <div class="wsite-spacer" style="height:16px;"></div>
 +
                          <div style="text-align:center;">
 +
                            <div style="height: 10px; overflow: hidden;"></div>
 +
                            <a class="wsite-button wsite-button-large wsite-button-highlight" href="services.html" > <span class="wsite-button-inner">VIEW TOURS</span> </a>
 +
                            <div style="height: 10px; overflow: hidden;"></div>
 +
                          </div></td>
 +
                        <td class="wsite-multicol-col" style="width:33.520074696545%; padding:0 55px;"><div>
 +
                            <div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="uploads/1/0/8/3/108309233/icon-service-2_2_orig.png" alt="Picture" style="width:auto;max-width:100%" /> </a>
 +
                              <div style="display:block;font-size:90%"></div>
 +
                            </div>
 +
                          </div>
 +
                          <h2 class="wsite-content-title" style="text-align:center;"><strong><font size="4" color="#ffffff">FREE CLIMBING</font></strong></h2>
 +
                          <div class="paragraph" style="text-align:center;"><font size="4"><span style="color:rgb(255, 255, 255)"></span></font><span><font size="3" color="#ffffff">Does free climbing down a steep mountain get your juices flowing? Embark on a hike and climb adventure with our knowledgable climbing guides.</font></span><br />
 +
                            <span></span><span style="color:rgb(255, 255, 255)"></span></div>
 +
                          <div class="wsite-spacer" style="height:32px;"></div>
 +
                          <div style="text-align:center;">
 +
                            <div style="height: 10px; overflow: hidden;"></div>
 +
                            <a class="wsite-button wsite-button-large wsite-button-highlight" href="services.html" > <span class="wsite-button-inner">VIEW TOURS</span> </a>
 +
                            <div style="height: 10px; overflow: hidden;"></div>
 +
                          </div></td>
 +
                        <td class="wsite-multicol-col" style="width:33.333333333333%; padding:0 55px;"><div>
 +
                            <div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="uploads/1/0/8/3/108309233/icon-service-3_2_orig.png" alt="Picture" style="width:auto;max-width:100%" /> </a>
 +
                              <div style="display:block;font-size:90%"></div>
 +
                            </div>
 +
                          </div>
 +
                          <h2 class="wsite-content-title" style="text-align:center;"><strong><font size="4" color="#ffffff">MOUNTAIN BIKE</font></strong></h2>
 +
                          <div class="paragraph" style="text-align:center;"><span><font color="#ffffff"><font size="3">From high in the Seirras to up in the clouds, mountain biking with Highpeak will prove to be a challenging adventure you won&rsquo;t soon forget.</font></font></span></div>
 +
                          <div class="wsite-spacer" style="height:32px;"></div>
 +
                          <div style="text-align:center;">
 +
                            <div style="height: 10px; overflow: hidden;"></div>
 +
                            <a class="wsite-button wsite-button-large wsite-button-highlight" href="services.html" > <span class="wsite-button-inner">VIEW TOURS</span> </a>
 +
                            <div style="height: 10px; overflow: hidden;"></div>
 +
                          </div></td>
 +
                      </tr>
 +
                    </tbody>
 +
                  </table>
 +
                </div>
 +
              </div>
 +
            </div>
 +
            <div class="wsite-spacer" style="height:36px;"></div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="wsite-section-wrap">
 +
    <div class="wsite-section wsite-body-section wsite-section-bg-image wsite-background-15" style="height: 430px;background-image: url('uploads/1/0/8/3/108309233/background-images/860602141.jpeg') ;background-repeat: no-repeat ;background-position: 50.00% 83.07% ;background-size: 100% ;background-color: transparent ;background-size: cover;" >
 +
      <div class="wsite-section-content">
 +
        <div class="container">
 +
          <div class="wsite-section-elements">
 +
            <div class="wsite-spacer" style="height:84px;"></div>
 +
            <div class="paragraph" style="text-align:center;"><br />
 +
              <em><span><font size="6" color="#ffffff">"If you&rsquo;re writing a medium or long section of text, break it up with more than one paragraph for better readability.&rdquo;</font></span></em><br />
 +
            </div>
 +
            <div class="wsite-spacer" style="height:19px;"></div>
 +
            <h2 class="wsite-content-title" style="text-align:center;"><strong><font size="4" color="#ffffff">- SOMEONE ONCE SAID</font></strong></h2>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
  
−
<div class="header">
+
<!-- /.wrapper -->  
  
 +
<script type="text/javascript">
 +
jQuery(function($) {
  
−
</div>
+
    // Fixed nav
−
</div>
+
    $.fn.checkHeaderPositioning = function(scrollEl, scrollClass) {
 +
        var $me = $(this);
  
 +
        if (!$me.length) {
 +
          return;
 +
        }
  
−
</li>
+
        if($(scrollEl).scrollTop() > 50) {
−
</ul>
+
            $me.addClass(scrollClass);
−
</div>
+
        } else if($(scrollEl).scrollTop() === 0) {
 +
            $me.removeClass(scrollClass);
 +
        }
 +
    };
  
−
</div>
+
  // Mobile sidebars
−
</div>
+
  $.fn.expandableSidebar = function(expandedClass) {
 +
    var $me = this;
  
−
</li>
+
    $me.on('click', function() {
−
  </ul>
+
      if(!$me.hasClass(expandedClass)) {
−
</div>
+
        $me.addClass(expandedClass);
−
</div>
+
      } else {
 +
        $me.removeClass(expandedClass);
 +
      }
 +
    });
 +
  }
  
−
<img style="width:100%" src="https://static.igem.org/mediawiki/2017/b/b5/SMS_Shenzhen_17_homepicture2.jpg" /> 
+
  // Interval loop
−
<div id="sec1">
+
  $.fn.intervalLoop = function(condition, action, duration, limit) {
−
<div id="page">
+
    var counter = 0;
−
<h1>Project Description</h1>
+
    var looper = setInterval(function(){
−
<h3> Scale insects like to be parasitic on many kinds of fruit trees, flowers, and crops. For example, succulent plants, apricot, and apple trees attract them a lot. Besides, the honeydew they secrete can cause sooty mildew. Therefore, it is extremely important for the farmers to prevent the rampancy of scale insects. Scale insects vary in appearance, but the common thing is that they all secrete a waxy coating as their “armor”. </h3>
+
      if (counter >= limit || $.fn.checkIfElementExists(condition)) {
−
<img style="width:70%" src="https://static.igem.org/mediawiki/2017/3/3c/SMS_Shenzhen_17_SootyMould.jpg"/> 
+
        clearInterval(looper);
−
<h3> To control the effect of the scale insects on farming, nowadays farmers kill scale insect by injecting pesticides into the trunk. So when the scale insect bites the trees, they would be killed. However, chemical method would result in the resistance of the insects to drugs. And there is a possibility that the whole food chain would be changed and the ecological balance would be destroyed. In order to bring convenience and safe to farmers, we decide to create a special bio-safe pesticide, making the deinsectization process faster, stronger and better.</h3>
+
      } else {
−
</div>
+
        action();
−
</div>
+
        counter++;
−
<div id="sec2">
+
      }
−
<div id="page">
+
    }, duration);
−
<h1>Introduction</h1>
+
  }
−
<h3>
+
−
Our thought of this project comes from the basic structure of the scale insect. According to other researches, the thick shell of the insect is made of three different kinds of material: a layer of wax secreted by the insect, a layer of chitin, and a layer of protein. These substances compose the harsh shell of the scale insect. Since it is a combination of wax, chitin and protein, we consider that maybe we can decompose them layer by layer, and finally destroy its shell. Without its shell, it is extremely difficult for it to stay alive, and any kind of pesticide would be able to kill that insect easily and immediately. Therefore, we put this idea forward: decompose its shell layer by layer, and finally get the result that its harsh shell is destroyed. </h3>
+
−
<img style="width:70%" src="https://static.igem.org/mediawiki/2017/b/b7/SMS_Shenzhen_17_ScaleInsects3.jpg"/> 
+
−
<h3>
+
−
Since this kind of insects always damage fruit trees and succulent plants, it is important that we should keep them safe while killing those insects. Otherwise, those fruits may be stained. Thus, we design a suicide process to let bacteria suicide after wipe out those pests. After killing the insect, bacteria would kill themselves because of the suicide gene. In this way, we can ensure that our method won’t affect any plants or fruits.</h3>
+
  
−
</div>
+
  // Check if element exists
−
</div>
+
  $.fn.checkIfElementExists = function(selector) {
−
<div id="sec1">
+
    return $(selector).length;
−
<div id="page">
+
  }
−
<h1>Parts Description</h1>
+
−
<h3> According to the thesis*1, we know that chitinase and protease are playing the most important role when the entomopathogen is trying to infect the scale insects. Entomopathogen needs chitinase to resolve the chitin layer of insects and needs protease to resolve the protein layer of insects. Base on this information, we transmit the chitinase gene and the protease gene to E. coli so that our E. coli can “open” the Chitin layer and Protein layer easily. </h3>
+
−
<img style="width:70%" src="https://static.igem.org/mediawiki/2017/4/4e/SMS_Shenzhen_17_Chitin.jpg"/>
+
−
<h3> In another thesis*2, we found a specific entomopathogen named Verticillium lecanii. These kind of fungi are parasitic on scale insects, and they use chitinase, protease to “open” the shell of scale insects just like the description in thesis1. Thus, we use the chitinase gene (Genbank number: ) and Protease gene(Genbank number: )that has been found in Verticillium lecanii. Now our E. coli has two incisive “swords” and we can achieve our final goals. </h3>
+
−
<img style="width:70%" src="https://static.igem.org/mediawiki/2017/a/a0/SMS_Shenzhen_17_ScaleInsects5.jpg"/>
+
−
<h3> Now we can “open” the shell of scale insects easily, but how can our E. coli distinguish the scale insects successfully? We do not want our E. coli to produce chitinase and protease all the time, since those two enzymes may cause damage to plants. We solve this problem by using a special promoter. SacB promoter is a great promoter that can recognize cane sugar. And we know that scale insects secrete honeydew that contains amino acid and sugar, such as cane sugar. Those secretions can cling on the surface of the scale insect’s shell. Above all, if we put SacB promoter gene into our E. coli, they would recognize scale insects easily and specifically. Then, if our E. coli meet some cane sugar that is placed on the surface of scale insects, another gene will be waken and start to be translated. </h3>
+
−
<img style="width:70%" src="https://static.igem.org/mediawiki/2017/9/9f/SMS_Shenzhen_17_ScaleInsects4.jpg"/>
+
−
<h3> You may be confused now, but I am going to explain that. First, you should know that the two enzymes, chitinase and protease, are not exocrine enzymes. So how can they touch the layers of scale insects? The special gene mentioned above – S-RRz will do this job. This gene can split the cytomembrane of E. coli in 30 min and let our enzymes come out. And now, our enzymes can start working and destroy the shell of scale insects.  </h3>
+
  
 +
  var birdseyeController = {
 +
    init: function(opts) {
 +
      var base = this;
  
−
</div>
+
      $('body').checkHeaderPositioning(window, 'affix');
−
</div>
+
−
<div id="sec2">
+
−
<div id="page">
+
−
<h1>Expected Result</h1>
+
−
<h3> According to our explanation above, it is necessary to predict the result we would get from this project. As we all know, scale insect is the nightmare of many succulent plants and fruit, so probably this project would be used in agriculture and farming. We can design a pesticide kit that contains 3 kinds of engineered E.coli, which are separately designed to produce 3 kinds of enzymes. Farmers can easily mix them together at a certain portion and spread the pesticide to the scale insect. Since we don't want E.coli to have any competition with each other, those 3 kinds of E.coli should be cultivated and kept separately, and they would only be mixed just before people spray trees or crops with the final insecticide.</h3>
+
−
<img style="width:70%" src="https://static.igem.org/mediawiki/2017/b/b7/SMS_Shenzhen_17_PesticideUsing.jpg"/>
+
−
<h3> In order to eliminate the possibility of damage during transportation process from the lab or pesticide company to the customer, we collaborate with team SIAT-SCIE. The special technique developed by team SIAT-SCIE would keep our product safe and make it convenient enough for long-time transportation. Thanks to team SIAT-SCIE, our project becomes more reliable, controllable and applicable.
+
−
</h3>
+
−
<img style="width:70%" src="https://static.igem.org/mediawiki/2017/0/0c/SMS_Shenzhen_17_Transportation.jpg"/>
+
  
−
</div>
+
      // Add classes to elements
 +
      base._addClasses();
  
−
</div>
+
      if(!$('body').hasClass('wsite-editor') && $('#wsite-nav-cart-a').length) {
 +
        $('#wsite-nav-cart-a').html($('#wsite-nav-cart-a').html().replace(/[()]/g, ''));
 +
      }
 +
 
 +
      setTimeout(function(){
 +
        base._checkCartItems();
 +
        base._attachEvents();
 +
        if($('#wsite-nav-cart-a').length) {
 +
          $('#wsite-nav-cart-a').html($('#wsite-nav-cart-a').html().replace(/[()]/g, ''));
 +
        }
 +
      }, 1000);
 +
    },
 +
 
 +
    _addClasses: function() {
 +
      var base = this;
 +
 
 +
      // Add fade in class to nav + logo + banner
 +
        $('body').addClass('fade-in');
 +
 
 +
      // Add class to nav items with subnav
 +
      $('.wsite-menu-default').find('li.wsite-menu-item-wrap').each(function(){
 +
        var $me = $(this);
 +
 
 +
        if($me.children('.wsite-menu-wrap').length > 0) {
 +
          $me.addClass('has-submenu');
 +
          $('<span class="icon-caret"></span>').insertAfter($me.children('a.wsite-menu-item'));
 +
        }
 +
      });
 +
 
 +
      // Add class to subnav items with subnav
 +
      $('.wsite-menu').find('li.wsite-menu-subitem-wrap').each(function(){
 +
        var $me = $(this);
 +
 
 +
        if($me.children('.wsite-menu-wrap').length > 0) {
 +
          $me.addClass('has-submenu');
 +
          $('<span class="icon-caret"></span>').insertAfter($me.children('a.wsite-menu-subitem'));
 +
        }
 +
      });
 +
 
 +
        // Keep subnav open if submenu item is active
 +
        if ($(window).width() < 1024) {
 +
          $('li.wsite-menu-subitem-wrap.wsite-nav-current').parents('.wsite-menu-wrap').addClass('open');
 +
        }
 +
 
 +
      // Add placeholder text to inputs
 +
      $('.wsite-form-sublabel').each(function(){
 +
        var sublabel = $(this).text();
 +
        $(this).prev('.wsite-form-input').attr('placeholder', sublabel);
 +
      });
 +
    },
 +
 
 +
    _checkCartItems: function() {
 +
      var base = this;
 +
      if($('#wsite-mini-cart').find('li.wsite-product-item').length > 0) {
 +
        $('body').addClass('cart-full');
 +
      } else {
 +
        $('body').removeClass('cart-full');
 +
      }
 +
    },
 +
 
 +
    _moveFlyout: function() {
 +
      var maxheight = $(window).height() - $('.birdseye-header').outerHeight();
 +
      var anchor = true;
 +
 
 +
      $('#wsite-menus .wsite-menu-wrap').each(function() {
 +
        if ($(this).outerHeight() > maxheight) {
 +
          anchor = false;
 +
        }
 +
      });
 +
 
 +
      if (anchor) {
 +
        var move = $("#wsite-menus").detach();
 +
        $(".birdseye-header").append(move);
 +
      }
 +
    },
 +
 
 +
    _attachEvents: function() {
 +
      var base = this;
 +
 
 +
        $('label.hamburger').on('click', function() {
 +
            if (!$('body').hasClass('nav-open')) {
 +
                $('body').addClass('nav-open');
 +
            } else {
 +
                $('body').removeClass('nav-open');
 +
            }
 +
        });
 +
        // Move Flyout
 +
        $.fn.intervalLoop('.birdseye-header #wsite-menus', base._moveFlyout, 300, 8);
 +
 
 +
        // Window scroll
 +
 
 +
        // Fixed header
 +
        $(window).on('scroll', function() {
 +
          $('body').checkHeaderPositioning(window, 'affix');
 +
        });
 +
    }
 +
  };
 +
 
 +
  $(document).ready(function(){
 +
    birdseyeController.init();
 +
  });
 +
});
 +
</script>
 +
<style>
 +
.cento-header, .cento-header .nav-wrap, .footer-wrap
 +
{
 +
background: #ffffff !important;
 +
}
 +
</style>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 07:54, 8 September 2017

SMS | Shenzhen

​Our Project

Scale insects like to be parasitic on many kinds of fruit trees, flowers, and crops. For example, succulent plants, apricot, and apple trees attract them a lot. Besides, the honeydew they secrete can cause sooty mildew. Therefore, it is extremely important for the farmers to prevent the rampancy of scale insects. Scale insects vary in appearance, but the common thing is that they all secrete a waxy coating as their “armor”.​
To control the effect of the scale insects on farming, nowadays farmers kill scale insect by injecting pesticides into the trunk. So when the scale insect bites the trees, they would be killed. However, chemical method would result in the resistance of the insects to drugs. And there is a possibility that the whole food chain would be changed and the ecological balance would be destroyed. In order to bring convenience and safe to farmers, we decide to create a special bio-safe pesticide, making the deinsectization process faster, stronger and better.​

Breathtaking adventures

From over 500 different mountain adventures, Highpeak is the tour company to use. Not only are our guides effecitve in giving you the best journey, we’re knowledgable about the areas we venture out into. So no matter what you’re looking for, Highpeak has it. From 14,000 feet in the air, to multiple day long hikes and camping under the stars, we’ve got you covered. Come explore the nations most beautiful and scenic areas with us, we’re certain you’ll be wanting more. ​

Nature calls. Will you answer?

To edit, simply click directly on the text and add your own words.
Use this text to go into more detail about who you are.

KAYAKING

Explore the clear waters of Hanging Lake or, Lake Tahoe. Kayak with Highpeak on adventures that will leave you speachless to say the least. Book a kayak tour today!

FREE CLIMBING

Does free climbing down a steep mountain get your juices flowing? Embark on a hike and climb adventure with our knowledgable climbing guides.

MOUNTAIN BIKE

From high in the Seirras to up in the clouds, mountain biking with Highpeak will prove to be a challenging adventure you won’t soon forget.

"If you’re writing a medium or long section of text, break it up with more than one paragraph for better readability.”

- SOMEONE ONCE SAID