|
|
Line 109: |
Line 109: |
| <!---------- SUB HEADLINE -------------> | | <!---------- SUB HEADLINE -------------> |
| <h2 class="page-subheadline">Subheadline</h2> | | <h2 class="page-subheadline">Subheadline</h2> |
− | | + | <div class="width-limit padding-container"> |
− | <!------------------------------------------ TWO COLUMN IMG LEFT -------------------------------------------------->
| + | <img src="https://static.igem.org/mediawiki/2019/8/8d/T--Humboldt_Berlin--box_parts.png" alt="Partbox" /> |
− | | + | </p> |
− | <div class="width-limit">
| + | </div> |
− | <div class="two-columns">
| + | <div class="width-limit padding-container"> |
− | <div>
| + | <img src="https://static.igem.org/mediawiki/2019/8/8d/T--Humboldt_Berlin--box_parts.png" alt="Partbox" /> |
− | <!-- IMAGE -->
| + | </p> |
− | <img src="https://static.igem.org/mediawiki/2019/8/8d/T--Humboldt_Berlin--box_parts.png" alt="Partbox" />
| + | </div> |
− | </div>
| + | |
− | <div>
| + | |
− | <!----------------------------------------------------------------------->
| + | |
− | <!----------------------------TEXT---------------------------->
| + | |
− | <!----------------------------------------------------------------------->
| + | |
− | <h3 class="headline3">Text Headline</h3>
| + | |
− | <p class="block-text medium-sized">
| + | |
− | Text for the two column thingy here
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | <!--------------------------------------- TWO COLUMN IMG LEFT END ----------------------------------------------->
| + | |
− | | + | |
− | <!---------------------------------------------- QUOTE -------------------------------------------------------->
| + | |
− | | + | |
− | <blockquote class="quote image-left">
| + | |
− | <div class="quote-image-container">
| + | |
− | <!-- QUOTE IMAGE -->
| + | |
− | <img src="https://static.igem.org/mediawiki/2019/2/2d/T--Humboldt_Berlin--flasche_igem.png" alt="plastic bottle illustration" />
| + | |
− | </div>
| + | |
− | <div class="block-text big-underline big-text">
| + | |
− | <!----------------------------------------------------------------------->
| + | |
− | <!---------------------------- Quote Text ---------------------------->
| + | |
− | <!----------------------------------------------------------------------->
| + | |
− | <p><b>
| + | |
− | Have the Quote Text Here - it is underlined
| + | |
− | </b></p>
| + | |
− | </div>
| + | |
− | </blockquote> | + | |
− | | + | |
− | <!---------------------------------------------- QUOTE END ------------------------------------------------------->
| + | |
− | | + | |
− | <!------------------------------------------ TWO COLUMN IMG RIGHT ------------------------------------------------>
| + | |
− | | + | |
− | <div class="two-columns">
| + | |
− | <div>
| + | |
− | <!----------------------------------------------------------------------->
| + | |
− | <!------------------IGEM PROJECTS THAT INSPIRED US----------------------->
| + | |
− | <!----------------------------------------------------------------------->
| + | |
− | <h3 class="headline3">Headline</h3>
| + | |
− | <p class="block-text medium-sized">
| + | |
− | Text for the two column image right block
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | <div>
| + | |
− | <!--- IMAGE --->
| + | |
− | <img class="is-revealing" src="https://static.igem.org/mediawiki/2019/b/bc/T--Humboldt_Berlin--microplastic_icon.png" alt="microplastic icon" />
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | <!--------------------------------------- TWO COLUMN IMG RIGHT END ------------------------------------------------>
| + | |
− | | + | |
| <!------------------------------------------ TWO COLUMN LONG TEXT ------------------------------------------------> | | <!------------------------------------------ TWO COLUMN LONG TEXT ------------------------------------------------> |
| <div class="two-columns-headline"> | | <div class="two-columns-headline"> |