Difference between revisions of "Template:TecCEM/Header"

 
(37 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<link href="https://2018.igem.org/Template:TecCEM/CSSvendor?action=raw&ctype=text/css" rel="stylesheet" />
 
<link href="https://2018.igem.org/Template:TecCEM/CSSvendor?action=raw&ctype=text/css" rel="stylesheet" />
−
<link href="css/main.css" rel="stylesheet">
+
<link href="https://2018.igem.org/Template:TecCEM/Style?action=raw&ctype=text/css" rel="stylesheet">
−
<stlye>
+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/brands.css" integrity="sha384-Px1uYmw7+bCkOsNAiAV5nxGKJ0Ixn5nChyW8lCK1Li1ic9nbO5pC/iXaq27X5ENt"
−
html {
+
    crossorigin="anonymous">
−
  position: relative;
+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/fontawesome.css" integrity="sha384-BzCy2fixOYd0HObpx3GMefNqdbA7Qjcc91RgYeDjrHTIEXqiF00jKvgQG0+zY/7I"
−
  min-height: 100%;
+
    crossorigin="anonymous">
−
}
+
<style>
−
body {
+
    html {
−
  margin-bottom: 60px; /* Margin bottom by footer height */
+
        position: relative;
−
}
+
        min-height: 100%;
−
.footer {
+
    }
−
  position: absolute;
+
    .footer {
−
  bottom: 0;
+
        position: relative;
−
  width: 100%;
+
        bottom: -20px;
−
  height: 60px; /* Set the fixed height of the footer here */
+
        width: 100%;
−
  line-height: 60px; /* Vertically center the text there */
+
        height: 60px;
−
  background-color: #f5f5f5;
+
        /* Set the fixed height of the footer here */
−
}
+
        line-height: 60px;
 +
        /* Vertically center the text there */
 +
        background-color: #f5f5f5;
 +
    }
  
 +
    #globalWrapper {
 +
        padding-bottom: 0px !important;
 +
    }
  
−
/* Custom page CSS
+
</style>
−
-------------------------------------------------- */
+
−
/* Not required for template or sticky footer method. */
+
  
−
.container {
 
−
  width: auto;
 
−
  max-width: 680px;
 
−
  padding: 0 15px;
 
−
}
 
−
</stlye>
 
 
<head>
 
<head>
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
</head>
 
</head>
 +
<nav class="navbar navbar-expand-lg sticky-top navbar-light" id="navbarContainer">
 +
    <a class="navbar-brand" href="https://2018.igem.org/Team:TecCEM">
 +
        <img src="https://static.igem.org/mediawiki/2018/3/3f/T--TecCEM--TecTissue.png" alt="Tec Tissue Logo" height="50px"
 +
            width="auto">
 +
    </a>
 +
    <a class="navbar-brand" href="https://2018.igem.org/Team:TecCEM">
 +
        <img src="https://static.igem.org/mediawiki/2018/5/54/T--TecCEM--TeamLogo.png" alt="Tec Tissue Logo" height="50px"
 +
            width="auto">
 +
    </a>
 +
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTecCEM" aria-controls="navbarTecCEM"
 +
        aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
 +
    <div class="collapse navbar-collapse" id="navbarTecCEM">
 +
        <ul class="navbar-nav nav-fill w-75 ml-auto">
 +
            <li class="nav-item">
 +
                <a class="nav-link" href="https://2018.igem.org/Team:TecCEM">Home </a>
 +
            </li>
 +
            <li class="nav-item dropdown">
 +
                <a class="nav-link dropdown-toggle" href="#" id="dropdownNavbarProject" role="button" data-toggle="dropdown"
 +
                    aria-haspopup="true" aria-expanded="false">Project</a>
 +
                <div class="dropdown-menu" aria-labelledby="dropdownNavbarProject">
 +
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Description">Description</a>
 +
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Design">Design</a>
 +
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Results">Results</a>
 +
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Experiments">Experiments</a>
 +
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Hardware">Hardware</a>
 +
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Software">Software</a>
 +
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/InterLab">InterLab</a>
 +
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Model">Model</a>
 +
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Demonstrate">Demonstrate</a>
 +
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Improve">Improve</a>
 +
                </div>
 +
            </li>
 +
            <li class="nav-item dropdown">
 +
                <a class="nav-link dropdown-toggle" href="#" id="dropdownNavbarParts" role="button" data-toggle="dropdown"
 +
                    aria-haspopup="true" aria-expanded="false">Parts</a>
 +
                <div class="dropdown-menu" aria-labelledby="dropdownNavbarParts">
 +
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Parts">Parts</a>
 +
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Basic_Part">Basic Part</a>
 +
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Composite_Part">Composite
 +
                        Part</a>
 +
                </div>
 +
            </li>
 +
            <li class="nav-item dropdown">
 +
                <a class="nav-link dropdown-toggle" href="#" id="dropdownNavbarHP" role="button" data-toggle="dropdown"
 +
                    aria-haspopup="true" aria-expanded="false">Human Practices</a>
 +
                <div class="dropdown-menu" aria-labelledby="dropdownNavbarHP">
 +
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Human_Practices">Human Practices</a>
 +
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Public_Engagement">Public
 +
                        Engagement</a>
 +
                </div>
 +
            </li>
 +
            <li class="nav-item">
 +
                <a class="nav-link" href="https://2018.igem.org/Team:TecCEM/Notebook">Notebook</a>
 +
            </li>
 +
            <li class="nav-item dropdown">
 +
                <a class="nav-link dropdown-toggle" href="#" id="dropdownNavbarTeam" role="button" data-toggle="dropdown"
 +
                    aria-haspopup="true" aria-expanded="false">Team</a>
 +
                <div class="dropdown-menu" aria-labelledby="dropdownNavbarTeam">
 +
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Team">Team Members</a>
 +
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Collaborations">Collaborations</a>
 +
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Attributions">Attributions</a>
 +
                </div>
 +
            </li>
 +
            <li class="nav-item">
 +
                <a class="nav-link" href="https://2018.igem.org/Team:TecCEM/Safety">Safety</a>
 +
            </li>
 +
            <li class="nav-item dropdown">
 +
                <a class="nav-link dropdown-toggle" href="#" id="dropdownNavbarAwards" role="button" data-toggle="dropdown"
 +
                    aria-haspopup="true" aria-expanded="false">Awards</a>
 +
                <div class="dropdown-menu" aria-labelledby="dropdownNavbarAwards">
 +
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Hardware">Hardware</a>
 +
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Software">Software</a>
 +
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Measurement">Measurement</a>
 +
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Model">Model</a>
 +
                </div>
 +
            </li>
 +
        </ul>
 +
    </div>
 +
</nav>
 +
 
</html>
 
</html>

Latest revision as of 00:30, 18 October 2018