(Prototype team page) |
|||
(3 intermediate revisions by one other user not shown) | |||
Line 1: | Line 1: | ||
{{CIEI-BJ}} | {{CIEI-BJ}} | ||
− | <html> | + | <html lang="en"> |
+ | <head> | ||
+ | <meta charset="UTF-8"> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <title>Bootstrap Product Page Template</title> | ||
+ | <!-- Bootstrap --> | ||
+ | <link rel="stylesheet" href="https://s3-us-west-2.amazonaws.com/mszpubliccloud/bootstrap.css"> | ||
+ | <style type="text/css"> | ||
+ | .btn1 { display: inline-block; | ||
+ | padding: 6px 12px; | ||
+ | margin-bottom: 0; | ||
+ | font-size: 14px; | ||
+ | font-weight: normal; | ||
+ | line-height: 1.42857143; | ||
+ | text-align: center; | ||
+ | white-space: nowrap; | ||
+ | vertical-align: middle; | ||
+ | -ms-touch-action: manipulation; | ||
+ | touch-action: manipulation; | ||
+ | cursor: pointer; | ||
+ | -webkit-user-select: none; | ||
+ | -moz-user-select: none; | ||
+ | -ms-user-select: none; | ||
+ | user-select: none; | ||
+ | background-image: none; | ||
+ | border: 1px solid transparent; | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | .btn1 { outline: thin dotted; | ||
+ | outline: 5px auto -webkit-focus-ring-color; | ||
+ | outline-offset: -2px; | ||
+ | } | ||
+ | .btn1 { outline: thin dotted; | ||
+ | outline: 5px auto -webkit-focus-ring-color; | ||
+ | outline-offset: -2px; | ||
+ | } | ||
+ | .btn1 { color: #333; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .btn1 { background-image: none; | ||
+ | outline: 0; | ||
+ | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | ||
+ | box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | ||
+ | } | ||
+ | .btn1 { cursor: not-allowed; | ||
+ | filter: alpha(opacity=65); | ||
+ | -webkit-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | opacity: .65; | ||
+ | } | ||
+ | .btn1 { cursor: not-allowed; | ||
+ | filter: alpha(opacity=65); | ||
+ | -webkit-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | opacity: .65; | ||
+ | } | ||
+ | .btn-success1 { color: #fff; | ||
+ | background-color: #5cb85c; | ||
+ | border-color: #4cae4c; | ||
+ | } | ||
+ | .btn-success1 { color: #fff; | ||
+ | background-color: #449d44; | ||
+ | border-color: #255625; | ||
+ | } | ||
+ | .btn-success1 { color: #fff; | ||
+ | background-color: #449d44; | ||
+ | border-color: #398439; | ||
+ | } | ||
+ | .btn-success1 { color: #fff; | ||
+ | background-color: #398439; | ||
+ | border-color: #255625; | ||
+ | } | ||
+ | .btn-success1 { background-image: none; | ||
+ | } | ||
+ | .btn-success1 { background-color: #5cb85c; | ||
+ | border-color: #4cae4c; | ||
+ | } | ||
+ | .col-lg-13 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-lg-101 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-lg-111 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-lg-121 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-lg-21 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-lg-31 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-lg-41 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-lg-51 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-lg-61 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-lg-71 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-lg-81 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-lg-91 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-md-13 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-md-101 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-md-111 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-md-121 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-md-21 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-md-31 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-md-41 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-md-51 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-md-61 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-md-71 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-md-81 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-md-91 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-sm-13 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-sm-13 { float: left; | ||
+ | } | ||
+ | .col-sm-101 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-sm-101 { float: left; | ||
+ | } | ||
+ | .col-sm-111 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-sm-111 { float: left; | ||
+ | } | ||
+ | .col-sm-121 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-sm-121 { float: left; | ||
+ | } | ||
+ | .col-sm-21 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-sm-21 { float: left; | ||
+ | } | ||
+ | .col-sm-31 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-sm-31 { float: left; | ||
+ | } | ||
+ | .col-sm-41 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-sm-41 { float: left; | ||
+ | } | ||
+ | .col-sm-51 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-sm-51 { float: left; | ||
+ | } | ||
+ | .col-sm-61 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-sm-61 { float: left; | ||
+ | } | ||
+ | .col-sm-61 { width: 50%; | ||
+ | } | ||
+ | .col-sm-71 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-sm-71 { float: left; | ||
+ | } | ||
+ | .col-sm-81 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-sm-81 { float: left; | ||
+ | } | ||
+ | .col-sm-91 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-sm-91 { float: left; | ||
+ | } | ||
+ | .col-xs-13 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-xs-101 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-xs-111 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-xs-121 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-xs-21 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-xs-31 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-xs-41 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-xs-51 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-xs-61 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-xs-71 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-xs-81 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-xs-91 { position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .thumbnail1 { display: block; | ||
+ | padding: 4px; | ||
+ | margin-bottom: 20px; | ||
+ | line-height: 1.42857143; | ||
+ | background-color: #fff; | ||
+ | border: 1px solid #ddd; | ||
+ | border-radius: 4px; | ||
+ | -webkit-transition: border .2s ease-in-out; | ||
+ | -o-transition: border .2s ease-in-out; | ||
+ | transition: border .2s ease-in-out; | ||
+ | } | ||
+ | a.btn1 { pointer-events: none; | ||
+ | } | ||
+ | .btn2 { display: inline-block; | ||
+ | padding: 6px 12px; | ||
+ | margin-bottom: 0; | ||
+ | font-size: 14px; | ||
+ | font-weight: normal; | ||
+ | line-height: 1.42857143; | ||
+ | text-align: center; | ||
+ | white-space: nowrap; | ||
+ | vertical-align: middle; | ||
+ | -ms-touch-action: manipulation; | ||
+ | touch-action: manipulation; | ||
+ | cursor: pointer; | ||
+ | -webkit-user-select: none; | ||
+ | -moz-user-select: none; | ||
+ | -ms-user-select: none; | ||
+ | user-select: none; | ||
+ | background-image: none; | ||
+ | border: 1px solid transparent; | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | .btn2 { outline: thin dotted; | ||
+ | outline: 5px auto -webkit-focus-ring-color; | ||
+ | outline-offset: -2px; | ||
+ | } | ||
+ | .btn2 { outline: thin dotted; | ||
+ | outline: 5px auto -webkit-focus-ring-color; | ||
+ | outline-offset: -2px; | ||
+ | } | ||
+ | .btn2 { color: #333; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .btn2 { background-image: none; | ||
+ | outline: 0; | ||
+ | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | ||
+ | box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | ||
+ | } | ||
+ | .btn2 { cursor: not-allowed; | ||
+ | filter: alpha(opacity=65); | ||
+ | -webkit-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | opacity: .65; | ||
+ | } | ||
+ | .btn2 { cursor: not-allowed; | ||
+ | filter: alpha(opacity=65); | ||
+ | -webkit-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | opacity: .65; | ||
+ | } | ||
+ | a.btn2 { pointer-events: none; | ||
+ | } | ||
+ | .btn3 { display: inline-block; | ||
+ | padding: 6px 12px; | ||
+ | margin-bottom: 0; | ||
+ | font-size: 14px; | ||
+ | font-weight: normal; | ||
+ | line-height: 1.42857143; | ||
+ | text-align: center; | ||
+ | white-space: nowrap; | ||
+ | vertical-align: middle; | ||
+ | -ms-touch-action: manipulation; | ||
+ | touch-action: manipulation; | ||
+ | cursor: pointer; | ||
+ | -webkit-user-select: none; | ||
+ | -moz-user-select: none; | ||
+ | -ms-user-select: none; | ||
+ | user-select: none; | ||
+ | background-image: none; | ||
+ | border: 1px solid transparent; | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | .btn3 { outline: thin dotted; | ||
+ | outline: 5px auto -webkit-focus-ring-color; | ||
+ | outline-offset: -2px; | ||
+ | } | ||
+ | .btn3 { outline: thin dotted; | ||
+ | outline: 5px auto -webkit-focus-ring-color; | ||
+ | outline-offset: -2px; | ||
+ | } | ||
+ | .btn3 { color: #333; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .btn3 { background-image: none; | ||
+ | outline: 0; | ||
+ | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | ||
+ | box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | ||
+ | } | ||
+ | .btn3 { cursor: not-allowed; | ||
+ | filter: alpha(opacity=65); | ||
+ | -webkit-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | opacity: .65; | ||
+ | } | ||
+ | .btn3 { cursor: not-allowed; | ||
+ | filter: alpha(opacity=65); | ||
+ | -webkit-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | opacity: .65; | ||
+ | } | ||
+ | a.btn3 { pointer-events: none; | ||
+ | } | ||
+ | .btn4 { display: inline-block; | ||
+ | padding: 6px 12px; | ||
+ | margin-bottom: 0; | ||
+ | font-size: 14px; | ||
+ | font-weight: normal; | ||
+ | line-height: 1.42857143; | ||
+ | text-align: center; | ||
+ | white-space: nowrap; | ||
+ | vertical-align: middle; | ||
+ | -ms-touch-action: manipulation; | ||
+ | touch-action: manipulation; | ||
+ | cursor: pointer; | ||
+ | -webkit-user-select: none; | ||
+ | -moz-user-select: none; | ||
+ | -ms-user-select: none; | ||
+ | user-select: none; | ||
+ | background-image: none; | ||
+ | border: 1px solid transparent; | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | .btn4 { outline: thin dotted; | ||
+ | outline: 5px auto -webkit-focus-ring-color; | ||
+ | outline-offset: -2px; | ||
+ | } | ||
+ | .btn4 { outline: thin dotted; | ||
+ | outline: 5px auto -webkit-focus-ring-color; | ||
+ | outline-offset: -2px; | ||
+ | } | ||
+ | .btn4 { color: #333; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .btn4 { background-image: none; | ||
+ | outline: 0; | ||
+ | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | ||
+ | box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | ||
+ | } | ||
+ | .btn4 { cursor: not-allowed; | ||
+ | filter: alpha(opacity=65); | ||
+ | -webkit-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | opacity: .65; | ||
+ | } | ||
+ | .btn4 { cursor: not-allowed; | ||
+ | filter: alpha(opacity=65); | ||
+ | -webkit-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | opacity: .65; | ||
+ | } | ||
+ | a.btn4 { pointer-events: none; | ||
+ | } | ||
+ | .btn5 { display: inline-block; | ||
+ | padding: 6px 12px; | ||
+ | margin-bottom: 0; | ||
+ | font-size: 14px; | ||
+ | font-weight: normal; | ||
+ | line-height: 1.42857143; | ||
+ | text-align: center; | ||
+ | white-space: nowrap; | ||
+ | vertical-align: middle; | ||
+ | -ms-touch-action: manipulation; | ||
+ | touch-action: manipulation; | ||
+ | cursor: pointer; | ||
+ | -webkit-user-select: none; | ||
+ | -moz-user-select: none; | ||
+ | -ms-user-select: none; | ||
+ | user-select: none; | ||
+ | background-image: none; | ||
+ | border: 1px solid transparent; | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | .btn5 { outline: thin dotted; | ||
+ | outline: 5px auto -webkit-focus-ring-color; | ||
+ | outline-offset: -2px; | ||
+ | } | ||
+ | .btn5 { outline: thin dotted; | ||
+ | outline: 5px auto -webkit-focus-ring-color; | ||
+ | outline-offset: -2px; | ||
+ | } | ||
+ | .btn5 { color: #333; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .btn5 { background-image: none; | ||
+ | outline: 0; | ||
+ | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | ||
+ | box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | ||
+ | } | ||
+ | .btn5 { cursor: not-allowed; | ||
+ | filter: alpha(opacity=65); | ||
+ | -webkit-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | opacity: .65; | ||
+ | } | ||
+ | .btn5 { cursor: not-allowed; | ||
+ | filter: alpha(opacity=65); | ||
+ | -webkit-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | opacity: .65; | ||
+ | } | ||
+ | a.btn5 { pointer-events: none; | ||
+ | } | ||
+ | .btn6 { display: inline-block; | ||
+ | padding: 6px 12px; | ||
+ | margin-bottom: 0; | ||
+ | font-size: 14px; | ||
+ | font-weight: normal; | ||
+ | line-height: 1.42857143; | ||
+ | text-align: center; | ||
+ | white-space: nowrap; | ||
+ | vertical-align: middle; | ||
+ | -ms-touch-action: manipulation; | ||
+ | touch-action: manipulation; | ||
+ | cursor: pointer; | ||
+ | -webkit-user-select: none; | ||
+ | -moz-user-select: none; | ||
+ | -ms-user-select: none; | ||
+ | user-select: none; | ||
+ | background-image: none; | ||
+ | border: 1px solid transparent; | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | .btn6 { outline: thin dotted; | ||
+ | outline: 5px auto -webkit-focus-ring-color; | ||
+ | outline-offset: -2px; | ||
+ | } | ||
+ | .btn6 { outline: thin dotted; | ||
+ | outline: 5px auto -webkit-focus-ring-color; | ||
+ | outline-offset: -2px; | ||
+ | } | ||
+ | .btn6 { color: #333; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .btn6 { background-image: none; | ||
+ | outline: 0; | ||
+ | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | ||
+ | box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | ||
+ | } | ||
+ | .btn6 { cursor: not-allowed; | ||
+ | filter: alpha(opacity=65); | ||
+ | -webkit-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | opacity: .65; | ||
+ | } | ||
+ | .btn6 { cursor: not-allowed; | ||
+ | filter: alpha(opacity=65); | ||
+ | -webkit-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | opacity: .65; | ||
+ | } | ||
+ | a.btn6 { pointer-events: none; | ||
+ | } | ||
+ | </style> | ||
− | < | + | <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> |
− | < | + | <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> |
− | < | + | <!--[if lt IE 9]> |
− | + | <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> | |
− | + | <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> | |
+ | <![endif]--> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div class="col-xs-12 text-center"> | ||
+ | <h1>Collaboration</h1> | ||
</div> | </div> | ||
− | + | <hr> | |
− | + | <div class="col-sm-61"> | |
− | + | <div class="thumbnail1"> <img src="https://static.igem.org/mediawiki/2016/b/bc/T--CIEI-BJ--%E6%B8%85%E5%8D%8E%E4%BA%A4%E6%B5%81.jpg" alt="Thumbnail Image 1" class="img-responsive"> | |
− | + | <div class="caption"> | |
− | <div class=" | + | <h3>Tsinghua July 19th, 2016</h3> |
− | + | <p>On July 23th, we went to Tsinghua University with our questions and initial ideas to communicate with the members of Tsinghua team. They helped us solve the problems and taught us more about iGEM and genetic biology. Then we discussed the ideas and programs of the iGEM teams a few years ago. This communication helped us build up a clearer understanding of synthetic biology and iGEM. </p> | |
− | + | <hr> | |
− | <p> | + | </div> |
− | + | </div> | |
− | </p> | + | |
</div> | </div> | ||
− | + | <p> </p> | |
− | <div class=" | + | <div class="col-sm-61"> |
− | + | <div class="thumbnail1"> <img src="https://static.igem.org/mediawiki/2016/2/2e/T--CIEI-BJ--%E5%8C%97%E7%90%86%E5%B7%A5%E4%BA%A4%E6%B5%81.png" alt="Thumbnail Image 1" class="img-responsive"> | |
− | < | + | <div class="caption"> |
− | < | + | <h3>BIT-China July 23th, 2016</h3> |
− | + | <p>In the middle of July, We visited the iGEM team of BIT-China. They showed us the programs they made in the past two years, shared with us the difficulties and challenges they met and the ways for them to solve the problems. They also guided us on the designing and making of wiki. <br> | |
− | </ | + | Through exchange with the seniors, we got a more profound understanding of genetic engineering, which helped us to form a more reasonable and practical project.</p> |
− | + | <hr> | |
− | <p> | + | </div> |
− | In | + | </div> |
− | </p> | + | |
− | + | ||
</div> | </div> | ||
− | + | <p> </p> | |
− | + | <p><!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> | |
− | + | <script src="https://s3-us-west-2.amazonaws.com/mszpubliccloud/jquery-1.11.3.min.js"></script> | |
− | < | + | |
− | < | + | <!-- Include all compiled plugins (below), or include individual files as needed --> |
− | + | ||
</p> | </p> | ||
− | + | <p> </p> | |
− | < | + | <div class="col-sm-61"> |
− | < | + | <div class="thumbnail1"> <img src="https://static.igem.org/mediawiki/2016/6/61/T--CIEI-BJ--11%E5%AD%A6%E6%A0%A1%E4%BA%A4%E6%B5%81.jpg" alt="Thumbnail Image 1" class="img-responsive"> |
− | < | + | <div class="caption"> |
− | < | + | <h3>BNDS-China</h3> |
− | < | + | <p>On October 2nd,2016, some members of BNDS-China visited us to exchange their work with ours. Both of the teams presented their ideas, experiments, and results. Through this discussion, we got to know about their amazing idea and were enlightened by some of their suggestions. Meanwhile, we also gave them some advice and showed them some good aspects of our project. To communicate with the high-school team made us understand iGEM even more deeply, helped us to check our shortcomings and improve our results. </p> |
− | < | + | <p> </p> |
− | < | + | <p><img src="https://static.igem.org/mediawiki/2016/b/b8/T--CIEI-BJ--11%E5%AD%A6%E6%A0%A1%E4%BA%A4%E6%B5%811.jpg" alt="Thumbnail Image 1" class="img-responsive"></p> |
− | < | + | <p><img src="https://static.igem.org/mediawiki/2016/9/9f/T--CIEI-BJ--11%E5%AD%A6%E6%A0%A1%E4%BA%A4%E6%B5%812.jpg" alt="Thumbnail Image 1" class="img-responsive"></p> |
− | </ | + | <p> </p> |
+ | <hr> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
− | + | <div class="col-sm-61"> | |
− | + | <div class="thumbnail1"> | |
+ | <div class="caption"> | ||
+ | <p><img src="https://static.igem.org/mediawiki/2016/6/63/T--CIEI-BJ--CollaborationBNDSpeople.jpg" alt="Thumbnail Image 1" class="img-responsive"></p> | ||
+ | <h3>Experimental Help to BNDS-China</h3> | ||
+ | <p>BNDS-China aims to soften the hard water. To achieve this goal, they decided to synthesize the <em>E. coli</em> backbone with ciaX that enable the bacteria to absorb Ca++. Same with us, they are a first-year high school team. Due to the limitation of their high school lab, we provided them with the access of our lab at Institution of Botany, Chinese Academy of Sciences. We did the PCR amplification of ciaX for them and provided the reagents needed for digestion and joining of DNA, including Phusion DNA polymerase, Taq DNA polymerase, PCR purification kit, gel purification kit, plasmid extraction kit, and restriction enzyme for Xba I, Xho I, EcorI and Pst I. We provided the relevant laboratory apparatus as well. In addition, we guided them through the usage of some of the reagents and instruments and sent them some pBS1c3 parts and pGEX-KG expression vectors for them to later clone the target gene to the expression vector and construct parts.</p> | ||
+ | <hr> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <p> </p> | ||
+ | <div class="col-sm-61"></div> | ||
+ | <script src="https://s3-us-west-2.amazonaws.com/mszpubliccloud/bootstrap.js"></script> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 01:08, 20 October 2016
Collaboration
![Thumbnail Image 1](https://static.igem.org/mediawiki/2016/b/bc/T--CIEI-BJ--%E6%B8%85%E5%8D%8E%E4%BA%A4%E6%B5%81.jpg)
Tsinghua July 19th, 2016
On July 23th, we went to Tsinghua University with our questions and initial ideas to communicate with the members of Tsinghua team. They helped us solve the problems and taught us more about iGEM and genetic biology. Then we discussed the ideas and programs of the iGEM teams a few years ago. This communication helped us build up a clearer understanding of synthetic biology and iGEM.
![Thumbnail Image 1](https://static.igem.org/mediawiki/2016/2/2e/T--CIEI-BJ--%E5%8C%97%E7%90%86%E5%B7%A5%E4%BA%A4%E6%B5%81.png)
BIT-China July 23th, 2016
In the middle of July, We visited the iGEM team of BIT-China. They showed us the programs they made in the past two years, shared with us the difficulties and challenges they met and the ways for them to solve the problems. They also guided us on the designing and making of wiki.
Through exchange with the seniors, we got a more profound understanding of genetic engineering, which helped us to form a more reasonable and practical project.
![Thumbnail Image 1](https://static.igem.org/mediawiki/2016/6/61/T--CIEI-BJ--11%E5%AD%A6%E6%A0%A1%E4%BA%A4%E6%B5%81.jpg)
BNDS-China
On October 2nd,2016, some members of BNDS-China visited us to exchange their work with ours. Both of the teams presented their ideas, experiments, and results. Through this discussion, we got to know about their amazing idea and were enlightened by some of their suggestions. Meanwhile, we also gave them some advice and showed them some good aspects of our project. To communicate with the high-school team made us understand iGEM even more deeply, helped us to check our shortcomings and improve our results.
Experimental Help to BNDS-China
BNDS-China aims to soften the hard water. To achieve this goal, they decided to synthesize the E. coli backbone with ciaX that enable the bacteria to absorb Ca++. Same with us, they are a first-year high school team. Due to the limitation of their high school lab, we provided them with the access of our lab at Institution of Botany, Chinese Academy of Sciences. We did the PCR amplification of ciaX for them and provided the reagents needed for digestion and joining of DNA, including Phusion DNA polymerase, Taq DNA polymerase, PCR purification kit, gel purification kit, plasmid extraction kit, and restriction enzyme for Xba I, Xho I, EcorI and Pst I. We provided the relevant laboratory apparatus as well. In addition, we guided them through the usage of some of the reagents and instruments and sent them some pBS1c3 parts and pGEX-KG expression vectors for them to later clone the target gene to the expression vector and construct parts.