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

Line 107: Line 107:
 
         <section class="page-content fixed-header-content">
 
         <section class="page-content fixed-header-content">
 
             <!---------- SUB HEADLINE ------------->
 
             <!---------- SUB HEADLINE ------------->
             <h2 class="page-subheadline">Subheadline</h2>
+
             <h2 class="page-subheadline">Scientific Collaborations</h2>
 +
<!------------------------------------------ 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 IMG LEFT -------------------------------------------------->
 
             <!------------------------------------------ TWO COLUMN IMG LEFT -------------------------------------------------->
Line 133: Line 152:
 
                 <!--------------------------------------- TWO COLUMN IMG LEFT END ----------------------------------------------->
 
                 <!--------------------------------------- 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 ------------------------------------------------>
 
                 <!------------------------------------------ TWO COLUMN IMG RIGHT ------------------------------------------------>
Line 211: Line 213:
  
 
             <!------------------------------------------ TWO COLUMN LONG TEXT END -------------------------------------------->
 
             <!------------------------------------------ TWO COLUMN LONG TEXT END -------------------------------------------->
 
+
<h2 class="page-subheadline">Scientific Collaborations</h2>
 
             <!------------------------------------------ DEVIDER LINE -------------------------------------------->
 
             <!------------------------------------------ DEVIDER LINE -------------------------------------------->
 
             <div class="greyblue-devider"></div>
 
             <div class="greyblue-devider"></div>

Revision as of 12:19, 12 October 2019

Collaboration

Collaborations

Scientific Collaborations

Headline

Text for the two column image right block

microplastic icon
ideonella grafic
Bildunterschrift kann hier eingetragen werden

Text Headline

Text for the two column thingy here

Headline

Text for the two column image right block

microplastic icon

Long text headline

Paragraph Left 1

Paragraph Left 2


Pverview of the hierarchical and modular cloning system

Paragraph Left 3

Paragraph Right 1

Paragraph Right 2

Paragraph Right 3

Paragraph Right 4

Scientific Collaborations

Small Text Left Column

Small Text Right Column