Difference between revisions of "Team:Tuebingen/testsdg"

Line 648: Line 648:
 
     content: '';
 
     content: '';
 
     display: block;
 
     display: block;
−
     opacity: .6;
+
     opacity: 0;
 
     background-color: #000;
 
     background-color: #000;
 
     -webkit-backface-visibility: hidden;
 
     -webkit-backface-visibility: hidden;
Line 990: Line 990:
 
             <div class="kiwi" ontouchstart="this.classList.toggle('hover');">
 
             <div class="kiwi" ontouchstart="this.classList.toggle('hover');">
 
                 <div class="walnuss">
 
                 <div class="walnuss">
−
                     <div class="pfirsich" style="background-image: url(https://unsplash.it/500/500/)">
+
                     <div class="pfirsich" style="background-image: url(https://2019.igem.org/wiki/images/f/ff/T--Tuebingen--sdg_1.png)">
 +
 
 +
                    </div>
 +
                    <div class="kuchen">
 
                         <div class="schorle">
 
                         <div class="schorle">
−
                             <p>Diligord</p>
+
                             <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Alias cum repellat velit quae
−
                            <span>Lorem ipsum</span>
+
                                suscipit c.</p>
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="kiwi" ontouchstart="this.classList.toggle('hover');">
 +
                <div class="walnuss">
 +
                    <div class="pfirsich" style="background-image:url(https://2019.igem.org/wiki/images/6/6f/T--Tuebingen--sdg_2.png)">
 
                     </div>
 
                     </div>
 
                     <div class="kuchen">
 
                     <div class="kuchen">
Line 1,006: Line 1,015:
 
             <div class="kiwi" ontouchstart="this.classList.toggle('hover');">
 
             <div class="kiwi" ontouchstart="this.classList.toggle('hover');">
 
                 <div class="walnuss">
 
                 <div class="walnuss">
−
                     <div class="pfirsich" style="url(https://unsplash.it/511/511/)">
+
                     <div class="pfirsich" style="background-image: url(https://2019.igem.org/wiki/images/4/44/T--Tuebingen--sdg_3.png)">
 +
                    </div>
 +
                    <div class="kuchen">
 
                         <div class="schorle">
 
                         <div class="schorle">
−
                             <p>Rocogged</p>
+
                             <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Alias cum repellat velit quae
−
                            <span>Lorem ipsum</span>
+
                                suscipit c.</p>
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="kiwi" ontouchstart="this.classList.toggle('hover');">
 +
                <div class="walnuss">
 +
                    <div class="pfirsich" style="background-image: url(https://2019.igem.org/wiki/images/9/94/T--Tuebingen--sdg_4.png)">
 
                     </div>
 
                     </div>
 
                     <div class="kuchen">
 
                     <div class="kuchen">
Line 1,022: Line 1,039:
 
             <div class="kiwi" ontouchstart="this.classList.toggle('hover');">
 
             <div class="kiwi" ontouchstart="this.classList.toggle('hover');">
 
                 <div class="walnuss">
 
                 <div class="walnuss">
−
                     <div class="pfirsich" style="background-image: url(https://unsplash.it/502/502/)">
+
                     <div class="pfirsich" style="background-image: url(https://2019.igem.org/wiki/images/9/97/T--Tuebingen--sdg_5.png)">
 +
                    </div>
 +
                    <div class="kuchen">
 
                         <div class="schorle">
 
                         <div class="schorle">
−
                             <p>Strizzes</p>
+
                             <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Alias cum repellat velit quae
−
                            <span>Lorem ipsum</span>
+
                                suscipit c.</p>
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="kiwi" ontouchstart="this.classList.toggle('hover');">
 +
                <div class="walnuss">
 +
                    <div class="pfirsich" style="background-image: url(https://2019.igem.org/wiki/images/3/39/T--Tuebingen--sdg_6.png)">
 
                     </div>
 
                     </div>
 
                     <div class="kuchen">
 
                     <div class="kuchen">
Line 1,038: Line 1,063:
 
             <div class="kiwi" ontouchstart="this.classList.toggle('hover');">
 
             <div class="kiwi" ontouchstart="this.classList.toggle('hover');">
 
                 <div class="walnuss">
 
                 <div class="walnuss">
−
                     <div class="pfirsich" style="background-image: url(https://unsplash.it/503/503/)">
+
                     <div class="pfirsich" style="background-image: url(https://2019.igem.org/wiki/images/3/3e/T--Tuebingen--sdg_7.png)">
 +
                    </div>
 +
                    <div class="kuchen">
 
                         <div class="schorle">
 
                         <div class="schorle">
−
                             <p>Clossyo</p>
+
                             <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Alias cum repellat velit quae
−
                            <span>Lorem ipsum</span>
+
                                suscipit c.</p>
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="kiwi" ontouchstart="this.classList.toggle('hover');">
 +
                <div class="walnuss">
 +
                    <div class="pfirsich" style="background-image: url(https://2019.igem.org/wiki/images/6/61/T--Tuebingen--sdg_8.png)">
 
                     </div>
 
                     </div>
 
                     <div class="kuchen">
 
                     <div class="kuchen">
Line 1,054: Line 1,087:
 
             <div class="kiwi" ontouchstart="this.classList.toggle('hover');">
 
             <div class="kiwi" ontouchstart="this.classList.toggle('hover');">
 
                 <div class="walnuss">
 
                 <div class="walnuss">
−
                     <div class="pfirsich" style="background-image: url(https://unsplash.it/504/504/">
+
                     <div class="pfirsich" style="background-image: url(https://2019.igem.org/wiki/images/b/b2/T--Tuebingen--sdg_9.png)">
 +
 
 +
                    </div>
 +
                    <div class="kuchen">
 
                         <div class="schorle">
 
                         <div class="schorle">
−
                             <p>Rendann</p>
+
                             <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Alias cum repellat velit quae
−
                            <span>Lorem ipsum</span>
+
                                suscipit c.</p>
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="kiwi" ontouchstart="this.classList.toggle('hover');">
 +
                <div class="walnuss">
 +
                    <div class="pfirsich" style="background-image: url(https://2019.igem.org/wiki/images/d/da/T--Tuebingen--sdg_10.png)">
 +
 
                     </div>
 
                     </div>
 
                     <div class="kuchen">
 
                     <div class="kuchen">
Line 1,070: Line 1,113:
 
             <div class="kiwi" ontouchstart="this.classList.toggle('hover');">
 
             <div class="kiwi" ontouchstart="this.classList.toggle('hover');">
 
                 <div class="walnuss">
 
                 <div class="walnuss">
−
                     <div class="pfirsich" style="background-image: url(https://unsplash.it/505/505/)">
+
                     <div class="pfirsich" style="background-image: url(https://2019.igem.org/wiki/images/3/3e/T--Tuebingen--sdg_11.png)">
 +
 
 +
                    </div>
 +
                    <div class="kuchen">
 
                         <div class="schorle">
 
                         <div class="schorle">
−
                             <p>Reflupper</p>
+
                             <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Alias cum repellat velit quae
−
                            <span>Lorem ipsum</span>
+
                                suscipit c.</p>
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="kiwi" ontouchstart="this.classList.toggle('hover');">
 +
                <div class="walnuss">
 +
                    <div class="pfirsich" style="background-image: url(https://2019.igem.org/wiki/images/5/54/T--Tuebingen--sdg_12.png)">
 +
 
                     </div>
 
                     </div>
 
                     <div class="kuchen">
 
                     <div class="kuchen">
Line 1,086: Line 1,139:
 
             <div class="kiwi" ontouchstart="this.classList.toggle('hover');">
 
             <div class="kiwi" ontouchstart="this.classList.toggle('hover');">
 
                 <div class="walnuss">
 
                 <div class="walnuss">
−
                     <div class="pfirsich" style="background-image: url(https://unsplash.it/506/506/)">
+
                     <div class="pfirsich" style="background-image: url(https://2019.igem.org/wiki/images/2/28/T--Tuebingen--sdg_13.png)">
 +
 
 +
                    </div>
 +
                    <div class="kuchen">
 
                         <div class="schorle">
 
                         <div class="schorle">
−
                             <p>Acirassi</p>
+
                             <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Alias cum repellat velit quae
−
                            <span>Lorem ipsum</span>
+
                                suscipit c.</p>
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="kiwi" ontouchstart="this.classList.toggle('hover');">
 +
                <div class="walnuss">
 +
                    <div class="pfirsich" style="background-image: url(https://2019.igem.org/wiki/images/5/5b/T--Tuebingen--sdg_14.png)">
 +
 
                     </div>
 
                     </div>
 
                     <div class="kuchen">
 
                     <div class="kuchen">
Line 1,102: Line 1,165:
 
             <div class="kiwi" ontouchstart="this.classList.toggle('hover');">
 
             <div class="kiwi" ontouchstart="this.classList.toggle('hover');">
 
                 <div class="walnuss">
 
                 <div class="walnuss">
−
                     <div class="pfirsich" style="background-image: url(https://unsplash.it/508/508/)">
+
                     <div class="pfirsich" style="background-image: url(https://2019.igem.org/wiki/images/0/0f/T--Tuebingen--sdg_15.png)">
 +
 
 +
                    </div>
 +
                    <div class="kuchen">
 
                         <div class="schorle">
 
                         <div class="schorle">
−
                             <p>Sohanidd</p>
+
                             <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Alias cum repellat velit quae
−
                            <span>Lorem ipsum</span>
+
                                suscipit c.</p>
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="kiwi" ontouchstart="this.classList.toggle('hover');">
 +
                <div class="walnuss">
 +
                    <div class="pfirsich" style="background-image: url(https://2019.igem.org/wiki/images/f/f3/T--Tuebingen--sdg_16.png)">
 +
 +
                    </div>
 +
                    <div class="kuchen">
 +
                        <div class="schorle">
 +
                            <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Alias cum repellat velit quae
 +
                                suscipit c.</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="kiwi" ontouchstart="this.classList.toggle('hover');">
 +
                <div class="walnuss">
 +
                    <div class="pfirsich" style="background-image: url(https://2019.igem.org/wiki/images/1/14/T--Tuebingen--sdg_17.png)">
 +
 
                     </div>
 
                     </div>
 
                     <div class="kuchen">
 
                     <div class="kuchen">

Revision as of 15:34, 5 October 2019

Profile Card

OUR SDGs

123hallo

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Alias cum repellat velit quae suscipit c.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Alias cum repellat velit quae suscipit c.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Alias cum repellat velit quae suscipit c.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Alias cum repellat velit quae suscipit c.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Alias cum repellat velit quae suscipit c.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Alias cum repellat velit quae suscipit c.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Alias cum repellat velit quae suscipit c.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Alias cum repellat velit quae suscipit c.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Alias cum repellat velit quae suscipit c.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Alias cum repellat velit quae suscipit c.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Alias cum repellat velit quae suscipit c.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Alias cum repellat velit quae suscipit c.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Alias cum repellat velit quae suscipit c.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Alias cum repellat velit quae suscipit c.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Alias cum repellat velit quae suscipit c.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Alias cum repellat velit quae suscipit c.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Alias cum repellat velit quae suscipit c.