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

(fran : template edit)
(fran : template test)
Line 10: Line 10:
 
     <style>
 
     <style>
 
         .bg {
 
         .bg {
−
             position: absolute;
+
             position: fixed;
 
             top: 0;
 
             top: 0;
 
             left: 0;
 
             left: 0;
Line 19: Line 19:
 
             width: 100vw;
 
             width: 100vw;
 
         }
 
         }
−
         .nav{display:block;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}
+
         .nav{z-index: 1;
 +
            position: fixed;
 +
            top: 0;
 +
            left: 0;
 +
            height:10vh;
 +
            width : 100vw;
 +
            display:block;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}
  
  
Line 338: Line 344:
  
 
     </div>
 
     </div>
−
     <div class="navbar navbar-dark bg-dark">
+
     <div class = "nav">
−
        <a class="navbar-brand" href="#">
+
        <div class="navbar navbar-dark bg-dark">
−
        <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="">
+
            <a class="navbar-brand" href="#">
−
            UI Indonesia
+
            <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="">
−
        </a>
+
                UI Indonesia
−
        <div class="collapse navbar-collapse" id="navbarNavDropdown">
+
            </a>
−
        <ul class="navbar-nav">
+
            <div class="collapse navbar-collapse" id="navbarNavDropdown">
−
            <li class="nav-item active">
+
            <ul class="navbar-nav">
−
                <a class="nav-link" href="#">Home</a>
+
                <li class="nav-item active">
−
            </li>
+
                    <a class="nav-link" href="#">Home</a>
−
            <li class="nav-item dropdown">
+
                </li>
−
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
                <li class="nav-item dropdown">
−
                    TEAM
+
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
−
                </a>
+
                        TEAM
−
                <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+
                    </a>
−
                    <a class="dropdown-item" href="#">Team Members</a>
+
                    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
−
                    <a class="dropdown-item" href="#">Collaborations</a>
+
                        <a class="dropdown-item" href="#">Team Members</a>
−
                </div>
+
                        <a class="dropdown-item" href="#">Collaborations</a>
−
            </li>
+
                    </div>
−
            <li class="nav-item dropdown">
+
                </li>
−
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
                <li class="nav-item dropdown">
−
                PROJECT
+
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
−
                </a>
+
                    PROJECT
−
                <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+
                    </a>
−
                    <a class="dropdown-item" href="#">Description</a>
+
                    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
−
                    <a class="dropdown-item" href="#">Design</a>
+
                        <a class="dropdown-item" href="#">Description</a>
−
                    <a class="dropdown-item" href="#">Experiments</a>
+
                        <a class="dropdown-item" href="#">Design</a>
−
                    <a class="dropdown-item" href="#">Notebook</a>
+
                        <a class="dropdown-item" href="#">Experiments</a>
−
                    <a class="dropdown-item" href="#">InterLab</a>
+
                        <a class="dropdown-item" href="#">Notebook</a>
−
                    <a class="dropdown-item" href="#">Model</a>
+
                        <a class="dropdown-item" href="#">InterLab</a>
−
                    <a class="dropdown-item" href="#">Results</a>
+
                        <a class="dropdown-item" href="#">Model</a>
−
                    <a class="dropdown-item" href="#">Demonstrate</a>
+
                        <a class="dropdown-item" href="#">Results</a>
−
                    <a class="dropdown-item" href="#">Improve</a>
+
                        <a class="dropdown-item" href="#">Demonstrate</a>
−
                    <a class="dropdown-item" href="#">Attributions</a>
+
                        <a class="dropdown-item" href="#">Improve</a>
−
                </div>
+
                        <a class="dropdown-item" href="#">Attributions</a>
−
            </li>
+
                    </div>
−
            <li class="nav-item dropdown">
+
                </li>
−
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
                <li class="nav-item dropdown">
−
                    PARTS
+
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
−
                </a>
+
                        PARTS
−
                <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+
                    </a>
−
                    <a class="dropdown-item" href="#">Parts Overview</a>
+
                    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
−
                    <a class="dropdown-item" href="#">Basic Parts</a>
+
                        <a class="dropdown-item" href="#">Parts Overview</a>
−
                    <a class="dropdown-item" href="#">Composite Parts</a>
+
                        <a class="dropdown-item" href="#">Basic Parts</a>
−
                    <a class="dropdown-item" href="#">Part Collection</a>
+
                        <a class="dropdown-item" href="#">Composite Parts</a>
−
                </div>
+
                        <a class="dropdown-item" href="#">Part Collection</a>
−
            </li>
+
                    </div>
−
            <li class="nav-item">
+
                </li>
−
                <a class="nav-link" href="#">SAFETY</a>
+
                <li class="nav-item">
−
            </li>
+
                    <a class="nav-link" href="#">SAFETY</a>
−
            <li class="nav-item dropdown">
+
                </li>
−
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
                <li class="nav-item dropdown">
−
                    HUMAN PRACTICES
+
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
−
                </a>
+
                        HUMAN PRACTICES
−
                <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+
                    </a>
−
                    <a class="dropdown-item" href="#">Human Practices</a>
+
                    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
−
                    <a class="dropdown-item" href="#">Education &amp; Engagement</a>
+
                        <a class="dropdown-item" href="#">Human Practices</a>
−
                </div>
+
                        <a class="dropdown-item" href="#">Education &amp; Engagement</a>
−
            </li>
+
                    </div>
−
            <li class="nav-item dropdown">
+
                </li>
−
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
                <li class="nav-item dropdown">
−
                    AWARDS
+
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
−
                </a>
+
                        AWARDS
−
                <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+
                    </a>
−
                    <a class="dropdown-item" href="#">Applied Design</a>
+
                    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
−
                    <a class="dropdown-item" href="#">Entrepreneurship</a>
+
                        <a class="dropdown-item" href="#">Applied Design</a>
−
                    <a class="dropdown-item" href="#">Hardware</a>
+
                        <a class="dropdown-item" href="#">Entrepreneurship</a>
−
                    <a class="dropdown-item" href="#">Measurement</a>
+
                        <a class="dropdown-item" href="#">Hardware</a>
−
                    <a class="dropdown-item" href="#">Model</a>
+
                        <a class="dropdown-item" href="#">Measurement</a>
−
                    <a class="dropdown-item" href="#">Plant</a>
+
                        <a class="dropdown-item" href="#">Model</a>
−
                    <a class="dropdown-item" href="#">Software</a>
+
                        <a class="dropdown-item" href="#">Plant</a>
−
                </div>
+
                        <a class="dropdown-item" href="#">Software</a>
−
            </li>
+
                    </div>
−
            <li class="nav-item">
+
                </li>
−
                <a class="nav-link" href="#">JUDGING FORM</a>
+
                <li class="nav-item">
−
            </li>
+
                    <a class="nav-link" href="#">JUDGING FORM</a>
−
        </ul>
+
                </li>
 +
            </ul>
 
         </div>
 
         </div>
 +
    </div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 15:23, 23 June 2018

NAMA WEB LU NANTI

UI Indonesia