Difference between revisions of "Team:Delaware/notebook"
| Line 543: | Line 543: | ||
</body> | </body> | ||
</p> | </p> | ||
| + | |||
| + | <style> | ||
| + | .footer-distributed{ | ||
| + | background-color: white; | ||
| + | box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); | ||
| + | box-sizing: border-box; | ||
| + | width: 100%; | ||
| + | text-align: left; | ||
| + | padding: 45px 50px; | ||
| + | margin-top: 80px; | ||
| + | } | ||
| + | |||
| + | .footer-distributed .footer-left p{ | ||
| + | color: #52658F; | ||
| + | font-size: 14px; | ||
| + | margin: 0; | ||
| + | } | ||
| + | .footer-distributed .footer-right p{ | ||
| + | color: #52658F; | ||
| + | font-size: 14px; | ||
| + | margin: 0; | ||
| + | } | ||
| + | |||
| + | /* Footer links */ | ||
| + | |||
| + | .footer-distributed p.footer-links{ | ||
| + | font-size:18px; | ||
| + | font-weight: bold; | ||
| + | color: #ffffff; | ||
| + | margin: 0 0 10px; | ||
| + | padding: 0; | ||
| + | } | ||
| + | |||
| + | |||
| + | .footer-distributed p.footer-links a{ | ||
| + | display:inline-block; | ||
| + | line-height: 1.8; | ||
| + | text-decoration: none; | ||
| + | color: inherit; | ||
| + | } | ||
| + | |||
| + | .footer-distributed .footer-right{ | ||
| + | float: right; | ||
| + | margin-top: 6px; | ||
| + | max-width: 400px; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | .footer-distributed .footer-right a{ | ||
| + | display: inline-block; | ||
| + | width: 50px; | ||
| + | height: 35px; | ||
| + | background-color: white; | ||
| + | border-radius: 2px; | ||
| + | |||
| + | font-size: 20px; | ||
| + | color: #52658F; | ||
| + | text-align: center; | ||
| + | line-height: 35px; | ||
| + | |||
| + | margin-left: 3px; | ||
| + | } | ||
| + | |||
| + | .sponsors { | ||
| + | margin: 2.5px; | ||
| + | width: 125px; | ||
| + | } | ||
| + | |||
| + | /* If you don't want the footer to be responsive, remove these media queries */ | ||
| + | |||
| + | @media (max-width: 600px) { | ||
| + | |||
| + | .footer-distributed .footer-left, | ||
| + | .footer-distributed .footer-right{ | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | .footer-distributed .footer-right{ | ||
| + | float: none; | ||
| + | margin: 0 auto 20px; | ||
| + | } | ||
| + | |||
| + | .footer-distributed .footer-left p.footer-links{ | ||
| + | line-height: 1.8; | ||
| + | } | ||
| + | } | ||
| + | </style> | ||
| + | |||
| + | <footer class="footer-distributed"> | ||
| + | |||
| + | <div class="footer-right"> | ||
| + | <a target="_blank" href="ailto:igem.imperial2016@gmail.com"><i class="fa fa-envelope-o fa-2x"></i></a> | ||
| + | <a target="_blank" href="ttps://www.facebook.com/2016imperialigem/"><i class="fa fa-facebook fa-2x"></i></a> | ||
| + | <a target="_blank" href="ttps://twitter.com/imperialigem"><i class="fa fa-twitter fa-2x"></i></a> | ||
| + | <a target="_blank" href="ttps://github.com/IC-iGEM-2016?tab=repositories"><i class="fa fa-github fa-2x fa-fw"></i></a> | ||
| + | <p> Email: igem.Team:Delaware@gmail.com </p> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | <div class="footer-left"> | ||
| + | |||
| + | <p class="footer-links"> | ||
| + | <a target="_blank" href="ttps://www.imperial.ac.uk/synthetic-biology"> | ||
| + | <img class="sponsors" src="htp://2016.igem.org/wiki/images/6/68/T--Imperial_College--csynbi.png"> | ||
| + | </a> | ||
| + | |||
| + | <a target="_blank" href="ttp://www.synbicite.com/"> | ||
| + | <img class="sponsors" src="tt://2016.igem.org/wiki/images/1/1c/T--Imperial_College--synb.png"> | ||
| + | </a> | ||
| + | |||
| + | <a target="_blank" href="ttps://www.neb.com/"> | ||
| + | <img class="sponsors" src="htp://2016.igem.org/wiki/images/e/ed/T--Imperial_College--NEB.png"> | ||
| + | </a> | ||
| + | <a target="_blank" href="ttps://www.sebiology.org/"> | ||
| + | <img class="sponsors" src="ttp://2016.igem.org/wiki/images/5/5e/T--Imperial_College--SEB.png"> | ||
| + | </a> | ||
| + | |||
| + | <a target="_blank" href="ttps://wellcome.ac.uk/"> | ||
| + | <img class="sponsors" src="ttp://2016.igem.org/wiki/images/b/b5/T--Imperial_College--Wellcom.png"> | ||
| + | </a> | ||
| + | |||
| + | <a target="_blank" href="ttps://www.epsrc.ac.uk/"> | ||
| + | <img class="sponsors" src="ttp://2016.igem.org/wiki/images/d/d9/T--Imperial_College--EPSRC.jpg"> | ||
| + | </a> | ||
| + | <a target="lank" href="http://www.bbsrc.ac.uk/"> | ||
| + | <img class="sponsors" src="ttp://2016.igem.org/wiki/images/1/1e/T--Imperial_College--BBSRC.gif"> | ||
| + | </a> | ||
| + | <a target="lank" href="https://www.eppendorf.com/UK-en/"> | ||
| + | <img class="sponsors" src="ttp://2016.igem.org/wiki/images/3/3a/T--Imperial_College--Eppendorf.png"> | ||
| + | </a> | ||
| + | |||
| + | <a target="_ank" href="http://www.bmglabtech.com/"> | ||
| + | <img class="sponsors" src="ttp://2016.igem.org/wiki/images/e/ee/T--Imperial_College--BMG.png"> | ||
| + | </a> | ||
| + | |||
| + | </p> | ||
| + | |||
| + | |||
| + | </div> | ||
| + | |||
| + | </footer> | ||
| + | |||
</html> | </html> | ||
Revision as of 05:27, 21 August 2017
