Difference between revisions of "Team:TU Darmstadt/Collaborations"

Line 35: Line 35:
 
<!----------Insert TEXT Here --------->
 
<!----------Insert TEXT Here --------->
 
<!----------Insert TEXT Here --------->
 
<!----------Insert TEXT Here --------->
 +
<h1> Collabo 1 </h1>
 +
<div class="TFcontainer">
 +
        <div class="containertext">
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat ipsum ut lectus bibendum facilisis. Proin id dictum tortor. Mauris ac aliquet velit. Vestibulum a purus diam. Donec leo lorem, imperdiet id ante nec, rutrum blandit lacus. Phasellus in iaculis nulla. Cras scelerisque pellentesque lorem, at luctus ante volutpat a. Curabitur commodo porttitor sapien id ultrices. Proin rhoncus ut tortor id iaculis. Nulla enim diam, molestie at porttitor quis, vehicula non ante. In vitae scelerisque risus, et dignissim erat. Morbi dictum egestas porta. Phasellus quam mauris, fermentum sit amet magna ut, porttitor sodales quam. Pellentesque sed lectus augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean ligula turpis, fermentum eget fermentum a, laoreet sed nibh.
 +
  </div>
 +
        <div class="containerimg">
 +
            <figure>
 +
                <img src="https://static.igem.org/mediawiki/2020/d/d5/T--TU_Darmstadt--CD-ROM.jpg" alt="figure">
 +
                <figcaption id="Figure#">Figure 1: Collabo Picture 1 </figcaption>
 +
            </figure>
 +
        </div>
 +
    </div>
 +
<div id="slider">
 +
            <input type="radio" name="slider" id="slide1" checked>
 +
            <input type="radio" name="slider" id="slide2">
 +
            <input type="radio" name="slider" id="slide3">
 +
            <input type="radio" name="slider" id="slide4">
 +
            <input type="radio" name="slider" id="slide5">
 +
            <input type="radio" name="slider" id="slide6">
 +
            <div id="slides">
 +
                <div id="overflow">
 +
                    <div class="inner">
 +
                        <div class="slide slide_1">
 +
                            <div class="slide-content">
 +
                                <h2> Slide 1 </h2>
 +
                                <p> Content for Slide 1</p>
 +
                            </div>
 +
                        </div>
 +
                        <div class="slide slide_2">
 +
                            <div class="slide-content">
 +
                                <h2> Slide 2 </h2>
 +
                                <p> Content for Slide 2</p>
 +
                            </div>
 +
                        </div>
 +
                        <div class="slide slide_3">
 +
                            <div class="slide-content">
 +
                                <h2> Slide 3 </h2>
 +
                                <p> Content for Slide 3</p>
 +
                            </div>
 +
                        </div>
 +
                        <div class="slide slide_4">
 +
                            <div class="slide-content">
 +
                                <h2> Slide 4 </h2>
 +
                                <p> Content for Slide 4</p>
 +
                            </div>
 +
                        </div>
 +
                        <div class="slide slide_5">
 +
                            <div class="slide-content">
 +
                                <h2> Slide 5 </h2>
 +
                                <p> Content for Slide 5</p>
 +
                            </div>
 +
                        </div>
 +
                        <div class="slide slide_6">
 +
                            <div class="slide-content">
 +
                                <h2> Slide 6 </h2>
 +
                                <p> Content for Slide 6</p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div id="controls">
 +
                <label for="slide1"></label>
 +
                <label for="slide2"></label>
 +
                <label for="slide3"></label>
 +
                <label for="slide4"></label>
 +
                <label for="slide5"></label>
 +
                <label for="slide6"></label>
 +
            </div>
 +
            <div id="bullets">
 +
                <label for="slide1"></label>
 +
                <label for="slide2"></label>
 +
                <label for="slide3"></label>
 +
                <label for="slide4"></label>
 +
                <label for="slide5"></label>
 +
                <label for="slide6"></label>
 +
            </div>
 +
        </div>
  
  
 +
 +
<h1> Collabo 1 </h1>
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat ipsum ut lectus bibendum facilisis. Proin id dictum tortor. Mauris ac aliquet velit. Vestibulum a purus diam. Donec leo lorem, imperdiet id ante nec, rutrum blandit lacus. Phasellus in iaculis nulla. Cras scelerisque pellentesque lorem, at luctus ante volutpat a. Curabitur commodo porttitor sapien id ultrices. Proin rhoncus ut tortor id iaculis. Nulla enim diam, molestie at porttitor quis, vehicula non ante. In vitae scelerisque risus, et dignissim erat. Morbi dictum egestas porta. Phasellus quam mauris, fermentum sit amet magna ut, porttitor sodales quam. Pellentesque sed lectus augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean ligula turpis, fermentum eget fermentum a, laoreet sed nibh.
 +
<h1> Collabo 1 </h1>
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat ipsum ut lectus bibendum facilisis. Proin id dictum tortor. Mauris ac aliquet velit. Vestibulum a purus diam. Donec leo lorem, imperdiet id ante nec, rutrum blandit lacus. Phasellus in iaculis nulla. Cras scelerisque pellentesque lorem, at luctus ante volutpat a. Curabitur commodo porttitor sapien id ultrices. Proin rhoncus ut tortor id iaculis. Nulla enim diam, molestie at porttitor quis, vehicula non ante. In vitae scelerisque risus, et dignissim erat. Morbi dictum egestas porta. Phasellus quam mauris, fermentum sit amet magna ut, porttitor sodales quam. Pellentesque sed lectus augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean ligula turpis, fermentum eget fermentum a, laoreet sed nibh.
 +
<h1> Collabo 1 </h1>
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat ipsum ut lectus bibendum facilisis. Proin id dictum tortor. Mauris ac aliquet velit. Vestibulum a purus diam. Donec leo lorem, imperdiet id ante nec, rutrum blandit lacus. Phasellus in iaculis nulla. Cras scelerisque pellentesque lorem, at luctus ante volutpat a. Curabitur commodo porttitor sapien id ultrices. Proin rhoncus ut tortor id iaculis. Nulla enim diam, molestie at porttitor quis, vehicula non ante. In vitae scelerisque risus, et dignissim erat. Morbi dictum egestas porta. Phasellus quam mauris, fermentum sit amet magna ut, porttitor sodales quam. Pellentesque sed lectus augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean ligula turpis, fermentum eget fermentum a, laoreet sed nibh.
 +
<h1> Collabo 1 </h1>
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat ipsum ut lectus bibendum facilisis. Proin id dictum tortor. Mauris ac aliquet velit. Vestibulum a purus diam. Donec leo lorem, imperdiet id ante nec, rutrum blandit lacus. Phasellus in iaculis nulla. Cras scelerisque pellentesque lorem, at luctus ante volutpat a. Curabitur commodo porttitor sapien id ultrices. Proin rhoncus ut tortor id iaculis. Nulla enim diam, molestie at porttitor quis, vehicula non ante. In vitae scelerisque risus, et dignissim erat. Morbi dictum egestas porta. Phasellus quam mauris, fermentum sit amet magna ut, porttitor sodales quam. Pellentesque sed lectus augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean ligula turpis, fermentum eget fermentum a, laoreet sed nibh.
  
 
     </div>
 
     </div>

Revision as of 10:49, 23 September 2020



Chapter 1 Chapter 2 Chapter 3 Chapter 4

Collabo 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat ipsum ut lectus bibendum facilisis. Proin id dictum tortor. Mauris ac aliquet velit. Vestibulum a purus diam. Donec leo lorem, imperdiet id ante nec, rutrum blandit lacus. Phasellus in iaculis nulla. Cras scelerisque pellentesque lorem, at luctus ante volutpat a. Curabitur commodo porttitor sapien id ultrices. Proin rhoncus ut tortor id iaculis. Nulla enim diam, molestie at porttitor quis, vehicula non ante. In vitae scelerisque risus, et dignissim erat. Morbi dictum egestas porta. Phasellus quam mauris, fermentum sit amet magna ut, porttitor sodales quam. Pellentesque sed lectus augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean ligula turpis, fermentum eget fermentum a, laoreet sed nibh.
figure
Figure 1: Collabo Picture 1

Slide 1

Content for Slide 1

Slide 2

Content for Slide 2

Slide 3

Content for Slide 3

Slide 4

Content for Slide 4

Slide 5

Content for Slide 5

Slide 6

Content for Slide 6

Collabo 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat ipsum ut lectus bibendum facilisis. Proin id dictum tortor. Mauris ac aliquet velit. Vestibulum a purus diam. Donec leo lorem, imperdiet id ante nec, rutrum blandit lacus. Phasellus in iaculis nulla. Cras scelerisque pellentesque lorem, at luctus ante volutpat a. Curabitur commodo porttitor sapien id ultrices. Proin rhoncus ut tortor id iaculis. Nulla enim diam, molestie at porttitor quis, vehicula non ante. In vitae scelerisque risus, et dignissim erat. Morbi dictum egestas porta. Phasellus quam mauris, fermentum sit amet magna ut, porttitor sodales quam. Pellentesque sed lectus augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean ligula turpis, fermentum eget fermentum a, laoreet sed nibh.

Collabo 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat ipsum ut lectus bibendum facilisis. Proin id dictum tortor. Mauris ac aliquet velit. Vestibulum a purus diam. Donec leo lorem, imperdiet id ante nec, rutrum blandit lacus. Phasellus in iaculis nulla. Cras scelerisque pellentesque lorem, at luctus ante volutpat a. Curabitur commodo porttitor sapien id ultrices. Proin rhoncus ut tortor id iaculis. Nulla enim diam, molestie at porttitor quis, vehicula non ante. In vitae scelerisque risus, et dignissim erat. Morbi dictum egestas porta. Phasellus quam mauris, fermentum sit amet magna ut, porttitor sodales quam. Pellentesque sed lectus augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean ligula turpis, fermentum eget fermentum a, laoreet sed nibh.

Collabo 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat ipsum ut lectus bibendum facilisis. Proin id dictum tortor. Mauris ac aliquet velit. Vestibulum a purus diam. Donec leo lorem, imperdiet id ante nec, rutrum blandit lacus. Phasellus in iaculis nulla. Cras scelerisque pellentesque lorem, at luctus ante volutpat a. Curabitur commodo porttitor sapien id ultrices. Proin rhoncus ut tortor id iaculis. Nulla enim diam, molestie at porttitor quis, vehicula non ante. In vitae scelerisque risus, et dignissim erat. Morbi dictum egestas porta. Phasellus quam mauris, fermentum sit amet magna ut, porttitor sodales quam. Pellentesque sed lectus augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean ligula turpis, fermentum eget fermentum a, laoreet sed nibh.

Collabo 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat ipsum ut lectus bibendum facilisis. Proin id dictum tortor. Mauris ac aliquet velit. Vestibulum a purus diam. Donec leo lorem, imperdiet id ante nec, rutrum blandit lacus. Phasellus in iaculis nulla. Cras scelerisque pellentesque lorem, at luctus ante volutpat a. Curabitur commodo porttitor sapien id ultrices. Proin rhoncus ut tortor id iaculis. Nulla enim diam, molestie at porttitor quis, vehicula non ante. In vitae scelerisque risus, et dignissim erat. Morbi dictum egestas porta. Phasellus quam mauris, fermentum sit amet magna ut, porttitor sodales quam. Pellentesque sed lectus augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean ligula turpis, fermentum eget fermentum a, laoreet sed nibh.