(46 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
− | |||
− | + | <style> | |
− | + | ||
− | + | .fa-fw{ | |
+ | padding-left: 11px; | ||
+ | } | ||
+ | a:visited{ | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | .navbar { | ||
+ | border: 0; | ||
+ | } | ||
+ | @navbar-default-border:none; | ||
+ | |||
+ | /* delete unnecessary things on page */ | ||
+ | #top_title{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #sideMenu{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #content{ | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | line-height:1; | ||
+ | width:100%; | ||
+ | display:block; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | #top_menu_14{ | ||
+ | height:1em; | ||
+ | } | ||
+ | |||
+ | #top_menu_inside ul{ | ||
+ | line-height:1.5em; | ||
+ | } | ||
+ | |||
+ | #HQ_page p{ | ||
+ | font-family: inherit; | ||
+ | font-size: 20px; | ||
+ | |||
+ | line-height: 1.5; | ||
+ | } | ||
+ | |||
+ | footer { | ||
+ | color: white; | ||
+ | } | ||
+ | footer h3 { | ||
+ | margin-bottom: 15px; | ||
+ | } | ||
+ | footer .footer-above { | ||
+ | padding-top: 12px; | ||
+ | background-color: #2C3E50; | ||
+ | } | ||
+ | footer .footer-col { | ||
+ | margin-bottom: 25px; | ||
+ | } | ||
+ | footer .footer-below { | ||
+ | padding: 6px 0; | ||
+ | background-color: #233140; | ||
+ | } | ||
+ | |||
+ | |||
+ | .btn-outline { | ||
+ | color: white; | ||
+ | font-size: 20px; | ||
+ | border: solid 2px white; | ||
+ | background: transparent; | ||
+ | transition: all 0.3s ease-in-out; | ||
+ | margin-top: 15px; | ||
+ | } | ||
+ | .btn-outline:hover, | ||
+ | .btn-outline:focus, | ||
+ | .btn-outline:active, | ||
+ | .btn-outline.active { | ||
+ | color: #18BC9C; | ||
+ | background: white; | ||
+ | border: solid 2px white; | ||
+ | } | ||
+ | |||
+ | |||
+ | .btn-social { | ||
+ | display: inline-block; | ||
+ | height: 50px; | ||
+ | width: 50px; | ||
+ | border: 2px solid white; | ||
+ | border-radius: 100%; | ||
+ | font-size: 20px; | ||
+ | line-height: 45px; | ||
+ | text-align: left; | ||
+ | padding-right: 11px; | ||
+ | |||
+ | } | ||
+ | .btn:focus, | ||
+ | .btn:active, | ||
+ | .btn.active { | ||
+ | outline: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | .btn-square { | ||
+ | border: 2px solid white; | ||
+ | color: #ffffff; | ||
+ | background-color: transparent; | ||
+ | border-color: #fff; | ||
+ | margin: 5px auto; | ||
+ | padding: 5px 5px; | ||
+ | transition: all 0.3s ease-in-out; | ||
+ | |||
+ | } | ||
+ | .btn-square:hover, .btn-square:focus, .btn-square:active, .btn-square.active, .open.dropdown-toggle.btn-square{ | ||
+ | color: #18BC9C; | ||
+ | background-color: transparent; | ||
+ | border-color: #fff; | ||
+ | } | ||
+ | .btn-square:active, .btn-square.active, .open .dropdown-toggle.btn-square { | ||
+ | background-image: none; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <head> | ||
<link href="https://2016.igem.org/Team:XJTLU-CHINA/css/main?action=raw&ctype=text/css" rel="stylesheet"> | <link href="https://2016.igem.org/Team:XJTLU-CHINA/css/main?action=raw&ctype=text/css" rel="stylesheet"> | ||
<link href="https://2016.igem.org/Team:XJTLU-CHINA/css/bootstrap?action=raw&ctype=text/css" rel="stylesheet"> | <link href="https://2016.igem.org/Team:XJTLU-CHINA/css/bootstrap?action=raw&ctype=text/css" rel="stylesheet"> | ||
<link rel="stylesheet" href="https://2016.igem.org/Team:XJTLU-CHINA/css/font-awesome?action=raw&ctype=text/css"> | <link rel="stylesheet" href="https://2016.igem.org/Team:XJTLU-CHINA/css/font-awesome?action=raw&ctype=text/css"> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css"> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css"> | ||
</head> | </head> | ||
<body> | <body> | ||
− | + | ||
+ | |||
+ | <!-- Footer --> | ||
<footer class="text-center"> | <footer class="text-center"> | ||
<div class="footer-above"> | <div class="footer-above"> | ||
<div class="container-fluid"> | <div class="container-fluid"> | ||
<div class="row"> | <div class="row"> | ||
− | <div class="footer-col col- | + | <div class="footer-col col-4"> |
− | <h3> | + | <h3>Location</h3> |
− | < | + | <p style="text-align: center;">Rm 363, Science Building<br> |
− | + | Xi'an Jiaotong-Liverpool University <br> | |
− | + | 111 Ren'ai Road, Suzhou,China<br>215123 | |
− | + | </p> | |
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
+ | <div class="footer-col col-4"> | ||
+ | <h3>Around the Web</h3> | ||
+ | <ul class="list-inline"> | ||
+ | <li> | ||
+ | <a href="https://www.facebook.com/2016igemxjtlu/" class="btn-social btn-outline"><i class="fa fa-fw fa-facebook" ></i></a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://twitter.com/xjtlu_igem" class="btn-social btn-outline"><i class="fa fa-fw fa-twitter" ></i></a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://weibo.com/xjtlu" class="btn-social btn-outline"><i class="fa fa-fw fa-weibo" ></i></a> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
− | + | <a href="https://2015.igem.org/Team:XJTLU-CHINA/Team" class="btn-square">Last Year Project</a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | + | <div class="footer-col col-4"> | |
− | + | <h3>About XJTLU-CHINA</h3> | |
− | + | <p style="text-align: center;">XJTLU-CHINA igem is sponsored by<br> Synbio, XJTLU, Snapgene, NEB</p><br> | |
− | + | <a href="2016.igem.org/Team:XJTLU-CHINA/Sponsors" class="btn-square">Learn More</a> | |
− | <div class="footer-col col- | + | |
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | + | </div> | |
</div> | </div> | ||
</div> | </div> | ||
<div class="footer-below"> | <div class="footer-below"> | ||
− | <div class="container | + | <div class="container"> |
− | + | <div class="row"> | |
− | <div class="col | + | <div class="col-12"> |
− | XJTLU-CHINA | + | XJTLU-CHINA igem 2016 |
</div> | </div> | ||
− | |||
− | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</footer> | </footer> | ||
− | |||
Line 83: | Line 191: | ||
<script src="https://2016.igem.org/Team:XJTLU-CHINA/js/bs?action=raw&ctype=text/javascript"></script> | <script src="https://2016.igem.org/Team:XJTLU-CHINA/js/bs?action=raw&ctype=text/javascript"></script> | ||
<script src="https://2016.igem.org/Team:XJTLU-CHINA/js/bootstrap?action=raw&ctype=text/javascript"></script> | <script src="https://2016.igem.org/Team:XJTLU-CHINA/js/bootstrap?action=raw&ctype=text/javascript"></script> | ||
− | |||
</body> | </body> |
Latest revision as of 03:20, 20 October 2016