Line 201: | Line 201: | ||
<!---------- HERE YOU CAN PAST WHAT YOU WANT -------------------------------------------- --> | <!---------- HERE YOU CAN PAST WHAT YOU WANT -------------------------------------------- --> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
<html> | <html> | ||
<head> | <head> | ||
− | <meta name= | + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
<style> | <style> | ||
.btn-group button { | .btn-group button { | ||
− | + | background-color: #8B1A32; | |
− | + | color: #f9f9f9; /* White text */ | |
− | + | padding: 10px 24px; /* Some padding */ | |
− | + | cursor: pointer; /* Pointer/hand icon */ | |
− | + | font-size: 26px; | |
− | + | border-radius: 4px; | |
text-align: center; | text-align: center; | ||
transition: all 0.5s; | transition: all 0.5s; | ||
− | font-family: | + | font-family: "raleway"; |
Line 227: | Line 222: | ||
.btn-group span { | .btn-group span { | ||
− | cursor: pointer; | + | cursor: pointer; |
− | display: inline-block; | + | display: inline-block; |
− | position: relative; | + | position: relative; |
− | transition: 0.5s; | + | transition: 0.5s; |
} | } | ||
.btn-group span:after { | .btn-group span:after { | ||
− | content: | + | content: '\00bb'; |
− | position: absolute; | + | position: absolute; |
− | opacity: 0; | + | opacity: 0; |
− | top: 0; | + | top: 0; |
− | right: -20px; | + | right: -20px; |
− | transition: 0.5s; | + | transition: 0.5s; |
} | } | ||
− | / *Have added button:hover*/ | + | /* Have added button:hover*/ |
.btn-group button:hover span { | .btn-group button:hover span { | ||
− | padding-right: 25px; | + | padding-right: 25px; |
} | } | ||
− | / *Have added button:hover*/ | + | /* Have added button:hover*/ |
.btn-group button:hover span:after { | .btn-group button:hover span:after { | ||
− | opacity: 1; | + | opacity: 1; |
− | right: 0; | + | right: 0; |
} | } | ||
</style> | </style> | ||
Line 256: | Line 251: | ||
<body> | <body> | ||
− | <div class= | + | <div class="btn-group" style="width:100%"> |
− | <button onclick= | + | <button onclick="window.location.href='https://2018.igem.org/Team:Uppsala/Transcriptomics/Design' |
− | + | "style="width:18%"><span>Design</span></button> | |
− | <button onclick= | + | <button onclick="window.location.href='https://2018.igem.org/Team:Uppsala/Transcriptomics/Protocol'" style="width:19%"><span>Protocol</span></button> |
− | <button onclick= | + | <button onclick="window.location.href='https://2018.igem.org/Team:Uppsala/Transcriptomics/Experiment'" style="width:22%"><span>Experiment</span></button> |
− | <button onclick= | + | <button onclick="window.location.href='https://2018.igem.org/Team:Uppsala/Transcriptomics/Result'" style="width:18%"><span>Result</span></button> |
− | <button onclick= | + | <button onclick="window.location.href='https://2018.igem.org/Team:Uppsala/Transcriptomics/Notebook'" style="width:21%"><span>Notebook</span></button> |
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> | ||
− | |||
<div> | <div> |
Revision as of 21:46, 14 October 2018
RUBRIK NR 1
RUBRIK NR 2
Lots and lots and lots and lots of example text... Lots and lots and lots and lots of example text... Lots and lots and lots and lots of example text... Lots and lots and lots and lots of example text... Lots and lots and lots and lots of example text... Lots and lots and lots and lots of example text... Lots and lots and lots and lots of example text... Lots and lots and lots and lots of example text... Lots and lots and lots and lots of example text... Lots and lots and lots and lots of example text... Lots and lots and lots and lots of example text... Lots and lots and lots and lots of example text... Lots and lots and lots and lots of example text... Lots and lots and lots and lots of example text...
<img src="" alt="UnaG Comparison" class="center" height="50%" width="50%">
Figure 2: Bilirubin test before/after affinity chromatography. Going from right to left the samples are:
</div>
</html>