Difference between revisions of "Team:Tuebingen/testsdg"

 
(4 intermediate revisions by the same user not shown)
Line 558: Line 558:
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
 
     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
 
     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
−
     <title>Profile Card</title>
+
     <title>Sustainable Development Goals</title>
 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" type="text/css"/>
 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" type="text/css"/>
 
     <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Righteous" />
 
     <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Righteous" />
Line 601: Line 601:
  
 
.kiwi{
 
.kiwi{
−
   width: calc(25% - 2rem);
+
   width: 25%;
 
   margin: 1rem;
 
   margin: 1rem;
 
   cursor: pointer;
 
   cursor: pointer;
Line 625: Line 625:
 
        backface-visibility: hidden;
 
        backface-visibility: hidden;
 
text-align: center;
 
text-align: center;
−
min-height: 280px;
+
min-height: 200px;
−
height: auto;
+
 
border-radius: 10px;
 
border-radius: 10px;
 
color: #fff;
 
color: #fff;
Line 648: Line 647:
 
     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 739: Line 738:
 
}
 
}
  
−
@media screen and (max-width: 64rem){
+
@media screen and (min-width: 135.06rem) {
 +
    .apfel{
 +
        width: 70%;
 +
    }
 +
    .banane{
 +
        width: 90%;
 +
        margin-left: 10%;
 +
    }
 +
}
 +
 
 +
 
 +
@media screen and (min-width: 118.75rem) {
 +
    .apfel{
 +
        width: 80%;
 +
    }
 +
}
 +
 
 +
@media screen and (min-width: 93.75rem){
 +
    .kiwi{
 +
    width: 20%;
 +
        height: 100%;
 +
  }
 +
    .pfirsich{
 +
        height: 500px;
 +
        background-size:80%;
 +
    }
 +
    .kuchen{
 +
        height: 500px;
 +
    }
 +
}
 +
 
 +
@media screen and (min-width: 70.1rem){
 +
    .pfirsich{
 +
        height: 340px;
 +
        background-size:115%;
 +
    }
 +
    .kuchen{
 +
        height: 340px;
 +
    }
 +
}
 +
 
 +
@media screen and (max-width: 70rem){
 
   .kiwi{
 
   .kiwi{
−
     width: calc(33.333333% - 2rem);
+
     width: 33.333333%;
 +
      height:350px;
 
   }
 
   }
 +
    .pfirsich{
 +
        height: 350px;
 +
        background-size:110%;
 +
    }
 +
    .kuchen{
 +
        height: 350px;
 +
    }
 
}
 
}
 +
 +
    @media screen and (max-width: 909px){
 +
 +
    .kiwi,.kuchen {
 +
        height:300px;
 +
    }
 +
 +
    .pfirsich{
 +
        height: 300px;
 +
        background-size:110%;
 +
    }
 +
}
 +
  
 
@media screen and (max-width: 48rem){
 
@media screen and (max-width: 48rem){
 
   .kiwi{
 
   .kiwi{
−
     width: calc(50% - 2rem);
+
     width: 55%;
 +
    height: 300px;
 
   }
 
   }
 +
    .pfirsich{
 +
        height: 300px;
 +
        background-size: 90% ;
 +
    }
 +
    .kuchen{
 +
        height: 300px;
 +
    }
 +
}
 +
 +
@media screen and (max-width: 35.625rem){
 +
 +
    .kiwi,.kuchen {
 +
        height:250px;
 +
    }
 +
 +
    .pfirsich{
 +
        height: 250px;
 +
        background-size: 90% ;
 +
    }
 
}
 
}
  
 
@media screen and (max-width: 32rem){
 
@media screen and (max-width: 32rem){
 
   .kiwi{
 
   .kiwi{
−
     width: 100%;
+
     width: 80%;
 
     margin: 0 0 2rem 0;
 
     margin: 0 0 2rem 0;
 +
      height: 300px;
 +
 
   }
 
   }
 +
    .pfirsich,.kuchen {
 +
        height: 300px;
 +
    }
 +
}
 +
 +
@media screen and (max-width: 24.688rem){
 +
    .pfirsich , .kuchen{
 +
        height: 240px;
 +
    }
 
}
 
}
  
Line 803: Line 895:
 
.info{
 
.info{
 
   width:100%;
 
   width:100%;
−
   padding:10% 10% 10% 10%;
+
   padding:8% 10% 15% 10%;
 
   text-align:center;
 
   text-align:center;
 
   text-shadow:0 2px 3px rgba(0,0,0,0.2)
 
   text-shadow:0 2px 3px rgba(0,0,0,0.2)
Line 814: Line 906:
 
.info h1 {
 
.info h1 {
 
     font-size: 80px;
 
     font-size: 80px;
−
    padding-bottom:10%
 
 
}
 
}
  
Line 872: Line 963:
 
             <ul class="navbar-nav">
 
             <ul class="navbar-nav">
 
                 <li id="homeButton" class="nav-item mx-3">
 
                 <li id="homeButton" class="nav-item mx-3">
−
                     <a class="nav-link" href="https://2019.igem.org/Team:Tuebingen">HOME</a>
+
                     <a class="nav-link" href="/Team:Tuebingen">HOME</a>
 
                 </li>
 
                 </li>
 
                 <li id="ourStoryButton" class="nav-item mx-3">
 
                 <li id="ourStoryButton" class="nav-item mx-3">
−
                     <a class="nav-link" href="https://2019.igem.org/Team:Tuebingen/story">OUR STORY</a>
+
                     <a class="nav-link" href="/Team:Tuebingen/story">OUR STORY</a>
 
                 </li>
 
                 </li>
  
Line 883: Line 974:
 
                     </a>
 
                     </a>
 
                     <div class="dropdown-menu">
 
                     <div class="dropdown-menu">
−
                         <a class="dropdown-item" href="https://2019.igem.org/Team:Tuebingen/description">Description</a>
+
                         <a class="dropdown-item" href="/Team:Tuebingen/description">Description</a>
−
                         <a class="dropdown-item" href="https://2019.igem.org/Team:Tuebingen/incretin">Incretin</a>
+
                         <a class="dropdown-item" href="/Team:Tuebingen/incretin">Incretin</a>
−
                         <a class="dropdown-item" href="https://2019.igem.org/Team:Tuebingen/kill_switch">Kill Switch</a>
+
                         <a class="dropdown-item" href="/Team:Tuebingen/kill_switch">Kill Switch</a>
−
                         <a class="dropdown-item" href="https://2019.igem.org/Team:Tuebingen/cpp">Cell Penetrating Peptides</a>
+
                         <a class="dropdown-item" href="/Team:Tuebingen/cpp">Cell Penetrating Peptides</a>
−
                         <a class="dropdown-item" href="https://2019.igem.org/Team:Tuebingen/nissle">Nissle</a>
+
                         <a class="dropdown-item" href="/Team:Tuebingen/nissle">Nissle</a>
−
                         <a class="dropdown-item" href="https://2019.igem.org/Team:Tuebingen/model">Model</a>
+
                         <a class="dropdown-item" href="/Team:Tuebingen/model">Model</a>
−
                         <a class="dropdown-item" href="https://2019.igem.org/Team:Tuebingen/software">Software</a>
+
                         <a class="dropdown-item" href="/Team:Tuebingen/software">Software</a>
−
                         <a class="dropdown-item" href="https://2019.igem.org/Team:Tuebingen/notebook">Notebook</a>
+
                         <a class="dropdown-item" href="/Team:Tuebingen/notebook">Notebook</a>
−
                         <a class="dropdown-item" href="https://2019.igem.org/Team:Tuebingen/results">Results</a>
+
                         <a class="dropdown-item" href="/Team:Tuebingen/results">Results</a>
−
                         <a class="dropdown-item" href="https://2019.igem.org/Team:Tuebingen/demonstrate">Demonstrate</a>
+
                         <a class="dropdown-item" href="/Team:Tuebingen/demonstrate">Demonstrate</a>
 
                     </div>
 
                     </div>
 
                 </li>
 
                 </li>
Line 900: Line 991:
 
                     </a>
 
                     </a>
 
                     <div class="dropdown-menu">
 
                     <div class="dropdown-menu">
−
                         <a class="dropdown-item" href="https://2019.igem.org/Team:Tuebingen/parts_overview">Parts Overview</a>
+
                         <a class="dropdown-item" href="/Team:Tuebingen/parts_overview">Parts Overview</a>
−
                         <a class="dropdown-item" href="https://2019.igem.org/Team:Tuebingen/parts_basic">Basic Parts</a>
+
                         <a class="dropdown-item" href="/Team:Tuebingen/parts_basic">Basic Parts</a>
−
                         <a class="dropdown-item" href="https://2019.igem.org/Team:Tuebingen/parts_improved">Improved Parts</a>
+
                         <a class="dropdown-item" href="/Team:Tuebingen/parts_improved">Improved Parts</a>
−
                         <a class="dropdown-item" href="https://2019.igem.org/Team:Tuebingen/parts_composite">Composite Parts</a>
+
                         <a class="dropdown-item" href="/Team:Tuebingen/parts_composite">Composite Parts</a>
 
                     </div>
 
                     </div>
 
                 </li>
 
                 </li>
  
 
                 <li class="nav-item mx-3">
 
                 <li class="nav-item mx-3">
−
                     <a class="nav-link" href="https://2019.igem.org/Team:Tuebingen/safety">SAFETY</a>
+
                     <a class="nav-link" href="/Team:Tuebingen/safety">SAFETY</a>
 
                 </li>
 
                 </li>
  
Line 916: Line 1,007:
 
                     </a>
 
                     </a>
 
                     <div class="dropdown-menu">
 
                     <div class="dropdown-menu">
−
                         <a class="dropdown-item" href="https://2019.igem.org/Team:Tuebingen/team">Team</a>
+
                         <a class="dropdown-item" href="/Team:Tuebingen/team">Team</a>
 
                         <a class="dropdown-item"
 
                         <a class="dropdown-item"
−
                           href="https://2019.igem.org/Team:Tuebingen/collaborations">Collaborations</a>
+
                           href="/Team:Tuebingen/collaborations">Collaborations</a>
−
                         <a class="dropdown-item" href="https://2019.igem.org/Team:Tuebingen/attributions">Attributions</a>
+
                         <a class="dropdown-item" href="/Team:Tuebingen/attributions">Attributions</a>
−
                         <a class="dropdown-item" href="https://2019.igem.org/Team:Tuebingen/sponsors">Sponsors</a>
+
                         <a class="dropdown-item" href="/Team:Tuebingen/sponsors">Sponsors</a>
−
                         <a class="dropdown-item" href="https://2019.igem.org/Team:Tuebingen/for_judges">For Judges</a>
+
                         <a class="dropdown-item" href="/Team:Tuebingen/gallery">Gallery</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/for_judges">For Judges</a>
 
                     </div>
 
                     </div>
 
                 </li>
 
                 </li>
Line 930: Line 1,022:
 
                     </a>
 
                     </a>
 
                     <div class="dropdown-menu">
 
                     <div class="dropdown-menu">
−
                         <a class="dropdown-item" href="https://2019.igem.org/Team:Tuebingen/hp_overview">Overview</a>
+
                         <a class="dropdown-item" href="/Team:Tuebingen/hp_overview">Overview</a>
−
                         <a class="dropdown-item" href="https://2019.igem.org/Team:Tuebingen/education">Educational Outreach</a>
+
                         <a class="dropdown-item" href="/Team:Tuebingen/education">Educational Outreach</a>
−
                         <a class="dropdown-item" href="https://2019.igem.org/Team:Tuebingen/experts">Experts</a>
+
                         <a class="dropdown-item" href="/Team:Tuebingen/experts">Experts</a>
−
                         <a class="dropdown-item" href="https://2019.igem.org/Team:Tuebingen/sdg">UN Sustainable Development Goals</a>
+
                         <a class="dropdown-item" href="/Team:Tuebingen/sdg">UN Sustainable Development Goals</a>
 
                     </div>
 
                     </div>
 
                 </li>
 
                 </li>
Line 941: Line 1,033:
 
                     </a>
 
                     </a>
 
                     <div class="dropdown-menu">
 
                     <div class="dropdown-menu">
−
                         <a class="dropdown-item" href="https://2019.igem.org/Team:Tuebingen/entrepreneurship">Entrepreneurship</a>
+
                         <a class="dropdown-item" href="/Team:Tuebingen/entrepreneurship">Entrepreneurship</a>
−
                         <a class="dropdown-item" href="https://2019.igem.org/Team:Tuebingen/measurement">Measurement</a>
+
                         <a class="dropdown-item" href="/Team:Tuebingen/measurement">Measurement</a>
−
                         <a class="dropdown-item" href="https://2019.igem.org/Team:Tuebingen/model">Model</a>
+
                         <a class="dropdown-item" href="/Team:Tuebingen/model">Model</a>
−
                         <a class="dropdown-item" href="https://2019.igem.org/Team:Tuebingen/software">Software</a>
+
                         <a class="dropdown-item" href="/Team:Tuebingen/software">Software</a>
 
                     </div>
 
                     </div>
 
                 </li>
 
                 </li>
  
 
                 <li class="nav-item mx-3">
 
                 <li class="nav-item mx-3">
−
                    <a class="nav-link" href="https://2019.igem.org/Team:Tuebingen/gallery" target="_blank">GALLERY</a>
+
                     <a class="nav-link" href="http://igem.org/2019_Judging_Form?team=Tuebingen" target="_blank">JUDGING
−
                </li>
+
−
 
+
−
                <li class="nav-item mx-3">
+
−
                     <a class="nav-link" href="http://igem.org/2018_Judging_Form?team=Munich" target="_blank">JUDGING
+
 
                         FORM ⇗</a>
 
                         FORM ⇗</a>
 
                 </li>
 
                 </li>
Line 986: Line 1,074:
 
<div class="header">
 
<div class="header">
 
   <div class="info">
 
   <div class="info">
−
     <h1 style="color: #fff; font-family: 'Righteous', cursive; font-weight: normal; line-height: 60px;text-shadow: 2px 2px 0 #000;">OUR SDGs</h1>
+
     <h1 style="color: #fff; font-family: 'Righteous', cursive; font-weight: normal; line-height: 60px; text-transform: uppercase; text-shadow: 2px 2px 0 #000;">OUR SDGs</h1>
 
   </div>
 
   </div>
 
</div>
 
</div>
Line 994: Line 1,082:
 
             <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,010: Line 1,107:
 
             <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,026: Line 1,131:
 
             <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,042: Line 1,155:
 
             <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,058: Line 1,179:
 
             <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,074: Line 1,205:
 
             <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,090: Line 1,231:
 
             <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,106: Line 1,257:
 
             <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">

Latest revision as of 18:22, 5 October 2019

Sustainable Development Goals

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.