|
|
| (52 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| − | <!DOCTYPE html>
| |
| − | <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>UI Indonesia Modeling</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;
| |
| − | }
| |
| − |
| |
| − | @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>
| |
| − | </head>
| |
| − | <body>
| |
| − | <div class="container">
| |
| − | <nav 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>
| |
| − | </nav>
| |
| − | </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>
| |
| − | <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>
| |
