Difference between revisions of "Team:Humboldt Berlin/Results"

Line 106: Line 106:
  
 
         <section class="page-content fixed-header-content">
 
         <section class="page-content fixed-header-content">
−
            <!---------- SUB HEADLINE ------------->
 
−
            <h2 class="page-subheadline">Subheadline</h2>
 
  
 
             <!------------------------------------------ TWO COLUMN IMG LEFT -------------------------------------------------->
 
             <!------------------------------------------ TWO COLUMN IMG LEFT -------------------------------------------------->
Line 121: Line 119:
 
                         <!----------------------------TEXT---------------------------->
 
                         <!----------------------------TEXT---------------------------->
 
                         <!----------------------------------------------------------------------->
 
                         <!----------------------------------------------------------------------->
−
                         <h3 class="headline3">Text Headline</h3>
+
                         <h3 class="headline3">Synthesis of L0 and L1 gene constructs</h3>
 
                         <p class="block-text medium-sized">
 
                         <p class="block-text medium-sized">
 
                             Text for the two column thingy here
 
                             Text for the two column thingy here
Line 130: Line 128:
 
                 <!--------------------------------------- TWO COLUMN IMG LEFT END ----------------------------------------------->
 
                 <!--------------------------------------- TWO COLUMN IMG LEFT END ----------------------------------------------->
  
−
                 <!---------------------------------------------- QUOTE -------------------------------------------------------->
+
                 <!------------------------------------------ TWO COLUMN IMG RIGHT ------------------------------------------------>
  
−
                 <blockquote class="quote image-left">
+
                 <div class="two-columns">
−
                     <div class="quote-image-container">
+
                     <div>
−
                         <!-- QUOTE IMAGE -->
+
                        <!----------------------------------------------------------------------->
−
                         <img src="https://static.igem.org/mediawiki/2019/2/2d/T--Humboldt_Berlin--flasche_igem.png" alt="plastic bottle illustration" />
+
                         <!------------------IGEM PROJECTS THAT INSPIRED US----------------------->
 +
                         <!----------------------------------------------------------------------->
 +
                        <h3 class="headline3">Expression of YFP-containing constructs</h3>
 +
                        <p class="block-text medium-sized">
 +
                            Text for the two column image right block
 +
                        </p>
 
                     </div>
 
                     </div>
−
                     <div class="block-text big-underline big-text">
+
                     <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 IMG LEFT -------------------------------------------------->
 +
 
 +
            <div class="width-limit">
 +
                <div class="two-columns">
 +
                    <div>
 +
                        <!-- IMAGE -->
 +
                        <img class="is-revealing" src="https://static.igem.org/mediawiki/2019/5/54/T--Humboldt_Berlin--ideonella_grafik.png" alt="ideonella grafic" />
 +
                    </div>
 +
                    <div>
 
                         <!----------------------------------------------------------------------->
 
                         <!----------------------------------------------------------------------->
−
                         <!---------------------------- Quote Text  ---------------------------->
+
                         <!----------------------------TEXT---------------------------->
 
                         <!----------------------------------------------------------------------->
 
                         <!----------------------------------------------------------------------->
−
                         <p><b>
+
                         <h3 class="headline3">Secretion of Enzymes</h3>
−
                             Have the Quote Text Here - it is underlined
+
                        <p class="block-text medium-sized">
−
                         </b></p>
+
                             Text for the two column thingy here
 +
                         </p>
 
                     </div>
 
                     </div>
−
                 </blockquote>
+
                 </div>
  
−
                 <!---------------------------------------------- QUOTE END ------------------------------------------------------->
+
                 <!--------------------------------------- TWO COLUMN IMG LEFT END ----------------------------------------------->
 +
 
 +
 
 +
<!------------------------------------------ TWO COLUMN IMG LEFT -------------------------------------------------->
 +
 
 +
            <div class="width-limit">
 +
                <div class="two-columns">
 +
                    <div>
 +
                        <!-- IMAGE -->
 +
                        <img class="is-revealing" src="https://static.igem.org/mediawiki/2019/5/54/T--Humboldt_Berlin--ideonella_grafik.png" alt="ideonella grafic" />
 +
                    </div>
 +
                    <div>
 +
                        <!----------------------------------------------------------------------->
 +
                        <!----------------------------TEXT---------------------------->
 +
                        <!----------------------------------------------------------------------->
 +
                        <h3 class="headline3">PtxD-controlled growth</h3>
 +
                        <p class="block-text medium-sized">
 +
                            Text for the two column thingy here
 +
                        </p>
 +
                    </div>
 +
                </div>
 +
 
 +
                <!--------------------------------------- TWO COLUMN IMG LEFT END ----------------------------------------------->
  
 
                 <!------------------------------------------ TWO COLUMN IMG RIGHT ------------------------------------------------>
 
                 <!------------------------------------------ TWO COLUMN IMG RIGHT ------------------------------------------------>
Line 156: Line 200:
 
                         <!------------------IGEM PROJECTS THAT INSPIRED US----------------------->
 
                         <!------------------IGEM PROJECTS THAT INSPIRED US----------------------->
 
                         <!----------------------------------------------------------------------->
 
                         <!----------------------------------------------------------------------->
−
                         <h3 class="headline3">Headline</h3>
+
                         <h3 class="headline3">PET-degradation in-silico
 +
</h3>
 
                         <p class="block-text medium-sized">
 
                         <p class="block-text medium-sized">
 
                             Text for the two column image right block
 
                             Text for the two column image right block
Line 169: Line 214:
 
                 <!--------------------------------------- TWO COLUMN IMG RIGHT END ------------------------------------------------>
 
                 <!--------------------------------------- TWO COLUMN IMG RIGHT END ------------------------------------------------>
  
−
                <!------------------------------------------ TWO COLUMN LONG TEXT ------------------------------------------------>
+
<!------------------------------------------ TWO COLUMN IMG LEFT -------------------------------------------------->
−
                <div class="two-columns-headline">
+
 
−
                    <!-- HEADLINE -->
+
            <div class="width-limit">
−
                    <h3 class="headline3">Long text headline</h3>
+
                 <div class="two-columns">
−
                </div>
+
−
                 <div class="two-columns block-text medium-sized not-centered no-margin-top">
+
 
                     <div>
 
                     <div>
−
                        <!-- TEXT - PARAGRAPHS ARE WRAPPED IN <p> TAGS -->
+
                         <!-- IMAGE -->
−
                        <p>
+
                         <img class="is-revealing" src="https://static.igem.org/mediawiki/2019/5/54/T--Humboldt_Berlin--ideonella_grafik.png" alt="ideonella grafic" />
−
                            Paragraph Left 1
+
−
                        </p>
+
−
                        <p>
+
−
                            Paragraph Left 2
+
−
                        </p>
+
−
                        <br />
+
−
                         <!-- IMAGE INBETWEEN -->
+
−
                         <img src="https://static.igem.org/mediawiki/2019/4/42/T--Humboldt_Berlin--chlamy_overview-cloning-system.png" alt="Pverview of the hierarchical and modular cloning system" />
+
−
                        <p>
+
−
                            Paragraph Left 3
+
−
                        </p>
+
 
                     </div>
 
                     </div>
 
                     <div>
 
                     <div>
−
                         <p>
+
                         <!----------------------------------------------------------------------->
−
                            Paragraph Right 1
+
                         <!----------------------------TEXT---------------------------->
−
                         </p>
+
                         <!----------------------------------------------------------------------->
−
                         <p>
+
                         <h3 class="headline3">PET degradation by C. reinhardtii</h3>
−
                            Paragraph Right 2
+
                         <p class="block-text medium-sized">
−
                         </p>
+
                             Text for the two column thingy here
−
                        <p>
+
−
                            Paragraph Right 3
+
−
                        </p>
+
−
                         <p>
+
−
                             Paragraph Right 4
+
 
                         </p>
 
                         </p>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
            </div>
 
  
−
            <!------------------------------------------ DEVIDER LINE -------------------------------------------->
+
                <!--------------------------------------- TWO COLUMN IMG LEFT END ----------------------------------------------->
−
            <div class="greyblue-devider"></div>
+
−
            <!------------------------------------------ DEVIDER LINE END -------------------------------------------->
+
  
−
            <!------------------------------------------ TWO COLUMN SMALL TEXT -------------------------------------------->
+
                <!------------------------------------------ TWO COLUMN IMG RIGHT ------------------------------------------------>
  
−
            <section class="width-limit">
+
                 <div class="two-columns">
−
                 <div class="two-columns block-text not-centered small-sized">
+
 
                     <div>
 
                     <div>
−
                         <!-- TEXT LEFT COLUMN -->
+
                         <!----------------------------------------------------------------------->
−
                         <p>Small Text Left Column
+
                        <!------------------IGEM PROJECTS THAT INSPIRED US----------------------->
 +
                        <!----------------------------------------------------------------------->
 +
                        <h3 class="headline3">Growth experiments</h3>
 +
                         <p class="block-text medium-sized">
 +
                            Text for the two column image right block
 +
                        </p>
 
                     </div>
 
                     </div>
 
                     <div>
 
                     <div>
−
                         <!-- TEXT RIGHT COLUMN -->
+
                         <!--- IMAGE --->
−
                         <p>Small Text Right Column</p>
+
                         <img class="is-revealing" src="https://static.igem.org/mediawiki/2019/b/bc/T--Humboldt_Berlin--microplastic_icon.png" alt="microplastic icon" />
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
            </section>
 
−
            <!------------------------------------------ TWO COLUMN SMALL TEXT END ---------------------------------------->
 
  
−
        </section>
+
                <!--------------------------------------- TWO COLUMN IMG RIGHT END ------------------------------------------------>
 +
 
 +
             
 +
            <!------------------------------------------ DEVIDER LINE -------------------------------------------->
 +
            <div class="greyblue-devider"></div>
 +
            <!------------------------------------------ DEVIDER LINE END -------------------------------------------->
  
 
         <!------------------------------------------ FOOTER ---------------------------------------->
 
         <!------------------------------------------ FOOTER ---------------------------------------->

Revision as of 10:04, 15 October 2019

Results

Results

ideonella grafic

Synthesis of L0 and L1 gene constructs

Text for the two column thingy here

Expression of YFP-containing constructs

Text for the two column image right block

microplastic icon
ideonella grafic

Secretion of Enzymes

Text for the two column thingy here

ideonella grafic

PtxD-controlled growth

Text for the two column thingy here

PET-degradation in-silico

Text for the two column image right block

microplastic icon
ideonella grafic

PET degradation by C. reinhardtii

Text for the two column thingy here

Growth experiments

Text for the two column image right block

microplastic icon