Difference between revisions of "Team:BGU Israel/Team"
| Line 373: | Line 373: | ||
</div> | </div> | ||
</header> | </header> | ||
| + | <script> | ||
| + | |||
| + | </script> | ||
| + | <!-- Container (About Section) --> | ||
| + | <style> | ||
| + | .img-container { | ||
| + | position:relative; | ||
| + | height:250px; | ||
| + | width:250px; | ||
| + | margin:0 auto; | ||
| + | } | ||
| + | |||
| + | .img-container img { | ||
| + | position:absolute; | ||
| + | display: block; | ||
| + | left:0; | ||
| + | -webkit-transition: opacity 1s ease-in-out; | ||
| + | -moz-transition: opacity 1s ease-in-out; | ||
| + | -o-transition: opacity 1s ease-in-out; | ||
| + | transition: opacity 1s ease-in-out; | ||
| + | height:250px; | ||
| + | width:250px; | ||
| + | } | ||
| + | |||
| + | .img-container img.top:hover { | ||
| + | opacity:0; | ||
| + | } | ||
| + | .img-overlay:hover ~ #img-container img.top { | ||
| + | opacity:0; | ||
| + | } | ||
| + | |||
| + | |||
| + | .img-overlay { | ||
| + | position: absolute; | ||
| + | bottom: 0; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | background-color: rgba(1,134,172, 0.5); | ||
| + | overflow: hidden; | ||
| + | width: 100%; | ||
| + | height: 0%; | ||
| + | transition: .5s ease; | ||
| + | } | ||
| + | |||
| + | .img-container:hover .img-overlay { | ||
| + | height: 30%; | ||
| + | } | ||
| + | |||
| + | .img-overlay-txt { | ||
| + | color: white; | ||
| + | font-size: 20px; | ||
| + | position: absolute; | ||
| + | top: 50%; | ||
| + | left: 50%; | ||
| + | -webkit-transform: translate(-50%, -50%); | ||
| + | -ms-transform: translate(-50%, -50%); | ||
| + | transform: translate(-50%, -50%); | ||
| + | text-align: center; | ||
| + | } | ||
| + | #team-photos { | ||
| + | margin-top:30px; | ||
| + | margin-bottom:30px; | ||
| + | } | ||
| + | #team-photos .carousel-inner { | ||
| + | width:80%; | ||
| + | margin-top: 50px; | ||
| + | margin-bottom:50px; | ||
| + | margin-left:10%; | ||
| + | margin-right:10%; | ||
| + | } | ||
| + | #team-photos .carousel-indicators { | ||
| + | bottom:-50px; | ||
| + | } | ||
| + | #team-photos .carousel-indicators li { | ||
| + | border-color:#0186ac; | ||
| + | } | ||
| + | #team-photos .carousel-indicators li.active { | ||
| + | background-color:#0186ac; | ||
| + | } | ||
| + | #team-photos .carousel-control { | ||
| + | color:#0186ac; | ||
| + | text-shadow: none; | ||
| + | } | ||
| + | </style> | ||
<div id="team-photos" class="container"> | <div id="team-photos" class="container"> | ||
<div id="myCarousel" class="carousel slide text-center" data-ride="carousel"> | <div id="myCarousel" class="carousel slide text-center" data-ride="carousel"> | ||
Revision as of 13:39, 22 August 2018
<!DOCTYPE html>
Integrated Human Practices
host a group of high-school
Our project would not have succeeded without our Human Practices. Our goals and implementation were all a result of involvement in the communities around us and sharing our ideas through discussions with experts. Science cannot proceed unaided and cannot succeed without public support. As a final gesture, we were delighted to host a group of high-school students in our lab. We had a great time explaining to them about iGEM, our project, and our lab. Although we ourselves as undergraduate students are only at the beginning of our scientific careers, it was wonderful to transfer the knowledge we have gathered to a new generation.
title
lorem ipsum bf fd kdfdfkdflsdf
title
lorem ipsum bf fd kdfdfkdflsdf
title
lorem ipsum bf fd kdfdfkdflsdf