(Prototype team page) |
|||
Line 1: | Line 1: | ||
{{SHSU_China}} | {{SHSU_China}} | ||
− | <html> | + | <html lang="en"> |
+ | <head> | ||
+ | <title>ExoBlood SHSU_China</title> | ||
+ | <meta charset="utf-8"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
− | < | + | <link href="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/Rubik.css&action=raw&ctype=text/css" rel="stylesheet"> |
− | < | + | <link href="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/css/bootstrap.css&action=raw&ctype=text/css" rel="stylesheet"> |
− | + | <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/css/animate.css&action=raw&ctype=text/css"> | |
− | < | + | <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/css/owl.carousel.min.css&action=raw&ctype=text/css"> |
− | + | ||
− | < | + | <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/fonts/ionicons/css/ionicons.min.css&action=raw&ctype=text/css"> |
+ | <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/fonts/fontawesome/css/font-awesome.min.css&action=raw&ctype=text/css"> | ||
+ | <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/fonts/flaticon/font/flaticon.css&action=raw&ctype=text/css"> | ||
+ | <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/css/magnific-popup.css&action=raw&ctype=text/css"> | ||
+ | <!-- Theme Style --> | ||
+ | <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/css/style.css&action=raw&ctype=text/css"> | ||
+ | <style> | ||
+ | p{ | ||
+ | font-family: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; | ||
+ | font-weight: 300 !important; | ||
+ | font-size: 16px !important; | ||
+ | line-height: 2 !important; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div class="wrap"> | ||
+ | |||
+ | <div class="block-45"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-6"> | ||
+ | <ul class="block-45-list"> | ||
+ | <li><a href="#">Team SHSU_China</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-md-6 text-md-right"> | ||
+ | <ul class="block-45-icons"> | ||
+ | <li><a href="https://twitter.com/2018shsu?lang=en"><span class="fa fa-twitter"></span></a></li> | ||
+ | <li><a href="https://www.instagram.com/igem2018_shsu/"><span class="fa fa-instagram"></span></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <header role="banner"> | ||
+ | |||
+ | <nav class="navbar navbar-expand-lg navbar-light bg-light"> | ||
+ | <div class="container"> | ||
+ | <a class="navbar-brand absolute" href="https://2018.igem.org/Team:SHSU_China">ExoBlood<span class="fa fa-tint" style="color:red"></span> </a> | ||
+ | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample05" aria-controls="navbarsExample05" aria-expanded="false" aria-label="Toggle navigation"> | ||
+ | <span class="navbar-toggler-icon"></span> | ||
+ | </button> | ||
− | <div class=" | + | <div class="collapse navbar-collapse navbar-light" id="navbarsExample05"> |
+ | <ul class="navbar-nav ml-auto"> | ||
+ | <li class="nav-item "> | ||
+ | <a class="nav-link" href="https://2018.igem.org/Team:SHSU_China ">Home</a> | ||
+ | </li> | ||
+ | <li class="nav-item dropdown"> | ||
+ | <a class="nav-link dropdown-toggle" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Team</a> | ||
+ | <div class="dropdown-menu" aria-labelledby="dropdown01"> | ||
+ | <a class="dropdown-item" href="/Team:SHSU_China/Team ">Team Members</a> | ||
+ | <a class="dropdown-item" href="/Team:SHSU_China/Collaborations ">Collaborations</a> | ||
+ | </div> | ||
− | + | </li> | |
− | + | ||
− | + | ||
− | </ | + | |
+ | <li class="nav-item dropdown "> | ||
+ | <a class="nav-link dropdown-toggle" id="dropdown02" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Project</a> | ||
+ | <div class="dropdown-menu" aria-labelledby="dropdown02"> | ||
+ | <a class="dropdown-item" href="/Team:SHSU_China/Description ">Description</a> | ||
+ | <a class="dropdown-item" href="/Team:SHSU_China/Design ">Design</a> | ||
+ | <a class="dropdown-item" href="/Team:SHSU_China/Experiments ">Experiments</a> | ||
+ | <a class="dropdown-item" href="/Team:SHSU_China/Notebook ">Notebook</a> | ||
+ | <a class="dropdown-item " href="/Team:SHSU_China/InterLab ">InterLab</a> | ||
+ | <a class="dropdown-item" href="/Team:SHSU_China/Model ">Model</a> | ||
+ | <a class="dropdown-item" href="/Team:SHSU_China/Results ">Results</a> | ||
+ | <a class="dropdown-item" href="/Team:SHSU_China/Demonstrate ">Demonstrate</a> | ||
+ | <a class="dropdown-item" href="/Team:SHSU_China/Improve ">Improve</a> | ||
+ | <a class="dropdown-item " href="/Team:SHSU_China/Attributions ">Attributions</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="nav-item dropdown"> | ||
+ | <a class="nav-link dropdown-toggle" id="dropdown03" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Parts</a> | ||
+ | <div class="dropdown-menu" aria-labelledby="dropdown03"> | ||
+ | <a class="dropdown-item" href="/Team:SHSU_China/Parts ">Parts Overview</a> | ||
+ | <a class="dropdown-item" href="/Team:SHSU_China/Basic_Parts ">Basic Parts</a> | ||
+ | <a class="dropdown-item" href="/Team:SHSU_China/Composite_Parts ">Composite Parts</a> | ||
+ | <a class="dropdown-item" href="/Team:SHSU_China/Part_Collection ">Part Collection</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link" href="/Team:SHSU_China/Safety ">Safety</a> | ||
+ | </li> | ||
+ | <li class="nav-item dropdown active"> | ||
+ | <a class="nav-link dropdown-toggle" id="dropdown04" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Human Practices</a> | ||
+ | <div class="dropdown-menu" aria-labelledby="dropdown04"> | ||
+ | <a class="dropdown-item active" href="/Team:SHSU_China/Human_Practices ">Human Practices</a> | ||
+ | <a class="dropdown-item" href="/Team:SHSU_China/Public_Engagement ">Education & Engagement</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link" href="https://igem.org/2018_Judging_Form?id=2794 ">Judging Form</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </nav> | ||
+ | </header> | ||
+ | <!-- END header --> | ||
+ | <section class="site-hero overlay" data-stellar-background-ratio="0.5" style="background-image: url(https://static.igem.org/mediawiki/2018/a/ac/T--SHSU_China--HP_Front.jpeg);"> | ||
+ | <div class="container"> | ||
+ | <div class="row align-items-center justify-content-center site-hero-inner"> | ||
+ | <div class="col-md-8 text-center"> | ||
+ | |||
+ | <div class="mb-5 element-animate"> | ||
+ | <div class="block-17"> | ||
+ | <h1 class="heading mb-4">Human Practice</h1> | ||
+ | <div class="lead">It's Not About Exosomes, It's About Us</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | <!-- END section --> | ||
− | < | + | |
− | + | <section class="site-section bg-light"> | |
− | + | <div class="container"> | |
− | + | <div class="row"> | |
− | + | <div class="col-md-4"> | |
− | + | <div class="block-36"> | |
− | + | <h3 class="block-36-heading">Human Practices</h3> | |
− | + | <ul> | |
− | + | <li class="active"> <a href="/Team:SHSU_China/Human_Practices">Human Practices</a></li> | |
− | + | <li> <a href="/Team:SHSU_China/Public_Engagement">Education & Engagement</a> </li> | |
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-8 pl-md-5"> | ||
+ | |||
+ | <div class="block-44 d-flex mb-3"> | ||
+ | <!-- <div class="block-44-image"><img src="images/image_tall_1.jpg" alt="Image placeholder"></div> --> | ||
+ | <div class="block-44-text"> | ||
+ | <h3 class="block-44-heading">Human Practices</h3> | ||
+ | <div class="block-44-meta">Sihan Yang</div> | ||
+ | <!-- | ||
+ | <div class="block-44-icons"> | ||
+ | <a href="#" class=""><span class="fa fa-video-camera"></span></a> | ||
+ | <a href="#" class=""><span class="fa fa-headphones"></span></a> | ||
+ | <a href="#" class=""><span class="fa fa-cloud-download"></span></a> | ||
+ | <a href="#" class=""><span class="fa fa-book"></span></a> | ||
+ | </div> | ||
+ | --> | ||
+ | </div> | ||
+ | </div> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus animi explicabo asperiores accusantium laborum distinctio quos, placeat eligendi nesciunt aliquid ut corrupti id sapiente libero, quod doloremque minima odit debitis minus. Sequi enim quibusdam, doloremque iste iure? Excepturi, ad, ratione!</p> | ||
+ | <p><img src="https://static.igem.org/mediawiki/2018/a/ac/T--SHSU_China--HP_Front.jpeg" alt="Image placeholder" class="img-fluid"></p> | ||
+ | <p>Deleniti asperiores delectus, nemo consequatur omnis dolorum vel voluptatem? Consequuntur doloribus iusto adipisci quam eos fugiat, hic architecto. Consequatur ipsa error architecto? Deserunt id, consectetur non labore odio accusantium veritatis incidunt? Molestias velit deserunt harum, quibusdam est minus, sapiente modi.</p> | ||
+ | <p>Adipisci tempore soluta, sed aperiam consequatur error dolorem, repellendus quos minima rem ex ipsum possimus maiores reiciendis quo, accusantium officia omnis! Porro quidem ullam architecto, sapiente, a consequatur ex nostrum eos culpa vitae tenetur voluptates, nobis temporibus, fuga facilis pariatur.</p> | ||
+ | <p>Rerum, molestias ipsa doloremque velit distinctio laboriosam quidem ratione minima inventore. Blanditiis quaerat ipsa nobis fugit repudiandae, at repellendus itaque odit! Quibusdam ducimus exercitationem optio dolore, modi repudiandae beatae enim incidunt, saepe atque amet suscipit, aliquam placeat pariatur ipsam facilis.</p> | ||
+ | <p>A suscipit facilis minima fugiat ipsum provident pariatur, culpa! Quia fuga aperiam, error beatae vel dolorem velit eos incidunt ducimus animi nostrum, ipsa impedit praesentium libero voluptatem est magni doloribus! Atque illum, aut deleniti adipisci natus quas, beatae nihil sit!</p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | <footer class="site-footer"> | ||
+ | <div class="container"> | ||
+ | <div class="row pt-5"> | ||
+ | <div class="col-md-12 text-center copyright"> | ||
+ | |||
+ | <p class="float-md-left" color=white><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --> | ||
+ | This template is made with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank" class="text-primary">Colorlib</a> | ||
+ | <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p> | ||
+ | <p class="float-md-right"> | ||
+ | <a href="https://twitter.com/2018shsu?lang=en" class="fa fa-twitter p-2"></a> | ||
+ | <a href="https://www.instagram.com/igem2018_shsu/" class="fa fa-instagram p-2"></a> | ||
− | <p> | + | </p> |
− | + | </div> | |
− | + | </div> | |
− | </div> | + | </div> |
− | + | </footer> | |
− | < | + | <!-- END footer --> |
− | + | </div> | |
− | <div class=" | + | |
− | < | + | <!-- loader --> |
− | + | <div id="loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#f4b214"/></svg></div> | |
− | </ | + | |
− | + | ||
− | </div> | + | |
− | < | + | <script src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/jquery-3.2.1.min.js&action=raw&ctype=text/javascript"></script> |
+ | <script src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/jquery-migrate-3.0.0.js&action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/popper.min.js&action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/bootstrap.min.js&action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/owl.carousel.min.js&action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/jquery.waypoints.min.js&action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/jquery.stellar.min.js&action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/jquery.animateNumber.min.js&action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <script src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/jquery.magnific-popup.min.js&action=raw&ctype=text/javascript"></script> | ||
− | + | <script src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/main.js&action=raw&ctype=text/javascript"></script> | |
− | + | </body> | |
− | < | + | </html> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + |
Revision as of 16:12, 7 October 2018
Human Practices
Human Practices
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus animi explicabo asperiores accusantium laborum distinctio quos, placeat eligendi nesciunt aliquid ut corrupti id sapiente libero, quod doloremque minima odit debitis minus. Sequi enim quibusdam, doloremque iste iure? Excepturi, ad, ratione!
Deleniti asperiores delectus, nemo consequatur omnis dolorum vel voluptatem? Consequuntur doloribus iusto adipisci quam eos fugiat, hic architecto. Consequatur ipsa error architecto? Deserunt id, consectetur non labore odio accusantium veritatis incidunt? Molestias velit deserunt harum, quibusdam est minus, sapiente modi.
Adipisci tempore soluta, sed aperiam consequatur error dolorem, repellendus quos minima rem ex ipsum possimus maiores reiciendis quo, accusantium officia omnis! Porro quidem ullam architecto, sapiente, a consequatur ex nostrum eos culpa vitae tenetur voluptates, nobis temporibus, fuga facilis pariatur.
Rerum, molestias ipsa doloremque velit distinctio laboriosam quidem ratione minima inventore. Blanditiis quaerat ipsa nobis fugit repudiandae, at repellendus itaque odit! Quibusdam ducimus exercitationem optio dolore, modi repudiandae beatae enim incidunt, saepe atque amet suscipit, aliquam placeat pariatur ipsam facilis.
A suscipit facilis minima fugiat ipsum provident pariatur, culpa! Quia fuga aperiam, error beatae vel dolorem velit eos incidunt ducimus animi nostrum, ipsa impedit praesentium libero voluptatem est magni doloribus! Atque illum, aut deleniti adipisci natus quas, beatae nihil sit!