Difference between revisions of "Team:Tuebingen/testsdg"

 
(3 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 717: Line 716:
 
   font-size: 2rem;
 
   font-size: 2rem;
 
   margin-bottom: 2rem;
 
   margin-bottom: 2rem;
−
  margin-left:20%
 
 
   position: relative;
 
   position: relative;
 
}
 
}
Line 740: 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 804: 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 815: Line 906:
 
.info h1 {
 
.info h1 {
 
     font-size: 80px;
 
     font-size: 80px;
−
    padding-bottom:10%
 
 
}
 
}
  
Line 873: 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 884: 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 901: 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 917: 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 931: 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 942: 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 987: 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 995: 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,011: 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,027: 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,043: 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,059: 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,075: 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,091: 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,107: 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.