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

(Created page with "{{Humboldt_Berlin}} <html> <div class="has-animations description no-js" id="container"> <div class="container"> <!------------------------------------------ NA...")
 
Line 220: Line 220:
 
                     </div>
 
                     </div>
 
                     <div class="expandable-readall">
 
                     <div class="expandable-readall">
 +
                        <span class="readmore">Read more</span>
 +
                        <span class="readless">Read less</span>
 +
                        <img src="https://static.igem.org/mediawiki/2019/3/3e/T--Humboldt_Berlin--ArrowDown.jpg">
 +
                    </div>
 +
                </div>
 +
            </div>
 +
<div class="expandable-readall">
 
                         <span class="readmore">Read more</span>
 
                         <span class="readmore">Read more</span>
 
                         <span class="readless">Read less</span>
 
                         <span class="readless">Read less</span>
Line 226: Line 233:
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 +
        </section>
 +
 +
 +
        <section class="page-content fixed-header-content expandable">
 +
            <div class="width-limit">
 +
 +
 +
                <div class="expandable-container">
 +
                    <div class="expandable-preview">
 +
                        <p class="medium-sized">
 +
                            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit ame
 +
                        </p>
 +
                        <img src="https://static.igem.org/mediawiki/2019/0/0e/T--Humboldt_Berlin--chlamydomonas_schaubild_eng.png" alt="preview" />
 +
                    </div>
 +
                    <div class="expandable-more">
 +
                        <div class="two-columns">
 +
                            <div>
 +
                                <p class="medium-sized">
 +
                                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
 +
                                </p>
 +
                                <p class="medium-sized">
 +
                                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit ame. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit ame
 +
                                </p>
 +
                            </div>
 +
                            <div>
 +
                                <p class="medium-sized">
 +
                                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit ame
 +
                                </p>
 +
                                <p class="medium-sized">
 +
                                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit ame
 +
                                </p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="expandable-readall">
 +
                        <span class="readmore">Read more</span>
 +
                        <span class="readless">Read less</span>
 +
                        <img src="https://static.igem.org/mediawiki/2019/3/3e/T--Humboldt_Berlin--ArrowDown.jpg">
 +
                    </div>
 +
                </div>
 +
            </div>
 +
 
         </section>
 
         </section>
  

Revision as of 22:39, 19 October 2019

Building Blocks

Basic Part