(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">Collaboration</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=" | + | <div class="row"></div> |
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</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=" | + | <div class="caption"> |
− | < | + | <h3>Tsinghua July 23th, 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> |
− | + | </div> | |
− | + | </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>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> | ||
+ | </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>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 class="col-sm-61"></div> | ||
+ | <script src="https://s3-us-west-2.amazonaws.com/mszpubliccloud/bootstrap.js"></script> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 13:51, 2 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 23th, 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 Middle of July
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.