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

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">

Revision as of 23:02, 12 October 2019