|
|
| Line 1: |
Line 1: |
| − | <!DOCTYPE html>
| |
| | <html lang="en"> | | <html lang="en"> |
| | <head> | | <head> |
| Line 10: |
Line 9: |
| | | | |
| | <style> | | <style> |
| − | .begron { | + | .bg { |
| | background: url(https://static.igem.org/mediawiki/2018/f/f7/T--UI_Indonesia--bulb.png) repeat center center; | | background: url(https://static.igem.org/mediawiki/2018/f/f7/T--UI_Indonesia--bulb.png) repeat center center; |
| − | z-index: 1; | + | z-index: 100; |
| − | | + | |
| − | }
| + | |
| − |
| + | |
| − | .nav {
| + | |
| | display: block; | | display: block; |
| − | height: 10vh; | + | height: 100vh; |
| | width: 100vw; | | width: 100vw; |
| | } | | } |
| − |
| |
| − | footer{
| |
| − | position: fixed;
| |
| − | bottom: 0;
| |
| − | }
| |
| − |
| |
| − | .footer-distributed{
| |
| − | background-color: #292c2f;
| |
| − | box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
| |
| − | box-sizing: border-box;
| |
| − | width: 100%;
| |
| − | text-align: left;
| |
| − | font: normal 16px sans-serif;
| |
| − |
| |
| − | padding: 45px 50px;
| |
| − | margin-top: 80px;
| |
| − | }
| |
| − |
| |
| − | .footer-distributed .footer-left p{
| |
| − | color: #8f9296;
| |
| − | font-size: 14px;
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | /* Footer links */
| |
| − |
| |
| − | .footer-distributed p.footer-links{
| |
| − | font-size:18px;
| |
| − | font-weight: bold;
| |
| − | color: #ffffff;
| |
| − | margin: 0 0 10px;
| |
| − | padding: 0;
| |
| − | }
| |
| − |
| |
| − | .footer-distributed p.footer-links a{
| |
| − | display:inline-block;
| |
| − | line-height: 1.8;
| |
| − | text-decoration: none;
| |
| − | color: inherit;
| |
| − | }
| |
| − |
| |
| − | .footer-distributed .footer-right{
| |
| − | float: right;
| |
| − | margin-top: 6px;
| |
| − | max-width: 180px;
| |
| − | }
| |
| − |
| |
| − | .footer-distributed .footer-right a{
| |
| − | display: inline-block;
| |
| − | width: 35px;
| |
| − | height: 35px;
| |
| − | background-color: #33383b;
| |
| − | border-radius: 2px;
| |
| − |
| |
| − | font-size: 20px;
| |
| − | color: #ffffff;
| |
| − | text-align: center;
| |
| − | line-height: 35px;
| |
| − |
| |
| − | margin-left: 3px;
| |
| − | }
| |
| − |
| |
| − | .container {
| |
| − | position : absolute;
| |
| − | top: 0;
| |
| − | left: 0;
| |
| − | }
| |
| − | @media (max-height:800px){
| |
| − | footer {
| |
| − | position: static;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @media (max-width: 600px) {
| |
| − | .footer-distributed .footer-left,
| |
| − | .footer-distributed .footer-right{
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | .footer-distributed .footer-right{
| |
| − | float: none;
| |
| − | margin: 0 auto 20px;
| |
| − | }
| |
| − |
| |
| − | .footer-distributed .footer-left p.footer-links{
| |
| − | line-height: 1.8;
| |
| − | }
| |
| − | }
| |
| − | /* ADDING YOUR STYLING HERE */
| |
| | </style> | | </style> |
| − | <script>
| |
| − | if(window.mw){
| |
| − | mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Team:UI_Indonesia/Team","wgTitle":"Team:UI Indonesia/Team","wgCurRevisionId":9475,"wgRevisionId":9475,"wgArticleId":5537,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":"Edwinlawisan","wgUserGroups":["*","user","autoconfirmed"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Team:UI_Indonesia/Team","wgUserId":3109,"wgUserEditCount":10,"wgUserRegistration":1528699516000,"wgUserNewMsgRevisionId":null,"wgIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgWikiEditorEnabledModules":{"toolbar":false,"dialogs":false,"hidesig":true,"preview":false,"previewDialog":false,"publish":false}});
| |
| − | }</script><script>if(window.mw){
| |
| − | mw.loader.implement("user.options",function($,jQuery){mw.user.options.set({"ccmeonemails":0,"cols":80,"date":"default","diffonly":0,"disablemail":0,"editfont":"default","editondblclick":0,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":1,"extendwatchlist":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nickname":"","norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"rcdays":7,"rclimit":50,"rows":25,"showhiddencats":0,"shownumberswatching":1,"showtoolbar":1,"skin":"igem","stubthreshold":0,"thumbsize":5,"underline":2,"uselivepreview":0,"usenewrc":1,"watchcreations":1,"watchdefault":1,"watchdeletion":0,"watchlistdays":3,"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"watchrollback":0,
| |
| − | "wllimit":250,"useeditwarning":1,"prefershttps":1,"language":"en","variant-gan":"gan","variant-iu":"iu","variant-kk":"kk","variant-ku":"ku","variant-shi":"shi","variant-sr":"sr","variant-tg":"tg","variant-uz":"uz","variant-zh":"zh","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});},{},{});mw.loader.implement("user.tokens",function($,jQuery){mw.user.tokens.set({"editToken":"7d3b9fc46617af6e980cc4ee555c12ec+\\","patrolToken":"c64837e44c32698d8c252370fed47632+\\","watchToken":"f901f2fcec3df083c451927b94f165e8+\\"});},{},{});
| |
| − | /* cache key: 2018_igem_org:resourceloader:filter:minify-js:7:89362f75276fc571907c766e39beade4 */
| |
| − | }</script>
| |
| − | <script>if(window.mw){
| |
| − | mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
| |
| − | }</script>
| |
| | </head> | | </head> |
| | <body> | | <body> |
| − | <div class="begron container"> | + | <div class = "bg"> |
| − | <div class="nav container">
| + | |
| − | <div class="navbar navbar-dark bg-dark">
| + | |
| − | <a class="navbar-brand" href="#">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2018/8/8b/HQ_page_logo.jpg" width="30" height="30" class="d-inline-block align-top" alt="">
| + | |
| − | UI Indonesia
| + | |
| − | </a>
| + | |
| − | <div class="collapse navbar-collapse" id="navbarNavDropdown">
| + | |
| − | <ul class="navbar-nav">
| + | |
| − | <li class="nav-item active">
| + | |
| − | <a class="nav-link" href="#">Home</a>
| + | |
| − | </li>
| + | |
| − | <li class="nav-item dropdown">
| + | |
| − | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
| + | |
| − | TEAM
| + | |
| − | </a>
| + | |
| − | <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
| + | |
| − | <a class="dropdown-item" href="#">Team Members</a>
| + | |
| − | <a class="dropdown-item" href="#">Collaborations</a>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li class="nav-item dropdown">
| + | |
| − | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
| + | |
| − | PROJECT
| + | |
| − | </a>
| + | |
| − | <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
| + | |
| − | <a class="dropdown-item" href="#">Description</a>
| + | |
| − | <a class="dropdown-item" href="#">Design</a>
| + | |
| − | <a class="dropdown-item" href="#">Experiments</a>
| + | |
| − | <a class="dropdown-item" href="#">Notebook</a>
| + | |
| − | <a class="dropdown-item" href="#">InterLab</a>
| + | |
| − | <a class="dropdown-item" href="#">Model</a>
| + | |
| − | <a class="dropdown-item" href="#">Results</a>
| + | |
| − | <a class="dropdown-item" href="#">Demonstrate</a>
| + | |
| − | <a class="dropdown-item" href="#">Improve</a>
| + | |
| − | <a class="dropdown-item" href="#">Attributions</a>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li class="nav-item dropdown">
| + | |
| − | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
| + | |
| − | PARTS
| + | |
| − | </a>
| + | |
| − | <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
| + | |
| − | <a class="dropdown-item" href="#">Parts Overview</a>
| + | |
| − | <a class="dropdown-item" href="#">Basic Parts</a>
| + | |
| − | <a class="dropdown-item" href="#">Composite Parts</a>
| + | |
| − | <a class="dropdown-item" href="#">Part Collection</a>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li class="nav-item">
| + | |
| − | <a class="nav-link" href="#">SAFETY</a>
| + | |
| − | </li>
| + | |
| − | <li class="nav-item dropdown">
| + | |
| − | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
| + | |
| − | HUMAN PRACTICES
| + | |
| − | </a>
| + | |
| − | <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
| + | |
| − | <a class="dropdown-item" href="#">Human Practices</a>
| + | |
| − | <a class="dropdown-item" href="#">Education & Engagement</a>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li class="nav-item dropdown">
| + | |
| − | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
| + | |
| − | AWARDS
| + | |
| − | </a>
| + | |
| − | <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
| + | |
| − | <a class="dropdown-item" href="#">Applied Design</a>
| + | |
| − | <a class="dropdown-item" href="#">Entrepreneurship</a>
| + | |
| − | <a class="dropdown-item" href="#">Hardware</a>
| + | |
| − | <a class="dropdown-item" href="#">Measurement</a>
| + | |
| − | <a class="dropdown-item" href="#">Model</a>
| + | |
| − | <a class="dropdown-item" href="#">Plant</a>
| + | |
| − | <a class="dropdown-item" href="#">Software</a>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li class="nav-item">
| + | |
| − | <a class="nav-link" href="#">JUDGING FORM</a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| | | | |
| − | <div class="container">
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <div class="container">
| |
| − | <footer class="footer-distributed">
| |
| − |
| |
| − | <div class="footer-right">
| |
| − |
| |
| − | <a href="#"><i class="fa fa-facebook"></i></a>
| |
| − | <a href="#"><i class="fa fa-twitter"></i></a>
| |
| − | <a href="#"><i class="fa fa-linkedin"></i></a>
| |
| − | <a href="#"><i class="fa fa-github"></i></a>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <div class="footer-left">
| |
| − |
| |
| − | <p class="footer-links">
| |
| − | <a href="#">Home</a>
| |
| − | ·
| |
| − | <a href="#">Blog</a>
| |
| − | ·
| |
| − | <a href="#">Pricing</a>
| |
| − | ·
| |
| − | <a href="#">About</a>
| |
| − | ·
| |
| − | <a href="#">Faq</a>
| |
| − | ·
| |
| − | <a href="#">Contact</a>
| |
| − | </p>
| |
| − |
| |
| − | <p>Company Name © 2015</p>
| |
| − | </div>
| |
| − |
| |
| − | </footer>
| |
| − | </div>
| |
| | </div> | | </div> |
| − | <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
| |
| − | <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
| |
| − | <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
| |
| | </body> | | </body> |
| | </html> | | </html> |
