Difference between revisions of "Team:UIUC Illinois/Description"

(Replaced content with "{{UIUC_Illinois}}")
Line 1: Line 1:
 
{{UIUC_Illinois}}
 
{{UIUC_Illinois}}
<html>
 
<head>
 
    <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>
 
 
 
<body>
 
 
 
 
 
</body>
 
 
 
<style>
 
.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;
 
}
 
}
 
</style>
 
 
<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>
 
 
</html>
 

Revision as of 01:10, 18 October 2018