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...")
 
 
(4 intermediate revisions by the same user not shown)
Line 190: Line 190:
 
         <section class="page-content fixed-header-content expandable">
 
         <section class="page-content fixed-header-content expandable">
 
             <div class="width-limit">
 
             <div class="width-limit">
 
  
 
                 <div class="expandable-container">
 
                 <div class="expandable-container">
Line 220: Line 219:
 
                     </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 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/5/5d/T--Humboldt_Berlin--chlamy_wusel.jpeg" 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="readmore">Read more</span>
 
                         <span class="readless">Read less</span>
 
                         <span class="readless">Read less</span>

Latest revision as of 22:45, 19 October 2019

Building Blocks

Basic Part