Difference between revisions of "Team:Heidelberg/Sandbox"

(Blanked the page)
 
Line 1: Line 1:
{{Heidelberg/header}}
 
{{Heidelberg/navbar}}
 
{{#tag:html|
 
  
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 
<style>
 
.img-circular{
 
width: 300px;
 
height: 300px;
 
margin: 0px 2em 2em 0px;
 
display: block;
 
border-radius: 50%;
 
border: 5px solid #ddd;
 
float:left;
 
}
 
.img-circular-small {
 
      width: 150px;
 
  height: 150px;
 
 
display: block;
 
border-radius: 50%;
 
border: 5px solid #ddd;
 
}
 
.wall1 {
 
background-image: url(https://static.igem.org/mediawiki/2017/8/8a/T--Heidelberg--2017_MP.jpg);
 
background-size: cover;
 
background-repeat: no-repeat;
 
}
 
.wall2 {
 
background-image: url(https://static.igem.org/mediawiki/2017/d/db/T--Heidelberg--2017_CG.jpg);
 
background-size: cover;
 
background-repeat: no-repeat;
 
}
 
.wall3 {
 
background-image: url(https://static.igem.org/mediawiki/2017/3/3f/T--Heidelberg--2017_JM.jpg);
 
background-size: cover;
 
background-repeat: no-repeat;
 
}
 
.wall4 {
 
background-image: url(https://static.igem.org/mediawiki/2017/6/65/T--Heidelberg--2017_LA.jpg);
 
background-size: cover;
 
background-repeat: no-repeat;
 
}
 
.wall5 {
 
background-image: url(https://static.igem.org/mediawiki/2017/f/f7/T--Heidelberg--2017_MK.jpg);
 
background-size: cover;
 
background-repeat: no-repeat;
 
}
 
.wall6 {
 
background-image: url(https://static.igem.org/mediawiki/2017/4/48/T--Heidelberg--2017_JU.jpg);
 
background-size: cover;
 
background-repeat: no-repeat;
 
}
 
.wall7 {
 
background-image: url(https://static.igem.org/mediawiki/2017/6/63/T--Heidelberg--2017_MS.jpg);
 
background-size: cover;
 
background-repeat: no-repeat;
 
}
 
.wall8 {
 
background-image: url(https://static.igem.org/mediawiki/2017/c/cc/T--Heidelberg--2017_TB.jpg);
 
background-size: cover;
 
background-repeat: no-repeat;
 
}
 
.wall9 {
 
background-image: url(https://static.igem.org/mediawiki/2017/1/17/T--Heidelberg--2017_PP.jpg);
 
background-size: cover;
 
background-repeat: no-repeat;
 
}
 
.wall10 {
 
background-image: url(https://static.igem.org/mediawiki/2017/2/2b/T--Heidelberg--2017_LP.jpg);
 
background-size: cover;
 
background-repeat: no-repeat;
 
}
 
.wall11 {
 
background-image: url(https://static.igem.org/mediawiki/2017/1/1a/T--Heidelberg--2017_RE.jpg);
 
background-size: cover;
 
background-repeat: no-repeat;
 
}
 
.wall12 {
 
background-image: url(https://static.igem.org/mediawiki/2017/1/12/T--Heidelberg--2017_IL.jpg);
 
background-size: cover;
 
background-repeat: no-repeat;
 
}
 
.wall13 {
 
background-image: url(https://static.igem.org/mediawiki/2017/3/3f/T--Heidelberg--2017_DN.jpg);
 
background-size: cover;
 
background-repeat: no-repeat;
 
}
 
.wall14 {
 
background-image: url(https://static.igem.org/mediawiki/2017/2/2b/T--Heidelberg--2017_CS.jpg);
 
background-size: cover;
 
background-repeat: no-repeat;
 
}
 
.wall15 {
 
background-image: url(https://static.igem.org/mediawiki/2017/7/72/T--Heidelberg--2017_MH.jpg);
 
background-size: cover;
 
background-repeat: no-repeat;
 
}
 
.wall16 {
 
background-image: url(https://static.igem.org/mediawiki/2017/2/25/T--Heidelberg--2017_MW.jpg);
 
background-size: cover;
 
background-repeat: no-repeat;
 
}
 
.wall17 {
 
background-image: url(https://static.igem.org/mediawiki/2017/0/06/T--Heidelberg--2017_DH.jpg);
 
background-size: cover;
 
background-repeat: no-repeat;
 
}
 
.wall18 {
 
background-image: url(https://static.igem.org/mediawiki/2017/d/d4/T--Heidelberg--2017_SH.jpg);
 
background-size: cover;
 
background-repeat: no-repeat;
 
}
 
.wall19 {
 
background-image: url(https://static.igem.org/mediawiki/2017/6/6b/T--Heidelberg--2017_MJ.jpg);
 
background-size: cover;
 
background-repeat: no-repeat;
 
}
 
 
#a1 h1 {
 
    font-family: 'Open Sans' !important;
 
    color: #9d1c20 !important;
 
}
 
#a2 h1 {
 
    font-family: 'Open Sans' !important;
 
    color: #F8991D !important;
 
}
 
#a3 h1{
 
    font-family: 'Open Sans' !important;
 
    color: #009193 !important;
 
    line-height: 70px !important;
 
}
 
#a4 h1 {
 
font-family: 'Open Sans' !important;
 
    color: #009E73 !important;
 
}
 
#a5 h1 {
 
font-family: 'Open Sans' !important;
 
    color: #ffd700 !important;
 
}
 
#a6 h1{
 
    font-family: 'Open Sans' !important;
 
    color: #005493 !important;
 
    line-height: 70px !important;
 
}
 
#a7 h1{
 
    font-family: 'Open Sans' !important;
 
    color: #009E73 !important;
 
}
 
#a8 h1{
 
    font-family: 'Open Sans' !important;
 
    color: #9d1c20 !important;
 
}
 
#a9 h1{
 
    font-family: 'Open Sans' !important;
 
    color: #ffd700!important;
 
}
 
#a10 h1{
 
    font-family: 'Open Sans' !important;
 
    color: #393939 !important;
 
}
 
 
.slider {
 
position: relative;
 
width: 100%;
 
        padding-bottom: 50px;
 
height: auto;
 
transition: all .3s;
 
perspective: 900px;
 
transform-style: preserve-3d;     
 
}
 
 
 
.slider .previous, .slider .next{
 
font-family: "FontAwesome";
 
font-size: 20px;
 
position: absolute;
 
top: 50%;
 
color: #2c2c2c;
 
padding: 20px;
 
text-decoration: none;
 
left: -100px;
 
margin-top: -34px;
 
transition: all .3s;
 
opacity: 0;
 
z-index: 10000;
 
                height: auto;
 
}
 
.slider .next{
 
right: -100px;
 
content: "\f054";
 
left: auto;
 
}
 
.slider:hover .previous, .slider:hover .next{
 
opacity: 1;
 
}
 
.slider:hover .previous{
 
left: 0;
 
}
 
.slider:hover .next{
 
right: 0;
 
}
 
.slider .slides{
 
height: 100%;
 
       
 
}
 
.slide{
 
            text-align: center;
 
position: absolute;
 
transform: scale(0.5,0.5);
 
opacity: 0;
 
transition: all .3s;
 
        padding: 50px;
 
        height: auto;
 
}
 
.slide.active{
 
z-index: 10;
 
left: 0;
 
opacity: 1;
 
transform: scale(1,1);
 
}
 
.slider .bullets {
 
text-align: center;
 
position: absolute;
 
bottom: 0px;
 
width: 100%;
 
}
 
.slider .bullets .bullet{
 
position: relative;
 
display: inline-block;
 
background: rgba(0, 0, 0,.8);
 
border-radius: 50%;
 
width: 8px;
 
height: 8px;
 
z-index: 14;
 
margin: 0 5px;
 
cursor: pointer;
 
border: 2px solid transparent;
 
transition: all .3s;
 
}
 
.slider .bullets .bullet.active{
 
background: rgba(0, 0, 0,.4);
 
}
 
.slider .bullets .bullet:hover{
 
border: 2px solid rgba(0, 0, 0,.8);
 
background: transparent;
 
}
 
    .arrows a {
 
        cursor: pointer;
 
    }
 
.slider2{
 
position: relative;
 
width: 100%;
 
        padding-bottom: 50px;
 
height: auto;
 
transition: all .3s;
 
perspective: 900px;
 
transform-style: preserve-3d;
 
}
 
.slider2 .previous2, .slider2 .next2{
 
font-family: "FontAwesome";
 
font-size: 20px;
 
position: absolute;
 
top: 50%;
 
color: #2c2c2c;
 
padding: 20px;
 
text-decoration: none;
 
left: -100px;
 
margin-top: -34px;
 
transition: all .3s;
 
opacity: 0;
 
z-index: 10000;
 
}
 
.slider2 .next2{
 
right: -100px;
 
content: "\f054";
 
left: auto;
 
}
 
.slider2:hover .previous2, .slider2:hover .next2{
 
opacity: 1;
 
}
 
.slider2:hover .previous2{
 
left: 0;
 
}
 
.slider2:hover .next2{
 
right: 0;
 
}
 
.slider2 .slides2{
 
height: 100%;
 
}
 
.slide2{
 
text-align: center;
 
position: absolute;
 
transform: scale(0.5,0.5);
 
opacity: 0;
 
transition: all .3s;
 
        padding: 50px;
 
        height: auto;
 
}
 
.slide2.active{
 
z-index: 10;
 
left: 0;
 
opacity: 1;
 
transform: scale(1,1);
 
}
 
.slider2 .bullets2{
 
text-align: center;
 
position: absolute;
 
bottom: 0px;
 
width: 100%;
 
}
 
.slider2 .bullets2 .bullet2{
 
position: relative;
 
display: inline-block;
 
background: rgba(0, 0, 0,.8);
 
border-radius: 50%;
 
width: 8px;
 
height: 8px;
 
z-index: 14;
 
margin: 0 5px;
 
cursor: pointer;
 
border: 2px solid transparent;
 
transition: all .3s;
 
}
 
.slider2 .bullets2 .bullet2.active{
 
background: rgba(0, 0, 0,.4);
 
}
 
.slider2 .bullets2 .bullet2:hover{
 
border: 2px solid rgba(0, 0, 0,.8);
 
background: transparent;
 
}
 
    .arrows a {
 
        cursor: pointer;
 
    }
 
                  .inner-slide {
 
                        -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
 
  -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
 
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
 
                      padding: 20px;
 
                        min-height: 500px;
 
                   
 
                  }
 
    .inner-slide > h1 {
 
        line-height: 70px !important;
 
    }
 
                  .member-text, .member-text > ul {
 
                      font-family: 'Open Sans' !important;
 
                      text-align: justify !important;
 
                      font-size: 20px !important;
 
                      font-weight: 300 !important;
 
                  } 
 
    .gallery-icon {
 
        margin: 1em 1em 1em 1em;
 
    }
 
    .gallery-icon-2 {
 
        margin: 1em 1em 1em 1em;
 
    }
 
</style>
 
 
 
 
 
<div style="background-color: white !important;">
 
  <div style="margin-top: 70px;background-image: url(https://static.igem.org/mediawiki/2017/0/01/T--Heidelberg--2017_team-jamboree_PP.png); height: 500px;position: relative;background-repeat: no-repeat;background-size: cover;background-position: 0% 40%;"></div>
 
  <div class="page-title" style="background-color: white !important; border-top: 5px solid #222;padding-bottom: 0px;">
 
    <div class="container">
 
      <div class="col-lg-12 col-md-12 col-xs-12" style="padding-bottom: 0px !important;">
 
        <div style="border-right: 5px solid #393939; margin-right: -20px; padding: 20px 20px 0px 20px">
 
          <div class="header-title heidelberg-red">
 
            Giant Jamboree
 
          </div>
 
          <div class="header-subtitle" style="color: #393939 !important;">
 
            We all share a vision
 
          </div>
 
        </div>
 
      </div>
 
    </div>
 
  </div>
 
<div class="container">
 
  <div class="row">
 
    <div class="col-lg-12 col-md-12 col-xs-12 content" style="display: inline-block; padding-bottom: 10px; padding-top:10px;">
 
<div class="row">
 
We really enjoyed the Giant Jamboree 2017 in Boston! Meeting young dedicated people from all over the world who share similar interests, visions and challanges was a great experience for all of us.
 
 
<br>
 
Have a look at <a href="https://2017.igem.org/Files/poster/Heidelberg.pdf">our presentation slides</a> and <a href="https://2017.igem.org/Files/presentation/Heidelberg.pdf">our poster</a>.</li>
 
 
<h2>Awards won at the Giant Jamboree:</h2>
 
<div class="col-lg-4 col-md-4 col-xs-12 content" style="border: 3px solid gray; background-color: grey; padding: 20px !important;">
 
2nd Runner Up (Undergraduates)
 
</div>
 
<div class="col-lg-4 col-md-4 col-xs-12 content" style="border: 3px solid gray; background-color: grey; padding: 20px !important">
 
Best Foundational Advance Project
 
</div>
 
<div class="col-lg-4 col-md-4 col-xs-12 content" style="border: 3px solid gray; background-color: grey; padding: 20px !important">
 
Best Wiki
 
</div>
 
</div>
 
<div class="row">
 
<div class="col-lg-4 col-md-4 col-xs-12 content" style="border: 3px solid gray; background-color: grey; padding: 20px !important;">
 
Best Poster
 
</div>
 
<div class="col-lg-4 col-md-4 col-xs-12 content" style="border: 3px solid gray; background-color: grey; padding: 20px !important">
 
Best Presentation
 
</div>
 
<div class="col-lg-4 col-md-4 col-xs-12 content" style="border: 3px solid gray; background-color: grey; padding: 20px !important">
 
Best Integrated Human Practices
 
</div>
 
</div>
 
<div class="row">
 
<div class="col-lg-4 col-md-4 col-xs-12 content" style="border: 3px solid gray; background-color: grey; padding: 20px !important;">
 
Best Software Tool
 
</div>
 
<div class="col-lg-4 col-md-4 col-xs-12 content" style="border: 3px solid gray; background-color: grey; padding: 20px !important">
 
Nominated for Best Model
 
</div>
 
<div class="col-lg-4 col-md-4 col-xs-12 content" style="border: 3px solid gray; background-color: grey; padding: 20px !important">
 
Nominated for Best New Basic Part
 
</div>
 
</div>
 
<div class="row">
 
<div class="col-lg-4 col-md-4 col-xs-12 content" style="border: 3px solid gray; background-color: grey; padding: 20px !important;">
 
Nominated for Best New Composite Part
 
</div>
 
<div class="col-lg-4 col-md-4 col-xs-12 content" style="border: 3px solid gray; background-color: grey; padding: 20px !important">
 
Nominated for Best Part Collection
 
</div>
 
<div class="col-lg-4 col-md-4 col-xs-12 content" style="border: 3px solid gray; background-color: grey; padding: 20px !important">
 
Gold Medal
 
</div>
 
</div>
 
<div class="row">
 
<div class="col-lg-12 col-md-12 col-xs-12 content" style="padding-top: 50px">
 
 
</div>
 
</div>
 
 
 
 
    </div>
 
  </div>
 
</div>
 
 
 
    }}
 
{{Heidelberg/footer}}
 

Latest revision as of 00:34, 16 December 2017