Difference between revisions of "Template:Peking/footer"

 
(45 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
<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>
−
         #view-source
+
#sideMenu, #top_title {display:none;}
−
         {
+
#globalWsection {
−
             position: fixed;
+
    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
 +
        }
 +
 
 +
 
 +
 
 +
        :link, :visited {
 +
            color: #039be5;
 +
            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;
 
             display: block;
−
             right: 0;
+
             font-size: 48px;
−
             bottom: 0;
+
             height: 48px;
−
             margin-right: 40px;
+
             margin: 0 auto 8px;
−
             margin-bottom: 40px;
+
             width: 48px
−
            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">               
+
        .devsite-footer-promo-title {
−
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Peking/mdl/stylecss?action=raw&ctype=text/css"> 
+
            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
 +
        }
  
−
<script type="text/javascript" src="https://2017.igem.org/Template:Peking/mdl/materialminjs?
+
        .devsite-footer-linkboxes > .devsite-full-site-width {
−
action=raw&ctype=text/javascript"></script> 
+
            max-width: 1432px
−
<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?
+
        .devsite-footer-linkbox-item a {
−
action=raw&ctype=text/javascript"></script>
+
            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>
 +
</head>
 +
<title>Team:Peking</title>
 
<body>
 
<body>
−
        <footer class="devsite-footer-promos nocontent"><nav class="devsite-full-site-width">
+
<footer class="devsite-footer-promos nocontent"><nav class="devsite-full-site-width">
−
            <ul class="devsite-footer-promos-list">
+
<br>
−
                <li class="devsite-footer-promo">
+
<br>
−
                    <a href="https://github.com/PekingiGEM2017"
+
    <ul class="devsite-footer-promos-list">
−
                                                    class="devsite-footer-promo-title gc-analytics-event"
+
        <li class="devsite-footer-promo">
−
                                                    data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo">
+
            <a href="https://github.com/PekingiGEM2017"
−
                        <img class="devsite-footer-promo-icon" src="https://static.igem.org/mediawiki/2017/a/a8/Peking_footer_logo_github.png">
+
              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>
  
−
                        GitHub
+
        <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 projects.</div>
+
              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" src="https://static.igem.org/mediawiki/2017/b/b8/Peking_Facebook.svg">
 +
                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" src="https://static.igem.org/mediawiki/2017/2/2e/Peking_footer_logo_facebook.png">
+
                <img class="devsite-footer-promo-icon" src="https://static.igem.org/mediawiki/2017/6/6b/Peking_Twitter.svg">
−
                        Facebook
+
                Twitter
−
                    </a>
+
            </a>
−
                    <div class="devsite-footer-promo-description">The latest news on our projects</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="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/7/73/Peking_footer_logo_twitter.png">
+
                 <img class="devsite-footer-promo-icon" src="https://static.igem.org/mediawiki/2017/b/bf/Peking_SynBioWiki.svg">
−
                        Twitter
+
                SynBioWiki
−
                    </a>
+
            </a>
−
                    <div class="devsite-footer-promo-description">Connect with @PekingIGEM on Twitter</div>
+
            <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="https://static.igem.org/mediawiki/2017/3/30/Peking_Youtube.svg">
 +
                Videos
 +
            </a>
 +
            <div class="devsite-footer-promo-description">Check out the Peking iGEM 2017 team&#39;s videos</div>
 +
        </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>
  
−
                 <li class="devsite-footer-promo">
+
                 <li class="devsite-footer-promo1">
−
                     <a href="http://www.synbiowiki.com"
+
                     <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"
+
−
                                                    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/a/a4/Peking_footer_logo_wikipedia.png">
+
−
                        SynBioWiki
+
−
                    </a>
+
−
                    <div class="devsite-footer-promo-description">The encyclopedia of synthetic biology</div>
+
 
                 </li>
 
                 </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/9/9a/Peking_footer_logo_cqb.png" height = "50"/> </a>
−
                                                    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/c/ce/Peking_footer_logo_youtube.png">
+
−
                        Videos
+
−
                    </a>
+
−
                    <div class="devsite-footer-promo-description">Check out the Peking iGEM 2017 team&#39;s videos</div>
+
 
                 </li>
 
                 </li>
 
             </ul>
 
             </ul>
 
         </nav>
 
         </nav>
−
         </footer>
+
         <ul class="devsite-footer-promos-list1">
−
        <footer class="devsite-footer-linkboxes nocontent">
+
 
−
            <nav class="devsite-full-site-width">
+
            <a class="gc-analytics-event"
−
                <ul class="devsite-footer-linkboxes-list">
+
              data-category="Site-Wide Custom Events"
−
                    <li class="devsite-footer-linkbox ">
+
              data-label="Footer Chrome Link">
−
                        <h3 class="devsite-footer-linkbox-heading"><strong>Supervisors</strong></h3>
+
               
−
                        <ul class="devsite-footer-linkbox-list">
+
                 <font color="white">Address:Peking University, No.5 Yiheyuan Road Haidian District, Beijing, P.R.China 100871</font>
−
                            <li class="devsite-footer-linkbox-item">
+
            </a><br>
−
                                <a href="https://github.com/google/WebFundamentals/issues" class="gc-analytics-event"
+
            <a href="mailto:PekingIGEM@gmail.com" 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">
−
                                </a>
+
                <font color="white">Mail:PekingIGEM@gmail.com</font>
−
                            </li>
+
            </a>
−
                            <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>
+
        </ul>
−
                            <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>
+
<br><br>
−
                            <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>
+
    </div>
−
                        </ul>
+
</footer>
−
                    <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>
 
</body>
−
</HTML>
+
</html>

Latest revision as of 15:55, 1 November 2017

Team:Peking