Difference between revisions of "Team:Tuebingen/testsdg"

 
(6 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:15% 10% 0 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 871: 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 882: 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 899: 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 915: 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 929: 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 940: 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 993: 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,009: 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,025: 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,041: 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,057: 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,073: 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,089: 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,105: 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.