(Prototype team page) |
|||
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="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-lg-12"> | ||
+ | <div class="jumbotron"> | ||
+ | <h1 class="text-center">Human Practice (Gold)</h1> | ||
+ | <div class="row"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
− | + | <div class="container"> | |
− | + | <div class="row"></div> | |
− | + | ||
− | <div class=" | + | |
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | + | <div class="container"> | |
− | + | <div class="row"></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"> | ||
+ | <h3>Tsinghua July 23th, 2016</h3> | ||
+ | <p>Through sharing our initial crazy ideas with the Tsinghua team, we even build up our beliefs to save human beings and the earth by using synthetic biology! We were so much imaginative that we planned to make the mosquitos extinct, and to cure HIV by synthetic biology! The Tsinghua team discussed with us about the realization of our imagination. They are possibly realized! What an exciting news! We believe that by using synthetic biology and our efforts, we can really improve human beings’ living quality! </p> | ||
+ | <hr> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <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 Middle of July</h3> | ||
+ | <p>Through exchange with the BIT-China team, we got a more profound understanding of genetic engineering and conduction of the whole program. We discussed with them about our ideas and division of labor, they analyzed our ideas and gave us useful suggestions. We had great difficulties in constructing our gene circuit and were not clear with the parts we need. They used their examples to show us what is a feasible gene circuit and how to construct it. We only had a raw idea at that time, they guided us on the right track of synthetic biology! </p> | ||
+ | <hr> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <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 --> | ||
+ | <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>They suggested us to insert a GGPP gene to our gene circuit and let <em>E.coli</em> convert GGPP to CPP directly, and then by testing the yield of CPP to identify production of our target enzymes reversely. This is such a good idea which can help us improve our results and really show others the application of our biobricks. We also gave BNDS-China some suggestions, such as their gene circuit might need to be more complicated. This communication helped us to understand iGEM even more deeply, to check our shortcomings and improve our work in detail. </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 class="col-sm-61"></div> | ||
+ | <script src="https://s3-us-west-2.amazonaws.com/mszpubliccloud/bootstrap.js"></script> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 15:03, 2 October 2016
Human Practice (Gold)