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

Line 105: Line 105:
 
<!------------------------------------------ HEADER END -------------------------------------------------->
 
<!------------------------------------------ HEADER END -------------------------------------------------->
  
−
        <section class="page-content fixed-header-content">
+
   
−
            <!---------- SUB HEADLINE ------------->
+
<!---------- SUB HEADLINE ------------->
−
             <h2 class="page-subheadline">Subheadline</h2>
+
             <div class="width-limit padding-container">
 +
                <p style="font-size:50px; text-align:left"><i>noun</i></br>"Read more about our achievements in our judging form"<sup>(1)</sup></br>
 +
                    </br>
 +
                </p>
 +
            </div>  
  
−
 
+
<div class="two-columns big-border-left">
−
<!------------------------------------------ TWO COLUMN IMG LEFT -------------------------------------------------->
+
                     <div class="image-column">
−
 
+
                        <img src="https://static.igem.org/mediawiki/2019/0/0b/T--Humboldt_Berlin--bronze_fellow_white.png" alt="e-coli illustration" />
−
            <div class="width-limit">
+
−
                <div class="two-columns">
+
−
                     <div>
+
−
                        <!-- IMAGE WITH CAPTION -->
+
−
                        <figure class="is-revealing">
+
−
                            <img class="is-revealing" src="https://static.igem.org/mediawiki/2019/5/54/T--Humboldt_Berlin--ideonella_grafik.png" alt="ideonella grafic" />
+
−
                            <figcaption>Bildunterschrift kann hier eingetragen werden</figcaption>
+
−
                        </figure>
+
 
                     </div>
 
                     </div>
−
                     <div>
+
                     <div class="big-text">
−
                        <!----------------------------------------------------------------------->
+
<b>Bacteria</b></br>
−
                        <!----------------------------TEXT---------------------------->
+
                         <b class="plus">Fast growth</b><br />
−
                         <!----------------------------------------------------------------------->
+
                         <b class="minus">Inclusion bodies</b><br />
−
                         <h3 class="headline3">Text Headline</h3>
+
                         <b class="minus">lack of eucaryotic posttranslational modification</b><br />
−
                         <p class="block-text medium-sized">
+
−
                            Text for the two column thingy here
+
−
                        </p>
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
 
+
                 <div class="two-columns big-border-left">
−
 
+
                     <div class="image-column">
−
<!--------------------------------------- TWO COLUMN IMG LEFT END ----------------------------------------------->
+
                         <img src="https://static.igem.org/mediawiki/2019/1/10/T--Humboldt_Berlin--silver_fellow_white.png" alt="eucaryotic cells illustration" />
−
 
+
−
<!---------------------------------------------- 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>
−
                     <div class="block-text big-underline big-text">
+
                     <div class="big-text">
−
                        <!----------------------------------------------------------------------->
+
<b>Yeast & Tissue Cells</b></br>
−
                        <!----------------------------  Quote Text  ---------------------------->
+
                         <b class="plus">Post-translational modification</b><br />
−
                         <!----------------------------------------------------------------------->
+
                         <b class="minus">Expensive cultivation</b><br />
−
                         <p><b>
+
                         <b class="minus">No motility</b><br />
−
                            Have the Quote Text Here - it is underlined
+
−
                         </b></p>
+
 
                     </div>
 
                     </div>
−
                 </blockquote>
+
                 </div>
  
−
<!---------------------------------------------- QUOTE END ------------------------------------------------------->
+
                 <div class="two-columns big-border-left">
−
 
+
                     <div class="image-column">
−
 
+
                         <img src="https://static.igem.org/mediawiki/2019/0/0b/T--Humboldt_Berlin--bronze_fellow_white.png" alt="chlamy illustration" />
−
<!------------------------------------------ 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>
−
                     <div>
+
                     <div class="big-text">
−
                        <!--- IMAGE --->
+
<b>Microalgae</b></br>
−
                         <img class="is-revealing" src="https://static.igem.org/mediawiki/2019/b/bc/T--Humboldt_Berlin--microplastic_icon.png" alt="microplastic icon" />
+
                         <b class="plus">Inexpensive & easy cultivation</b><br />                     
 +
                        <b class="plus">Post-translational modification</b><br />
 +
                        <b class="plus">Photosynthesis</b><br />
 +
                        <b class="plus">Enviromental-safe</b><br />
 +
                        <b class="plus">Two expression compartments (nucleus & chloroplast)</b><br />
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
  
−
<!--------------------------------------- TWO COLUMN IMG RIGHT END ------------------------------------------------>
+
                 <div class="two-columns">
−
 
+
−
 
+
−
<!------------------------------------------ TWO COLUMN LONG TEXT ------------------------------------------------>
+
−
                 <div class="two-columns-headline">
+
−
                    <!-- HEADLINE -->
+
−
                    <h3 class="headline3">Long text headline</h3>
+
−
                </div>
+
−
                <div class="two-columns block-text medium-sized not-centered no-margin-top">
+
 
                     <div>
 
                     <div>
−
                         <!-- TEXT - PARAGRAPHS ARE WRAPPED IN <p> TAGS -->
+
                         <img class="is-revealing" src="https://static.igem.org/mediawiki/2019/b/b4/T--Humboldt_Berlin--ablauf_sakaiensis.png" alt="process sakaiensis" />
−
                        <p>
+
−
                            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
 
−
                        </p>
 
−
                        <p>
 
−
                            Paragraph Right 2
 
−
                        </p>
 
−
                        <p>
 
−
                            Paragraph Right 3
 
−
                        </p>
 
−
                        <p>
 
−
                            Paragraph Right 4
 
−
                        </p>
 
−
                    </div>
 
−
                </div>
 
−
            </div>
 
−
        </section>
 
  
−
<!------------------------------------------ TWO COLUMN LONG TEXT END -------------------------------------------->
 
−
<!--------------------------------------- TO TOP LINK ----------------------------------------------->
 
−
                <a href="#" class="to-top-link">
 
−
                    <img src="https://static.igem.org/mediawiki/2019/3/3e/T--Humboldt_Berlin--ArrowDown.jpg" /> Go to top
 
−
                </a>
 
−
                <!--------------------------------------- TO TOP LINK END ------------------------------------------->
 
−
<!------------------------------------------ DEVIDER LINE -------------------------------------------->
 
−
        <div class="greyblue-devider"></div>
 
−
<!------------------------------------------ DEVIDER LINE END -------------------------------------------->
 
  
  
−
<!------------------------------------------ TWO COLUMN SMALL TEXT -------------------------------------------->
 
−
 
−
        <section class="width-limit">
 
−
            <div class="two-columns block-text not-centered small-sized">
 
−
                <div>
 
−
                  <!-- TEXT LEFT COLUMN -->
 
−
                  <p>Small Text Left Column
 
−
                </div>
 
−
                <div>
 
−
                  <!-- TEXT RIGHT COLUMN -->
 
−
                  <p>Small Text Right Column</p>
 
−
                </div>
 
−
            </div>
 
−
        </section>
 
  
−
<!------------------------------------------ TWO COLUMN SMALL TEXT END ---------------------------------------->
 
  
−
    </main>
+
 
  
 
<!------------------------------------------ FOOTER ---------------------------------------->
 
<!------------------------------------------ FOOTER ---------------------------------------->

Revision as of 13:44, 16 October 2019

notebook

Achievements

noun
"Read more about our achievements in our judging form"(1)

e-coli illustration
Bacteria
Fast growth
Inclusion bodies
lack of eucaryotic posttranslational modification
eucaryotic cells illustration
Yeast & Tissue Cells
Post-translational modification
Expensive cultivation
No motility
chlamy illustration
Microalgae
Inexpensive & easy cultivation
Post-translational modification
Photosynthesis
Enviromental-safe
Two expression compartments (nucleus & chloroplast)
process sakaiensis