Line 6: | Line 6: | ||
} | } | ||
</style> | </style> | ||
+ | div.naviSection { | ||
+ | } | ||
+ | button.accordion { | ||
+ | background-color: #eee; | ||
+ | color: #444; | ||
+ | cursor: pointer; | ||
+ | padding: 18px; | ||
+ | width: 100%; | ||
+ | border: none; | ||
+ | text-align: justify; | ||
+ | outline: none; | ||
+ | font-size: 15px; | ||
+ | transition: 0.4s; | ||
+ | } | ||
+ | |||
+ | button.accordion.active, button.accordion:hover { | ||
+ | background-color: #ccc; | ||
+ | } | ||
+ | |||
+ | div.panel { | ||
+ | padding: 0 18px; | ||
+ | display: none; | ||
+ | background-color: gray; | ||
+ | } | ||
+ | body { | ||
+ | background-color: #282828 | ||
+ | |||
+ | } | ||
+ | </style> | ||
+ | |||
<body> | <body> | ||
<div class = "background"> | <div class = "background"> | ||
Line 12: | Line 42: | ||
+ | <div id="navtop"></div> | ||
+ | <br> | ||
+ | |||
+ | <strong><h2 style="font-family: verdana; font-size: 17px; text-align: center; color: rgb(0, 184, 230)">Click on one of the images below to learn more about our results!</h2></strong> | ||
+ | |||
+ | <div class="column sixth_size"> | ||
+ | <a href="#section1"><img src="https://static.igem.org/mediawiki/2017/5/5f/Gga-gfp.png" style="width:100%"><p>Part plasmid assembly </p></a> | ||
+ | </div> | ||
+ | |||
+ | <div class="column sixth_size"> | ||
+ | <a href="#section2"><img src="https://static.igem.org/mediawiki/2017/3/32/Gliw.png" style="width:100%"><p>Testing constitutive <i>Lactococcal</i> Promoters in <i>E. coli</i></p></a> | ||
+ | </div> | ||
+ | |||
+ | <div class="column fifth_size"> | ||
+ | <a href="#section3"><img src="https://static.igem.org/mediawiki/2017/archive/e/e7/20171101072448%21GABAFinal.png" style="width:100%"> <p> Testing <i>gadB</i> Overexpression in <i>E. | ||
+ | coli</i></p></a> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="column sixth_size"> | ||
+ | <a href="#section4"><img src="https://static.igem.org/mediawiki/2017/4/42/Erm.png" style="width:100%"><p>Creating a Golden Gate compatible shuttle vector</p></a> | ||
+ | </div> | ||
+ | |||
+ | <div class="column sixth_size"> | ||
+ | <a href="#section5"><img src="https://static.igem.org/mediawiki/2017/e/e5/Lacto-final.png" style="width:100%"><p><i>Lactobacillus plantarum</i> transformation</p></a> | ||
+ | </div> | ||
Revision as of 16:10, 9 July 2018
div.naviSection {
}
button.accordion {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: justify;
outline: none;
font-size: 15px;
transition: 0.4s;
}
button.accordion.active, button.accordion:hover {
background-color: #ccc;
}
div.panel {
padding: 0 18px;
display: none;
background-color: gray;
}
body {
background-color: #282828
}