Difference between revisions of "Template:IISc-Bangalore"

Line 320: Line 320:
 
     left: 0;
 
     left: 0;
 
}
 
}
 +
 +
/* Footer styling */
 +
 +
#pagefooter {
 +
            width: 100%;
 +
            position: fixed;
 +
            bottom: 0;
 +
            left: 0;
 +
            background-color: #FFE97C;
 +
            transition: all 0.5s ease;
 +
            padding-left: 10px;
 +
        }
 +
        #smallfooter {
 +
            transition: all 0.5s ease;
 +
        }
 +
        .expanded {
 +
            bottom: 0 !important;
 +
            font-size: 24px;
 +
            transition: all 0.5s ease;
 +
        }
 +
        .expanded #smallfooter {
 +
            opacity: 0;
 +
            transition: all 0.5s ease;
 +
        }
 +
        .footerarrow {
 +
            position: absolute;
 +
            top: 0;
 +
            left: 50%;
 +
            transform: translateX(-50%);
 +
            transition: transform 0.5s ease-in;
 +
        }
 +
        .inverted {
 +
            transform: rotate(180deg);
 +
            transition: transform 0.5 ease-in;
 +
        }
 +
        #footericons {
 +
            float: right;
 +
        }
 +
        #footericons img{
 +
            height: 20px;
 +
            margin-right: 10px;
 +
        }
 +
        #bigfooter {
 +
            width: 100%;
 +
            position: relative;
 +
            display: block;
 +
        }
 +
        #footersponsors {
 +
            width: 60%;
 +
            float: left;
 +
        }
 +
        #footersponsors img {
 +
            height: 100%;
 +
        }
 +
        #footercontact {
 +
            width: 40%;
 +
            float: right;
 +
        }
 +
        #footercontact img {
 +
            height: 50px;
 +
        }
 +
        #footersponsors td {
 +
            text-align: center;
 +
            height: 70px;
 +
        }
  
 
</style>
 
</style>
Line 390: Line 455:
 
   <a href="https://2017.igem.org/Team:IISc-Bangalore"><img id="logoImg" src="/wiki/images/6/65/T--IISc-Bangalore--logo-new.png"></a>
 
   <a href="https://2017.igem.org/Team:IISc-Bangalore"><img id="logoImg" src="/wiki/images/6/65/T--IISc-Bangalore--logo-new.png"></a>
 
</div>
 
</div>
 +
 +
<div id="pagefooter" class="clearfix">
 +
        <div id="smallfooter" class="clearfix">
 +
            <div id="footericons">
 +
                <img src="img/fb.svg" /><img src="img/twitter.svg" />
 +
            </div>
 +
            Sponsors
 +
        </div>
 +
        <img class="footerarrow" src="img/arrow.png" width="20px" />
 +
        <div id="bigfooter" class="clearfix">
 +
            <div id="footersponsors">
 +
                <table style="margin: auto">
 +
                    <tr><th colspan="6">Sponsors</th></tr>
 +
                    <tr>
 +
                        <td colspan="2"><img src="https://static.igem.org/mediawiki/2017/8/82/T--IISc-Bangalore--iisc.png"></td>
 +
                        <td colspan="2"><img src="https://static.igem.org/mediawiki/2017/7/78/T--IISc-Bangalore--dbt.png"></td>
 +
                        <td colspan="2"><a href="http://www.google.com"><img src="https://static.igem.org/mediawiki/2017/8/89/T--IISc-Bangalore--ibec.png"></a></td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td colspan="3"><img src="https://static.igem.org/mediawiki/2017/f/f4/T--IISc-Bangalore--sibc-updated.png"></td>
 +
                        <td colspan="3"><img src="https://static.igem.org/mediawiki/2017/e/ec/T--IISc-Bangalore--snapgene.png"></td>
 +
                    </tr>
 +
                </table>
 +
            </div><div id="footercontact">
 +
                <table style="margin: auto">
 +
                    <tr><th colspan="6">Contact</th></tr>
 +
                    <tr>
 +
                        <td><img src="img/fb.svg" /></td>
 +
                        <td>FB Link</td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td><img src="img/fb.svg" /></td>
 +
                        <td>FB Link</td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td><img src="img/fb.svg" /></td>
 +
                        <td>FB Link</td>
 +
                    </tr>
 +
                </table>
 +
            </div>
 +
        </div>
 +
    </div>
 
</div>
 
</div>
  
 
<script type="text/javascript" src="https://2017.igem.org/Template:IISc-Bangalore/slide-nav?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2017.igem.org/Template:IISc-Bangalore/slide-nav?action=raw&ctype=text/javascript"></script>
 
</html>
 
</html>

Revision as of 15:41, 1 November 2017