Difference between revisions of "Team:XJTLU-CHINA/Human Practices"
| Line 1: | Line 1: | ||
{{:Team:XJTLU-CHINA/header}} | {{:Team:XJTLU-CHINA/header}} | ||
| − | |||
<html> | <html> | ||
| − | < | + | <!-- Bootstrap Core CSS --> |
| − | & | + | <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> |
| − | </p> | + | <!-- Custom CSS --> |
| + | <link href="https://2016.igem.org/Team:XJTLU-CHINA/css/main?action=raw&ctype=text/css" rel="stylesheet"> | ||
| + | <link rel="stylesheet" href="https://2016.igem.org/Team:XJTLU-CHINA/css/font-awesome?action=raw&ctype=text/css"> | ||
| + | |||
| + | |||
| + | |||
| + | <body> | ||
| + | |||
| + | <!-- Full Width Image Header --> | ||
| + | <header class="header-image"> | ||
| + | <div class="headline"> | ||
| + | <div class="container"> | ||
| + | <h1>One Page Wonder</h1> | ||
| + | <h2>Will Knock Your Socks Off</h2> | ||
| + | </div> | ||
| + | </div> | ||
| + | </header> | ||
| + | |||
| + | <!-- Page Content --> | ||
| + | <div class="container"> | ||
| + | |||
| + | <hr class="featurette-divider"> | ||
| + | |||
| + | <!-- First Featurette --> | ||
| + | <div class="featurette" id="about"> | ||
| + | <img class="featurette-image img-circle img-responsive pull-right" src="http://placehold.it/500x500"> | ||
| + | <h2 class="featurette-heading">Mutagenesis Library | ||
| + | <span class="text-muted">On-The-Go</span> | ||
| + | </h2> | ||
| + | <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p> | ||
| + | </div> | ||
| + | |||
| + | <hr class="featurette-divider"> | ||
| + | |||
| + | <!-- Second Featurette --> | ||
| + | <div class="featurette" id="services"> | ||
| + | <img class="featurette-image img-circle img-responsive pull-left" src="http://placehold.it/500x500"> | ||
| + | <h2 class="featurette-heading">The Second Heading | ||
| + | <span class="text-muted">Is Pretty Cool Too.</span> | ||
| + | </h2> | ||
| + | <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p> | ||
| + | </div> | ||
| + | |||
| + | <hr class="featurette-divider"> | ||
| + | |||
| + | <!-- Third Featurette --> | ||
| + | <div class="featurette" id="contact"> | ||
| + | <img class="featurette-image img-circle img-responsive pull-right" src="http://placehold.it/500x500"> | ||
| + | <h2 class="featurette-heading">The Third Heading | ||
| + | <span class="text-muted">Will Seal the Deal.</span> | ||
| + | </h2> | ||
| + | <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p> | ||
| + | </div> | ||
| + | |||
| + | <hr class="featurette-divider"> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | <!-- javascript --> | ||
| + | <script src="https://2016.igem.org/Team:XJTLU-CHINA/js/jquery?action=raw&ctype=text/javascript"></script> | ||
| + | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> | ||
| + | </body> | ||
</html> | </html> | ||
{{:Team:XJTLU-CHINA/footer}} | {{:Team:XJTLU-CHINA/footer}} | ||
Revision as of 11:19, 11 October 2016
One Page Wonder
Will Knock Your Socks Off
Mutagenesis Library On-The-Go
Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.
The Second Heading Is Pretty Cool Too.
Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.
The Third Heading Will Seal the Deal.
Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.
