|
|
| Line 4: |
Line 4: |
| | | | |
| | <link href="https://fonts.googleapis.com/css?family=Raleway:200,300,400,700" rel="stylesheet"> | | <link href="https://fonts.googleapis.com/css?family=Raleway:200,300,400,700" rel="stylesheet"> |
| − | <meta charset="utf-8">
| + | |
| − | <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
| + | |
| − | <meta http-equiv="x-ua-compatible" content="ie=edge">
| + | |
| − | <title>Material Design Bootstrap</title>
| + | |
| − | <!-- Font Awesome -->
| + | |
| − | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
| + | |
| − | <!-- Bootstrap core CSS -->
| + | |
| − | <link href="css/bootstrap.min.css" rel="stylesheet">
| + | |
| − | <!-- Material Design Bootstrap -->
| + | |
| − | <link href="css/mdb.min.css" rel="stylesheet">
| + | |
| − | <!-- Your custom styles (optional) -->
| + | |
| − | <link href="css/style.css" rel="stylesheet">
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| | | | |
| | </head> | | </head> |
| Line 91: |
Line 77: |
| | | | |
| | | | |
| − | <footer class="footer-distributed">
| |
| − |
| |
| − | <div class="footer-right">
| |
| − | <a target="_blank" href="mailto:illinoisigem@gmail.com"><i class="fa fa-envelope-o fa-2x"></i></a>
| |
| − | <a target="_blank" href="https://www.facebook.com/UIUC-IGEM-1844032205901350/"><i class="fa fa-facebook fa-2x"></i></a>
| |
| − | <a target="_blank" href="https://twitter.com/igem_uiuc?lang=en"><i class="fa fa-twitter fa-2x"></i></a>
| |
| − |
| |
| − | <p> Email: illinoisigem@gmail.com</p>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <div class="footer-left">
| |
| − |
| |
| − | <p class="footer-links">
| |
| − | <a target="_blank" href="https://www.energy.gov/">
| |
| − | <img class="sponsors" src="https://static.igem.org/mediawiki/2018/3/38/T--UIUC_Illinois--footerdoe.png">
| |
| − | </a>
| |
| − |
| |
| − | <a target="_blank" href="https://cabbi.bio/">
| |
| − | <img class="sponsors" src="https://static.igem.org/mediawiki/2018/e/e5/T--UIUC_Illinois--footercabbi.png">
| |
| − | </a>
| |
| − |
| |
| − | <a target="_blank" href="https://www.igb.illinois.edu/">
| |
| − | <img class="sponsors" src="https://static.igem.org/mediawiki/2018/3/36/T--UIUC_Illinois--footerigb.png">
| |
| − | </a>
| |
| − | <a target="_blank" href="https://www.idtdna.com/pages">
| |
| − | <img class="sponsors" src="https://static.igem.org/mediawiki/2018/a/a9/T--UIUC_Illinois--footeridt.png">
| |
| − | </a>
| |
| − |
| |
| − | <a target="_blank" href="https://www.neb.com/">
| |
| − | <img class="sponsors" src="https://static.igem.org/mediawiki/2016/e/ed/T--Imperial_College--NEB.png">
| |
| − | </a>
| |
| − |
| |
| − | <a target="_blank" href="https://www.biobasic.com/">
| |
| − | <img class="sponsors" src="https://static.igem.org/mediawiki/2018/e/ed/T--UIUC_Illinois--footerbiobasic.png">
| |
| − | </a>
| |
| − |
| |
| − |
| |
| − | </p>
| |
| − |
| |
| − |
| |
| − | </div>
| |
| | | | |
| − | </footer>
| |
| | | | |
| | | | |
| Line 1,732: |
Line 1,675: |
| | | | |
| | | | |
| − | .footer-distributed{
| |
| − | background-color: #122b40;
| |
| − | 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;
| |
| − | bottom: 0px;
| |
| | | | |
| − | }
| |
| − |
| |
| − | .footer-distributed .footer-left p{
| |
| − | color: white;
| |
| − | font-size: 14px;
| |
| − | margin: 0;
| |
| − | }
| |
| − | .footer-distributed .footer-right p{
| |
| − | color: white;
| |
| − | 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;
| |
| − |
| |
| − | border-radius: 2px;
| |
| − |
| |
| − | font-size: 20px;
| |
| − | color: white;
| |
| − | 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;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | #footer {
| |
| − | margin-top: -100px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #main {
| |
| − | padding-bottom: 100px;
| |
| − | }
| |
| | </style> | | </style> |
| | | | |
| | </html> | | </html> |
