Difference between revisions of "Template:Peking/footer"

Line 1: Line 1:
 
+
{{Peking/include}}
<html>
+
<HTML long="en">
 
<head>
 
<head>
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
 
     <style>
 
     <style>
#sideMenu, #top_title {display:none;}
+
        #sideMenu, #top_title {
#globalWsection {
+
            display: none;
    padding-top: 50px;
+
    width: 100%
+
}
+
body,
+
html{
+
    margin: 0;
+
    padding:0;
+
    font-family: 'Objektiv-mk1', sans-serif;
+
    font-weight: 300;
+
    overflow-x: hidden;
+
    position: relative;
+
}
+
.firstHeading{
+
    display:none;
+
}
+
.page{
+
    background: honeydew;
+
}
+
rapper {
+
    padding:0;
+
}
+
#content {
+
    width: 100%;
+
    height: 100%;
+
    border:none;
+
    margin: 0px;
+
    padding:0;
+
}
+
section {
+
    padding: 0;
+
    margin: 0;
+
    border: 0
+
}
+
#bodyContent a[href^="https://"], .link-https {
+
    background: none !important;
+
    padding: 0 !important;
+
}
+
.navbar-pad-original {
+
    padding: 0
+
}
+
        *, *:before, *:after {
+
            box-sizing: inherit
+
        }
+
        .clearfix:after, .quickstart-step:after {
+
            clear: both;
+
            content: "";
+
            display: table;
+
            height: 0;
+
            visibility: hidden
+
 
         }
 
         }
  
         img {
+
         #content {
             max-width: 272px
+
             padding: 0px;
 +
            width: 100%;
 +
            margin-top: -7px;
 +
            margin-left: 0%;, margin-right: 0 %
 
         }
 
         }
  
         :link, :visited {
+
         #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
             color: #039be5;
+
             margin-bottom: 0px;
            outline: 0;
+
            text-decoration: none
+
 
         }
 
         }
  
        a:focus {
 
            text-decoration: underline
 
        }
 
        ul {
 
            list-style: disc outside
 
        }
 
 
        @media screen and (max-width: 720px) {
 
            .devsite-settings-kabob {
 
                margin: 12px 0
 
            }
 
        }
 
 
        .devsite-footer-promos {
 
            background: #f7f7f7;
 
            font: 14px/20px Roboto, sans-serif
 
        }
 
        .devsite-footer-promos1 {
 
            background: black;
 
            font: 14px/20px Roboto, sans-serif
 
        }
 
        .devsite-footer-promos-list {
 
            padding: 20px 4px;
 
            text-align: center
 
        }
 
        .devsite-footer-promos-list1 {
 
            padding: 0 0 29px;
 
            text-align: center
 
        }
 
 
        .devsite-footer-promo {
 
            display: inline-block;
 
            margin: 0 auto;
 
            vertical-align: top;
 
            width: 192px
 
        }
 
        .devsite-footer-promo1 {
 
            display: inline-block;
 
            margin: 0 auto;
 
            vertical-align: top;
 
            width: 300px
 
        }
 
        .devsite-footer-promo-icon {
 
            color: rgba(0, 0, 0, .87);
 
            display: block;
 
            font-size: 48px;
 
            height: 48px;
 
            margin: 0 auto 8px;
 
            width: 48px
 
        }
 
 
        .devsite-footer-promo-title {
 
            color: rgba(0, 0, 0, .87);
 
            display: block;
 
            font-weight: 500
 
        }
 
 
        .devsite-footer-promo-title:hover, .devsite-footer-promo-title:focus {
 
            color: #039be5;
 
            text-decoration: none
 
        }
 
 
        .devsite-footer-linkboxes > .devsite-full-site-width {
 
            max-width: 1432px
 
        }
 
 
        .devsite-footer-linkbox-item a {
 
            color: #cfd8dc
 
        }
 
 
        .devsite-footer-linkbox-item a:hover, .devsite-footer-linkbox-item a:focus {
 
            color: #fff;
 
            text-decoration: none
 
        }
 
 
 
        .devsite-utility-footer-nav {
 
            color: #fff;
 
            overflow: auto;
 
 
 
        .devsite-utility-footer-link:focus {
 
            text-decoration: underline
 
        }
 
        .devsite-utility-footer-link + .devsite-utility-footer-link::before {
 
            content: '|';
 
            margin: 0 8px
 
        }
 
 
        .devsite-utility-footer-language .kd-select {
 
            border-color: #fff;
 
            min-width: 96px
 
        }
 
 
        @media screen and (max-width: 1000px) {
 
            .devsite-footer-linkbox {
 
                width: 50%
 
            }
 
        }
 
 
        @media screen and (max-width: 720px) {
 
            .devsite-footer-promos-list {
 
                padding: 20px 16px;
 
                text-align: left
 
            }
 
 
            .devsite-footer-promo {
 
                margin: 8px;
 
                width: calc((100% - 32px) / 2)
 
            }
 
 
            .devsite-footer-promo-icon {
 
                float: left;
 
                height: 32px;
 
                margin-right: 16px;
 
                width: 32px
 
            }
 
 
            .devsite-footer-promo-title {
 
                font-weight: normal;
 
                line-height: 32px
 
            }
 
 
            .devsite-footer-promo-description {
 
                display: none
 
            }
 
 
     </style>
 
     </style>
 
</head>
 
</head>
<title>Team:Peking</title>
+
<title>PekingFooter</title>
 +
 
 
<body>
 
<body>
<footer class="devsite-footer-promos nocontent"><nav class="devsite-full-site-width">
+
<br><br><br><br><br>
 +
<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="https://static.igem.org/mediawiki/2017/1/18/Peking_logo_github.svg">
  
 +
                    GitHub
 +
                </a>
 +
                <div class="devsite-footer-promo-description">Fork our API code samples and other open-source
 +
                    projects.
 +
                </div>
 +
            </li>
  
    <ul class="devsite-footer-promos-list">
+
            <li class="devsite-footer-promo">
        <li class="devsite-footer-promo">
+
                <a href="https://www.facebook.com/pekingigem"
            <a href="https://github.com/PekingiGEM2017"
+
                  class="devsite-footer-promo-title gc-analytics-event"
              class="devsite-footer-promo-title gc-analytics-event"
+
                  data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo">
              data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo">
+
                    <img class="devsite-footer-promo-icon"
                <img class="devsite-footer-promo-icon" src="https://static.igem.org/mediawiki/2017/1/18/Peking_logo_github.svg">
+
                        src="https://static.igem.org/mediawiki/2017/b/b8/Peking_Facebook.svg">
                 GitHub
+
                    Facebook
            </a>
+
                 </a>
            <div class="devsite-footer-promo-description">Fork our API code samples and other open-source projects.</div>
+
                <div class="devsite-footer-promo-description">The latest news on our projects</div>
        </li>
+
            </li>
  
        <li class="devsite-footer-promo">
+
            <li class="devsite-footer-promo">
            <a href="https://www.facebook.com/pekingigem"
+
                <a href="https://twitter.com/iGEM_Peking"
              class="devsite-footer-promo-title gc-analytics-event"
+
                  class="devsite-footer-promo-title gc-analytics-event"
              data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo">
+
                  data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo">
                <img class="devsite-footer-promo-icon" src="https://static.igem.org/mediawiki/2017/b/b8/Peking_Facebook.svg">
+
                    <img class="devsite-footer-promo-icon"
                 Facebook
+
                        src="https://static.igem.org/mediawiki/2017/6/6b/Peking_Twitter.svg">
            </a>
+
                    Twitter
            <div class="devsite-footer-promo-description">The latest news on our projects</div>
+
                 </a>
        </li>
+
                <div class="devsite-footer-promo-description">Connect with @PekingIGEM on Twitter</div>
 +
            </li>
  
        <li class="devsite-footer-promo">
+
            <li class="devsite-footer-promo">
            <a href="https://twitter.com/iGEM_Peking"
+
                <a href="http://www.synbiowiki.com"
              class="devsite-footer-promo-title gc-analytics-event"
+
                  class="devsite-footer-promo-title gc-analytics-event"
              data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo">
+
                  data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo">
                <img class="devsite-footer-promo-icon" src="https://static.igem.org/mediawiki/2017/6/6b/Peking_Twitter.svg">
+
                    <img class="devsite-footer-promo-icon"
                 Twitter
+
                        src="https://static.igem.org/mediawiki/2017/b/bf/Peking_SynBioWiki.svg">
            </a>
+
                    SynBioWiki
            <div class="devsite-footer-promo-description">Connect with @PekingIGEM on Twitter</div>
+
                 </a>
        </li>
+
                <div class="devsite-footer-promo-description">The encyclopedia of synthetic biology</div>
 +
            </li>
  
        <li class="devsite-footer-promo">
+
            <li class="devsite-footer-promo">
            <a href="http://www.synbiowiki.com"
+
                <a href="https://www.youtube.com/channel/UCefEYVCVqKJLmoJrSxivgZQ"
              class="devsite-footer-promo-title gc-analytics-event"
+
                  class="devsite-footer-promo-title gc-analytics-event"
              data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo">
+
                  data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo">
                <img class="devsite-footer-promo-icon" src="https://static.igem.org/mediawiki/2017/b/bf/Peking_SynBioWiki.svg">
+
                    <img class="devsite-footer-promo-icon"
                SynBioWiki
+
                        src="https://static.igem.org/mediawiki/2017/3/30/Peking_Youtube.svg">
            </a>
+
                    Videos
            <div class="devsite-footer-promo-description">The encyclopedia of synthetic biology</div>
+
                </a>
        </li>
+
                <div class="devsite-footer-promo-description">Check out the Peking iGEM 2017 team&#39;s videos</div>
 
+
            </li>
         <li class="devsite-footer-promo">
+
         </ul>
            <a href="https://www.youtube.com/channel/UCefEYVCVqKJLmoJrSxivgZQ"
+
    </nav>
              class="devsite-footer-promo-title gc-analytics-event"
+
</footer>
              data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo">
+
<footer class="devsite-footer-linkboxes nocontent">
                <img class="devsite-footer-promo-icon" src="https://static.igem.org/mediawiki/2017/3/30/Peking_Youtube.svg">
+
    <nav class="devsite-full-site-width">
                 Videos
+
        <ul class="devsite-footer-linkboxes-list">
            </a>
+
            <li class="devsite-footer-linkbox ">
            <div class="devsite-footer-promo-description">Check out the Peking iGEM 2017 team&#39;s videos</div>
+
                 <h3 class="devsite-footer-linkbox-heading"><strong>Supervisors</strong></h3>
        </li>
+
                <ul class="devsite-footer-linkbox-list">
    </ul>
+
                    <li class="devsite-footer-linkbox-item">
</nav>
+
                        <a href="https://github.com/google/WebFundamentals/issues" class="gc-analytics-event"
 
+
                          data-category="Site-Wide Custom Events"
 
+
                          data-label="Content Page Footer Linkbox">
    <div style="background-color: #263238;width: 100%">
+
                        </a>
 
+
                     </li>
        <nav class="devsite-full-site-width">
+
                    <li><a href="http://dean.pku.edu.cn/pkudean/"><img
            <ul class="devsite-footer-promos-list">
+
                            src="https://static.igem.org/mediawiki/2017/9/99/Peking_footer_logo_admin.png" height="50"/></a>
                <li class="devsite-footer-promo1" >
+
                    </li>
                     <a href="http://dean.pku.edu.cn/pkudean/"><img src="https://static.igem.org/mediawiki/2017/9/99/Peking_footer_logo_admin.png" height = "50"/></a>
+
                    <li><a href="http://www.bio.pku.edu.cn/en/"> <img
                </li>
+
                            src="https://static.igem.org/mediawiki/2017/a/ab/Peking_footer_logo_slslogo.png" height="50"/>
 
+
                    </a></li>
                <li class="devsite-footer-promo1">
+
                    <li><a href="http://cqb.pku.edu.cn/en/"> <img
                    <a href="http://www.bio.pku.edu.cn/en/"> <img src="https://static.igem.org/mediawiki/2017/a/ab/Peking_footer_logo_slslogo.png" height = "50"/> </a>
+
                            src="https://static.igem.org/mediawiki/2017/9/9a/Peking_footer_logo_cqb.png" height="50"/> </a>
                </li>
+
                    </li>
 
+
                 </ul>
                <li class="devsite-footer-promo1">
+
            </li>
                    <a href="http://www.bio.pku.edu.cn/en/"> <img src="https://static.igem.org/mediawiki/2017/9/9a/Peking_footer_logo_cqb.png" height = "50"/> </a>
+
             <li class="devsite-footer-linkbox ">
                 </li>
+
                <h3 class="devsite-footer-linkbox-heading"><Strong>Sponsors</Strong></h3>
             </ul>
+
                <ul class="devsite-footer-linkbox-list">
        </nav>
+
                    <li class="devsite-footer-linkbox-item">
        <ul class="devsite-footer-promos-list1">
+
                        <a href="https://developers.google.com/web/feedback/" class="gc-analytics-event"
 
+
                          data-category="Site-Wide Custom Events"
            <a href="mailto:PekingIGEM@gmail.com" class="gc-analytics-event"
+
                          data-label="Content Page Footer Linkbox">
              data-category="Site-Wide Custom Events"
+
                            Developer Feedback
              data-label="Footer Chrome Link">
+
                        </a>
                  
+
                    </li>
                 <br><font color="white"><strong>Mail:</strong>   PekingIGEM@gmail.com</font>
+
                    <li class="devsite-footer-linkbox-item">
            </a><br>
+
                        <a href="https://developers.chrome.com/extensions/api_index" class="gc-analytics-event"
            <a class="gc-analytics-event"
+
                          data-category="Site-Wide Custom Events"
              data-category="Site-Wide Custom Events"
+
                          data-label="Content Page Footer Linkbox">
              data-label="Footer Chrome Link">
+
                            Chrome Extension Docs
                <font color="white"><strong>Address:</strong>   Peking University, No.5 Yiheyuan Road Haidian District, Beijing, P.R.China 100871</font>
+
                        </a>
             </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">
 +
                            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">
 +
                            Peking University,<br>
 +
                            No.5 Yiheyuan Road Haidian District,<br>
 +
                            Beijing, P.R.China 100871</a>
 +
                    </li>
 +
                </ul>
 +
             </li>
 
         </ul>
 
         </ul>
     </div>
+
     </nav>
 
</footer>
 
</footer>
 
</body>
 
</body>
</html>
+
</HTML>

Revision as of 07:57, 7 October 2017

PekingFooter