Line 1: | Line 1: | ||
{{Marburg/navigation}} | {{Marburg/navigation}} | ||
− | |||
− | |||
− | |||
<html lang="en"> | <html lang="en"> | ||
Line 18: | Line 15: | ||
<!-- Favicon --> | <!-- Favicon --> | ||
<!--TODO: Proper Favicon--> | <!--TODO: Proper Favicon--> | ||
− | <link rel="icon" href="img/favicons/favicon.ico"> | + | <link rel="icon" href="../../img/favicons/favicon.ico"> |
<!-- Title --> | <!-- Title --> | ||
− | <title>Syndustry - iGEM Marburg 2016</title> | + | <title>Projects :: Syndustry - iGEM Marburg 2016</title> |
<!-- CSS --> | <!-- CSS --> | ||
Line 38: | Line 35: | ||
<body> | <body> | ||
− | |||
− | |||
− | |||
− | |||
− | <!-- | + | <!-- Overall header --> |
+ | <div class="container"> | ||
+ | |||
+ | <div class="master-heading"> | ||
+ | <h1> | ||
+ | SynDustry <small>Fuse. Use. Produce.</small> | ||
+ | </h1> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!-- Heading --> | ||
<div class="container"> | <div class="container"> | ||
<div class="heading"> | <div class="heading"> | ||
− | < | + | <h2>Human Practices</h2> |
− | + | ||
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
− | <!-- | + | <!-- Content --> |
<div class="container"> | <div class="container"> | ||
+ | |||
+ | <div class="row"> | ||
+ | |||
+ | <div class="col-sm-12 text-justify"> | ||
− | + | <p> | |
− | + | Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo | |
− | + | ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis | |
− | + | parturient montes, <i class="todo">Introduction text</i>nascetur ridiculus mus. Donec quam felis, ultricies nec, | |
− | <p | + | pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec |
− | + | pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. | |
− | <i class="todo"> | + | |
</p> | </p> | ||
− | + | ||
</div> | </div> | ||
− | <div | + | |
− | + | </div> | |
− | < | + | |
− | <p class=" | + | <!-- TODO: Maybe add img-responsive --> |
− | + | <!-- TODO: Tweak the responsive reduction width --> | |
− | + | <!-- TODO: What does featurette-image and featurette classes? --> | |
+ | |||
+ | <hr class="featurette-divider"> | ||
+ | |||
+ | <div class="row featurette"> | ||
+ | <div class="col-md-7"> | ||
+ | <h2 class="featurette-heading"> | ||
+ | SynEnergene. | ||
+ | <span class="text-muted"> | ||
+ | Blahblahblah. | ||
+ | </span> | ||
+ | </h2> | ||
+ | <p class="featurette-text"> | ||
+ | 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> | </p> | ||
− | <p class="text-center"><a class="btn btn-default" href=" | + | <p class="text-center"> |
− | + | <a class="featurette-button btn btn-default" href="human_practices.1.html" role="button">More details »</a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</p> | </p> | ||
− | |||
</div> | </div> | ||
− | <div class="col-md- | + | <div class="col-md-5"> |
− | + | <img class="featurette-image img-fluid m-x-auto" src="http://placehold.it/400x400" alt="Generic placeholder image"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
Line 98: | Line 102: | ||
<hr class="featurette-divider"> | <hr class="featurette-divider"> | ||
− | <div class="row"> | + | <div class="row featurette"> |
− | <div class="col- | + | <div class="col-md-5"> |
− | < | + | <img class="featurette-image img-fluid m-x-auto" src="http://placehold.it/400x400" alt="Generic placeholder image"> |
− | < | + | </div> |
− | + | <div class="col-md-7"> | |
− | + | <h2 class="featurette-heading"> | |
− | + | Hessentag. | |
− | + | <span class="text-muted"> | |
− | + | Blahblahblah. | |
+ | </span> | ||
+ | </h2> | ||
+ | <p class="featurette-text"> | ||
+ | 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> | </p> | ||
− | + | <p class="text-center"> | |
− | <p class="text- | + | <a class="featurette-button btn btn-default" href="human_practices.2.html" role="button">More details »</a> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</p> | </p> | ||
</div> | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | < | + | <hr class="featurette-divider"> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <div class="row featurette"> | |
− | <div class=" | + | <div class="col-md-7"> |
− | <div class=" | + | <h2 class="featurette-heading"> |
− | < | + | German* iGEM Meetup 2016. |
− | + | <span class="text-muted"> | |
− | + | Blahblahblah. | |
− | + | </span> | |
− | <p> | + | </h2> |
− | + | <p class="featurette-text"> | |
− | + | 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> | ||
+ | <p class="text-center"> | ||
+ | <a class="featurette-button btn btn-default" href="human_practices.3.html" role="button">More details »</a> | ||
</p> | </p> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | <div class=" | + | <div class="col-md-5"> |
− | < | + | <img class="featurette-image img-fluid m-x-auto" src="http://placehold.it/400x400" alt="Generic placeholder image"> |
</div> | </div> | ||
</div> | </div> | ||
− | |||
</div> | </div> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 14:02, 19 October 2016
SynDustry Fuse. Use. Produce.
Human Practices
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, Introduction textnascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
SynEnergene. Blahblahblah.
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.
Hessentag. Blahblahblah.
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.
German* iGEM Meetup 2016. Blahblahblah.
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.