(Prototype team page) |
|||
(2 intermediate revisions by the same 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"> | ||
+ | <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> | ||
+ | <title>Human Practice</title> | ||
− | |||
− | < | + | </head> |
− | <p> | + | <body> |
− | <p> | + | <section> |
+ | <div class="col-xs-12 text-center"> | ||
+ | <h1>Human Practice</h1> | ||
+ | </div> | ||
+ | </section> | ||
+ | <hr> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-lg-9 col-md-12"> | ||
+ | <div class="row"> | ||
+ | <div class="col-lg-4 col-md-4 col-sm-6 col-xs-6"> | ||
+ | <div class="thumbnail"> | ||
+ | <div class="caption"> | ||
+ | <blockquote> | ||
+ | <h3>Silver</h3> | ||
+ | </blockquote> | ||
+ | <p class="text-center"><a href="https://2016.igem.org/Team:CIEI-BJ/HP/Silver" class="btn btn-success" role="button">Go</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-lg-4 col-md-4 col-sm-6 col-xs-6"> | ||
+ | <div class="thumbnail"> | ||
+ | <div class="caption"> | ||
+ | <h3>Gold </h3> | ||
+ | <hr> | ||
+ | <p class="text-center"><a href="https://2016.igem.org/Team:CIEI-BJ/HP/Gold" class="btn btn-info" role="button">Go</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-lg-4 col-md-4 col-sm-6 hidden-sm hidden-xs"> | ||
+ | <div class="thumbnail"> | ||
+ | <div class="caption"> | ||
+ | <h3>Integrated Practices </h3> | ||
+ | <hr> | ||
+ | <p class="text-center"><a href="https://2016.igem.org/Team:CIEI-BJ/Integrated_Practices" class="btn btn-success" role="button">Go</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-lg-4 col-md-4 col-sm-6 hidden-sm hidden-xs"> | ||
+ | <div class="thumbnail"> | ||
+ | <div class="caption"> | ||
+ | <h3>Engagement</h3> | ||
+ | <p class="text-center"><a href="https://2016.igem.org/Team:CIEI-BJ/Engagement" class="btn btn-success" role="button">Go</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
− | + | <div class="row"></div> | |
− | + | </div> | |
− | <div class=" | + | </div> |
− | <div | + | |
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | < | + | <hr> |
− | + | <section> | |
− | <div class=" | + | <div class="container"> |
− | < | + | <div class="row"> |
− | < | + | <div class="col-lg-6"> |
− | < | + | <h3> </h3> |
− | < | + | <div id="myTabContent1" class="tab-content"> |
− | < | + | <div class="tab-pane fade in active" id="home1"> </div> |
− | < | + | <div class="tab-pane fade" id="pane2"> |
− | < | + | <p class="text-center"><img src="images/9b59b6.gif" alt=""></p> |
− | + | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus maxime aut ea impedit voluptates aperiam dolor laborum officiis autem aspernatur! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus, alias, repudiandae sunt illo consequatur aperiam doloribus nesciunt ut deserunt ipsa est tempora nihil. Totam eveniet aperiam debitis fugit ipsa doloremque. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio sequi dolorem suscipit assumenda molestiae voluptatem qui consequuntur magni? Deleniti, corporis.</p> | |
− | + | </div> | |
− | < | + | <div class="tab-pane fade" id="pane3"> |
− | + | <p class="text-center"><img src="images/16a085.gif" alt=""></p> | |
− | < | + | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus maxime aut ea impedit voluptates aperiam dolor laborum officiis autem aspernatur! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus, alias, repudiandae sunt illo consequatur aperiam doloribus nesciunt ut deserunt ipsa est tempora nihil. Totam eveniet aperiam debitis fugit ipsa doloremque. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio sequi dolorem suscipit assumenda molestiae voluptatem qui consequuntur magni? Deleniti, corporis.</p> |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | </section> | |
− | < | + | <footer class="text-center"> |
− | < | + | <div class="container"> |
− | <p> | + | <div class="row"></div> |
− | </div> | + | </div> |
− | + | </footer> | |
− | + | ||
− | <div | + | |
− | + | ||
− | + | ||
− | < | + | |
− | < | + | |
− | < | + | |
− | < | + | |
− | < | + | |
− | </ | + | |
− | </ | + | |
− | + | ||
− | + | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 15:03, 19 October 2016
Human Practice
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus maxime aut ea impedit voluptates aperiam dolor laborum officiis autem aspernatur! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus, alias, repudiandae sunt illo consequatur aperiam doloribus nesciunt ut deserunt ipsa est tempora nihil. Totam eveniet aperiam debitis fugit ipsa doloremque. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio sequi dolorem suscipit assumenda molestiae voluptatem qui consequuntur magni? Deleniti, corporis.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus maxime aut ea impedit voluptates aperiam dolor laborum officiis autem aspernatur! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus, alias, repudiandae sunt illo consequatur aperiam doloribus nesciunt ut deserunt ipsa est tempora nihil. Totam eveniet aperiam debitis fugit ipsa doloremque. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio sequi dolorem suscipit assumenda molestiae voluptatem qui consequuntur magni? Deleniti, corporis.