Team:BIOSINT Mexico/Achievements
From 2014.igem.org
(Difference between revisions)
(5 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
{{:Team:BIOSINT_Mexico/Header2}} | {{:Team:BIOSINT_Mexico/Header2}} | ||
+ | [[File:BSMexAchievementsBanner.png|800px|center]] | ||
<html> | <html> | ||
<style> | <style> | ||
blockquote { | blockquote { | ||
- | margin: 1em | + | margin: 1em 100px; |
padding-left: 200px; | padding-left: 200px; | ||
background: transparent url(quote.gif) no-repeat; } | background: transparent url(quote.gif) no-repeat; } | ||
- | + | @import url("http://fonts.googleapis.com/css?family=Montserrat:400,700"); | |
- | + | button { | |
+ | position: absolute; | ||
+ | top: 50%; | ||
+ | left: 50%; | ||
+ | -webkit-transform: translate(-50%, -50%); | ||
+ | -moz-transform: translate(-50%, -50%); | ||
+ | -o-transform: translate(-50%, -50%); | ||
+ | -ms-transform: translate(-50%, -50%); | ||
+ | transform: translate(-50%, -50%); | ||
+ | background: #1c222a; | ||
+ | border: 0; | ||
+ | line-height: 40px; | ||
+ | padding: 0px 40px; | ||
+ | -webkit-border-radius: 20px; | ||
+ | border-radius: 20px; | ||
+ | cursor: pointer; | ||
+ | -webkit-transition: all 0.3s ease; | ||
+ | -moz-transition: all 0.3s ease; | ||
+ | -o-transition: all 0.3s ease; | ||
+ | -ms-transition: all 0.3s ease; | ||
+ | transition: all 0.3s ease; | ||
+ | overflow: hidden; | ||
+ | outline: none; | ||
+ | font-family: 'Montserrat', sans-serif; | ||
+ | font-weight: 700; | ||
+ | text-transform: uppercase; | ||
+ | font-size: 14px; | ||
+ | color: #72d2ff; | ||
+ | } | ||
+ | button:hover:after { | ||
+ | content: ''; | ||
+ | position: absolute; | ||
+ | width: 200px; | ||
+ | left: -200px; | ||
+ | -webkit-transform: skewX(-20deg); | ||
+ | -moz-transform: skewX(-20deg); | ||
+ | -o-transform: skewX(-20deg); | ||
+ | -ms-transform: skewX(-20deg); | ||
+ | transform: skewX(-20deg); | ||
+ | background-image: -webkit-linear-gradient(left, transparent, rgba(255,255,255,0.06), transparent); | ||
+ | background-image: -moz-linear-gradient(left, transparent, rgba(255,255,255,0.06), transparent); | ||
+ | background-image: -o-linear-gradient(left, transparent, rgba(255,255,255,0.06), transparent); | ||
+ | background-image: -ms-linear-gradient(left, transparent, rgba(255,255,255,0.06), transparent); | ||
+ | background-image: linear-gradient(to right, transparent, rgba(255,255,255,0.06), transparent); | ||
+ | height: 50px; | ||
+ | -webkit-animation: shine 0.7s ease; | ||
+ | -moz-animation: shine 0.7s ease; | ||
+ | -o-animation: shine 0.7s ease; | ||
+ | -ms-animation: shine 0.7s ease; | ||
+ | animation: shine 0.7s ease; | ||
+ | } | ||
+ | @-moz-keyframes shine { | ||
+ | 100% { | ||
+ | left: 200px; | ||
+ | } | ||
+ | } | ||
+ | @-webkit-keyframes shine { | ||
+ | 100% { | ||
+ | left: 200px; | ||
+ | } | ||
+ | } | ||
+ | @-o-keyframes shine { | ||
+ | 100% { | ||
+ | left: 200px; | ||
+ | } | ||
+ | } | ||
+ | @-ms-keyframes shine { | ||
+ | 100% { | ||
+ | left: 200px; | ||
+ | } | ||
+ | } | ||
+ | @keyframes shine { | ||
+ | 100% { | ||
+ | left: 200px; | ||
+ | } | ||
+ | } | ||
- | + | </style> | |
+ | <body> | ||
<h1><center>ACHIEVEMENTS</center></h1> | <h1><center>ACHIEVEMENTS</center></h1> | ||
+ | |||
+ | Achievements are an important part of any iGEM project because it summaries all the effort the team had to put in order to get where they are. The goals our team set up at the beginning, have been accomplished and in this section we explain and also give credit to people that helped us. Also highlight the most outstanding results that were obtained across an entire year of hard work. We are really happy to share all the achievements from our team. | ||
+ | |||
+ | |||
+ | <div> | ||
+ | <center><a href="https://2014.igem.org/Team:BIOSINT_Mexico/members"><button style="position:relative; top:30px; left: 50px;">Members</button></a></center> | ||
+ | <center><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Sponsors"><button style="position:relative; top:-10px; left: 250px;">Sponsors</button></a></center> | ||
+ | <center><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Gallery"><button style="position:relative; top:-60px; left: -100px;">Gallery</button></a></center> | ||
+ | <center><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Atributions"><button style="position:relative; top:-120px; left: -300px;">Atributions</button></a></center> | ||
+ | </div> | ||
+ | </body></html> |
Latest revision as of 03:59, 18 October 2014