Difference between revisions of "Template:Peking/footer"

Line 1: Line 1:
 
<HTML>
 
<HTML>
Hello world!
+
<head>
 +
    <meta charset="utf-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <style>
 +
        #view-source
 +
        {
 +
            position: fixed;
 +
            display: block;
 +
            right: 0;
 +
            bottom: 0;
 +
            margin-right: 40px;
 +
            margin-bottom: 40px;
 +
            z-index: 900;
 +
        }
 +
    </style>
 +
</head>
 +
<title>PekingFooter</title>
 +
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Peking/mdl/material?action=raw&ctype=text/css">               
 +
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Peking/mdl/materialmin?action=raw&ctype=text/css"> 
 +
 
 +
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Peking/mdl/devsite?action=raw&ctype=text/css">               
 +
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Peking/mdl/stylecss?action=raw&ctype=text/css"> 
 +
 
 +
 
 +
<script type="text/javascript" src="https://2017.igem.org/Template:Peking/mdl/materialminjs?
 +
action=raw&ctype=text/javascript"></script> 
 +
<script type="text/javascript" src="https://2017.igem.org/Template:Peking/mdl/materialjs?
 +
action=raw&ctype=text/javascript"></script> 
 +
 
 +
<script type="text/javascript" src="https://2017.igem.org/Template:Peking/mdl/devsitejs?
 +
action=raw&ctype=text/javascript"></script> 
 +
<body>
 +
        <footer class="devsite-footer-promos nocontent"><nav class="devsite-full-site-width">
 +
            <ul class="devsite-footer-promos-list">
 +
                <li class="devsite-footer-promo">
 +
                    <a href="https://github.com/PekingiGEM2017"
 +
                                                    class="devsite-footer-promo-title gc-analytics-event"
 +
                                                    data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo">
 +
                        <img class="devsite-footer-promo-icon" src="logo-github.svg">
 +
                        GitHub
 +
                    </a>
 +
                    <div class="devsite-footer-promo-description">Fork our API code samples and other open-source projects.</div>
 +
                </li>
 +
 
 +
                <li class="devsite-footer-promo">
 +
                    <a href="https://www.facebook.com/pekingigem"
 +
                                                    class="devsite-footer-promo-title gc-analytics-event"
 +
                                                    data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo">
 +
                        <img class="devsite-footer-promo-icon" src="facebook.svg">
 +
                        Facebook
 +
                    </a>
 +
                    <div class="devsite-footer-promo-description">The latest news on our projects</div>
 +
                </li>
 +
 
 +
                <li class="devsite-footer-promo">
 +
                    <a href="https://twitter.com/iGEM_Peking"
 +
                                                    class="devsite-footer-promo-title gc-analytics-event"
 +
                                                    data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo">
 +
                        <img class="devsite-footer-promo-icon" src="twitter.svg">
 +
                        Twitter
 +
                    </a>
 +
                    <div class="devsite-footer-promo-description">Connect with @PekingIGEM on Twitter</div>
 +
                </li>
 +
 
 +
                <li class="devsite-footer-promo">
 +
                    <a href="http://www.synbiowiki.com"
 +
                                                    class="devsite-footer-promo-title gc-analytics-event"
 +
                                                    data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo">
 +
                        <img class="devsite-footer-promo-icon" src="wikipedia.svg">
 +
                        SynBioWiki
 +
                    </a>
 +
                    <div class="devsite-footer-promo-description">The encyclopedia of synthetic biology</div>
 +
                </li>
 +
 
 +
                <li class="devsite-footer-promo">
 +
                    <a href="https://www.youtube.com/channel/UCefEYVCVqKJLmoJrSxivgZQ"
 +
                                                    class="devsite-footer-promo-title gc-analytics-event"
 +
                                                    data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo">
 +
                        <img class="devsite-footer-promo-icon" src="youtube.svg">
 +
                        Videos
 +
                    </a>
 +
                    <div class="devsite-footer-promo-description">Check out the Peking iGEM 2017 team&#39;s videos</div>
 +
                </li>
 +
            </ul>
 +
        </nav>
 +
        </footer>
 +
        <footer class="devsite-footer-linkboxes nocontent">
 +
            <nav class="devsite-full-site-width">
 +
                <ul class="devsite-footer-linkboxes-list">
 +
                    <li class="devsite-footer-linkbox ">
 +
                        <h3 class="devsite-footer-linkbox-heading"><strong>Supervisors</strong></h3>
 +
                        <ul class="devsite-footer-linkbox-list">
 +
                            <li class="devsite-footer-linkbox-item">
 +
                                <a href="https://github.com/google/WebFundamentals/issues" class="gc-analytics-event"
 +
                                                                                                  data-category="Site-Wide Custom Events"
 +
                                                                                                  data-label="Content Page Footer Linkbox">
 +
                                </a>
 +
                            </li>
 +
                            <li><a href="http://dean.pku.edu.cn/pkudean/"><img src="Admin.png" height = "50"/></a></li>
 +
                            <li><a href="http://www.bio.pku.edu.cn/en/"> <img src="SLS-logo.png" height = "50"/> </a></li>
 +
                            <li><a href="http://cqb.pku.edu.cn/en/"> <img src="CQB.png" height = "50"/> </a></li>
 +
                        </ul>
 +
                    <li class="devsite-footer-linkbox ">
 +
                    <h3 class="devsite-footer-linkbox-heading"><Strong>Sponsors</Strong></h3>
 +
                    <ul class="devsite-footer-linkbox-list">
 +
                        <li class="devsite-footer-linkbox-item">
 +
                            <a href="https://developers.google.com/web/feedback/" class="gc-analytics-event"
 +
                                                                                                                                                                                          data-category="Site-Wide Custom Events"
 +
                                                                                                                                                                                          data-label="Content Page Footer Linkbox">
 +
                                Developer Feedback
 +
                            </a>
 +
                        </li>
 +
                        <li class="devsite-footer-linkbox-item">
 +
                            <a href="https://developers.chrome.com/extensions/api_index" class="gc-analytics-event"
 +
                                                                data-category="Site-Wide Custom Events"
 +
                                                                data-label="Content Page Footer Linkbox">
 +
                                Chrome Extension Docs
 +
                            </a>
 +
                        </li>
 +
                        <li class="devsite-footer-linkbox-item">
 +
                            <a href="https://developers.google.com/web/tools/chrome-devtools/" class="gc-analytics-event"
 +
                                                                data-category="Site-Wide Custom Events"
 +
                                                                data-label="Content Page Footer Linkbox">
 +
                                Chrome DevTools
 +
                            </a>
 +
                        </li>
 +
                        <li class="devsite-footer-linkbox-item">
 +
                            <a href="https://google.github.io/physical-web/" class="gc-analytics-event"
 +
                                                                data-category="Site-Wide Custom Events"
 +
                                                                data-label="Content Page Footer Linkbox">
 +
                                Physical Web
 +
                            </a>
 +
                        </li>
 +
                    </ul>
 +
                </li>
 +
                    <li class="devsite-footer-linkbox ">
 +
                        <h3 class="devsite-footer-linkbox-heading"><Strong>Related Links</Strong></h3>
 +
                        <ul class="devsite-footer-linkbox-list">
 +
                            <li class="devsite-footer-linkbox-item">
 +
                                <a href="https://getmdl.io/index.html" class="gc-analytics-event"
 +
                                                              data-category="Site-Wide Custom Events"
 +
                                                              data-label="Content Page Footer Linkbox">
 +
                                    Material Design Lite
 +
                                </a>
 +
                            </li>
 +
                            <li class="devsite-footer-linkbox-item">
 +
                                <a href="https://www.mediawiki.org/wiki/MediaWiki" class="gc-analytics-event"
 +
                                                              data-category="Site-Wide Custom Events"
 +
                                                              data-label="Content Page Footer Linkbox">
 +
                                    Mediawiki
 +
                                </a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="devsite-footer-linkbox devsite-footer-linkbox-sites">
 +
                        <h2
 +
                    class="gc-analytics-event devsite-footer-linkbox-logo-link"
 +
                    data-category="Site-Wide Custom Events" data-label="Footer Google Developers Link">
 +
                            <font color="white"><strong>Peking iGEM </strong>2017</font>
 +
                        </h2>
 +
                        <ul class="devsite-footer-linkbox-list">
 +
                            <li class="devsite-footer-linkbox-item">
 +
                                <strong><font color="white">Mail:</font></strong>
 +
                                <br>
 +
                                <a href="mailto:PekingIGEM@gmail.com" class="gc-analytics-event"
 +
                                                              data-category="Site-Wide Custom Events"
 +
                                                              data-label="Footer Chrome Link">
 +
                                    <br>
 +
                                    PekingIGEM@gmail.com
 +
                                </a>
 +
                            </li>
 +
                            <li class="devsite-footer-linkbox-item">
 +
                                <strong><font color="white">Address:</font></strong>
 +
                                <br>
 +
                                <a class="gc-analytics-event"
 +
                                                              data-category="Site-Wide Custom Events"
 +
                                                              data-label="Footer Chrome Link">
 +
                                    <br>
 +
                                    Peking University,<br>
 +
                                    No.5 Yiheyuan Road Haidian District,<br>
 +
                                    Beijing, P.R.China 100871</a>
 +
                            </li>
 +
                            </a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                </ul>
 +
            </nav>
 +
        </footer>
 +
</body>
 
</HTML>
 
</HTML>

Revision as of 17:56, 5 October 2017

PekingFooter