Difference between revisions of "Team:UI Indonesia/Modeling"

(Fran : hapus template)
(fran : template test)
Line 1: Line 1:
 +
<html lang="en">
 +
<head>
 +
<meta charset="UTF-8">
 +
<meta name="description" content="Arcade - Architecture Template">
 +
<meta name="keywords" content="arcade, architecture, onepage, creative, html">
 +
<meta name="viewport" content="width=device-width, initial-scale=1.0">
  
 +
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
 +
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
 +
 +
    <title>NAMA WEB LU NANTI</title>
 +
 +
    <style>
 +
        body {
 +
            background-color: powderblue;
 +
        }
 +
       
 +
        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>
 +
    <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>
 +
<body>
 +
    <div class="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 &amp; 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 &copy; 2015</p>
 +
            </div>
 +
 +
        </footer>
 +
    </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>
 +
</html>

Revision as of 10:10, 23 June 2018

NAMA WEB LU NANTI

UI Indonesia