Difference between revisions of "Template:Peking/footer"

 
(23 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{Peking/include}}
+
 
<HTML long="en">
+
<html>
 
<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 {
+
#sideMenu, #top_title {display:none;}
            display: none;
+
#globalWsection {
 +
    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
 
         }
 
         }
  
         #content {
+
 
             padding: 0px;
+
 
             width: 100%;
+
         :link, :visited {
             margin-top: -7px;
+
             color: #039be5;
            margin-left: 0%;, margin-right: 0 %
+
             outline: 0;
 +
             text-decoration: none
 
         }
 
         }
  
         #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
+
         a:focus {
             margin-bottom: 0px;
+
             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>PekingFooter</title>
+
<title>Team:Peking</title>
 
+
 
<body>
 
<body>
<br><br><br><br><br>
+
<footer class="devsite-footer-promos nocontent"><nav class="devsite-full-site-width">
<footer class="devsite-footer-promos nocontent">
+
<br>
    <nav class="devsite-full-site-width">
+
<br>
        <ul class="devsite-footer-promos-list">
+
    <ul class="devsite-footer-promos-list">
            <li class="devsite-footer-promo">
+
        <li class="devsite-footer-promo">
                <a href="https://github.com/PekingiGEM2017"
+
            <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/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>
  
                    <font color="black"> GitHub </font>
+
        <li class="devsite-footer-promo">
                 </a>
+
            <a href="https://www.facebook.com/pekingigem"
                 <div class="devsite-footer-promo-description">Fork our API code samples and other open-source
+
              class="devsite-footer-promo-title gc-analytics-event"
                    projects.
+
              data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo">
                </div>
+
                 <img class="devsite-footer-promo-icon" src="https://static.igem.org/mediawiki/2017/b/b8/Peking_Facebook.svg">
            </li>
+
                 Facebook
 +
            </a>
 +
            <div class="devsite-footer-promo-description">The latest news on our projects</div>
 +
        </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"
+
                <img class="devsite-footer-promo-icon" src="https://static.igem.org/mediawiki/2017/6/6b/Peking_Twitter.svg">
                        src="https://static.igem.org/mediawiki/2017/2/2e/https://static.igem.org/mediawiki/2017/b/b8/Peking_Facebook.svg">
+
                Twitter
                    Facebook
+
            </a>
                </a>
+
            <div class="devsite-footer-promo-description">Connect with @PekingIGEM on Twitter</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://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"
+
                <img class="devsite-footer-promo-icon" src="https://static.igem.org/mediawiki/2017/b/bf/Peking_SynBioWiki.svg">
                        src="https://static.igem.org/mediawiki/2017/6/6b/Peking_Twitter.svg">
+
                 SynBioWiki
                    Twitter
+
            </a>
                 </a>
+
            <div class="devsite-footer-promo-description">The encyclopedia of synthetic biology</div>
                <div class="devsite-footer-promo-description">Connect with @PekingIGEM on Twitter</div>
+
        </li>
            </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"
+
                <img class="devsite-footer-promo-icon" src="https://static.igem.org/mediawiki/2017/3/30/Peking_Youtube.svg">
                        src="https://static.igem.org/mediawiki/2017/a/a4/Peking_footer_logo_wikipedia.png">
+
                Videos
                    SynBioWiki
+
            </a>
                </a>
+
            <div class="devsite-footer-promo-description">Check out the Peking iGEM 2017 team&#39;s videos</div>
                <div class="devsite-footer-promo-description">The encyclopedia of synthetic biology</div>
+
        </li>
             </li>
+
    </ul>
 +
</nav>
 +
<br><br>
 +
    <div style="background-color: #263238;width: 100%">
 +
<br><br>
 +
        <nav class="devsite-full-site-width">
 +
             <ul class="devsite-footer-promos-list">
 +
                <li class="devsite-footer-promo1" >
 +
                    <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>
  
            <li class="devsite-footer-promo">
+
                <li class="devsite-footer-promo1">
                <a href="https://www.youtube.com/channel/UCefEYVCVqKJLmoJrSxivgZQ"
+
                    <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>
                  class="devsite-footer-promo-title gc-analytics-event"
+
                </li>
                  data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo">
+
 
                    <img class="devsite-footer-promo-icon"
+
                <li class="devsite-footer-promo1">
                        src="https://static.igem.org/mediawiki/2017/3/30/Peking_Youtube.svg">
+
                    <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>
                    Videos
+
                </li>
                </a>
+
            </ul>
                <div class="devsite-footer-promo-description">Check out the Peking iGEM 2017 team&#39;s videos</div>
+
        </nav>
             </li>
+
        <ul class="devsite-footer-promos-list1">
 +
 
 +
            <a class="gc-analytics-event"
 +
              data-category="Site-Wide Custom Events"
 +
              data-label="Footer Chrome Link">
 +
               
 +
                <font color="white">Address:Peking University, No.5 Yiheyuan Road Haidian District, Beijing, P.R.China 100871</font>
 +
            </a><br>
 +
            <a href="mailto:PekingIGEM@gmail.com" class="gc-analytics-event"
 +
              data-category="Site-Wide Custom Events"
 +
              data-label="Footer Chrome Link">
 +
                <font color="white">Mail:PekingIGEM@gmail.com</font>
 +
             </a>
 
         </ul>
 
         </ul>
    </nav>
+
<br><br>
</footer>
+
     </div>
<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="https://static.igem.org/mediawiki/2017/9/99/Peking_footer_logo_admin.png" height="50"/></a>
+
                    </li>
+
                    <li><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></li>
+
                    <li><a href="http://cqb.pku.edu.cn/en/"> <img
+
                            src="https://static.igem.org/mediawiki/2017/9/9a/Peking_footer_logo_cqb.png" height="50"/> </a>
+
                    </li>
+
                </ul>
+
            </li>
+
            <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">
+
                            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>
+
     </nav>
+
 
</footer>
 
</footer>
 +
 
</body>
 
</body>
</HTML>
+
</html>

Latest revision as of 15:55, 1 November 2017

Team:Peking