"
Team:Penn/Project
From 2013.igem.org
(Difference between revisions)
m |
|||
| Line 5: | Line 5: | ||
<!-- Bootstrap --> | <!-- Bootstrap --> | ||
<link href="https://googledrive.com/host/0B4ZBZOYYKBzEeUFaR1lNWFZWMnc" rel="stylesheet" media="screen"> | <link href="https://googledrive.com/host/0B4ZBZOYYKBzEeUFaR1lNWFZWMnc" rel="stylesheet" media="screen"> | ||
| - | <link href="https://googledrive.com/host/0B4ZBZOYYKBzEYUtsRS1ZWHM2bTQ" type="text/css" rel="stylesheet"/> | + | <link href="https://googledrive.com/host/0B4ZBZOYYKBzEYUtsRS1ZWHM2bTQ" type="text/css" rel="stylesheet"/> |
| - | + | ||
| Line 112: | Line 111: | ||
| + | |||
| + | |||
| + | |||
| + | /* CUSTOMIZE THE NAVBAR | ||
| + | -------------------------------------------------- */ | ||
| + | |||
| + | /* Special class on .container surrounding .navbar, used for positioning it into place. */ | ||
| + | .navbar-wrapper { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | z-index: 10; | ||
| + | margin-top: 20px; | ||
| + | margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */ | ||
| + | } | ||
| + | .navbar-wrapper .navbar { | ||
| + | |||
| + | } | ||
| + | |||
| + | /* Remove border and change up box shadow for more contrast */ | ||
| + | .navbar .navbar-inner { | ||
| + | border: 0; | ||
| + | -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25); | ||
| + | -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25); | ||
| + | box-shadow: 0 2px 10px rgba(0,0,0,.25); | ||
| + | } | ||
| + | |||
| + | /* Downsize the brand/project name a bit */ | ||
| + | .navbar .brand { | ||
| + | padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */ | ||
| + | font-size: 16px; | ||
| + | font-weight: bold; | ||
| + | text-shadow: 0 -1px 0 rgba(0,0,0,.5); | ||
| + | } | ||
| + | |||
| + | /* Navbar links: increase padding for taller navbar */ | ||
| + | .navbar .nav > li > a { | ||
| + | padding: 15px 20px; | ||
| + | } | ||
| + | |||
| + | /* Offset the responsive button for proper vertical alignment */ | ||
| + | .navbar .btn-navbar { | ||
| + | margin-top: 10px; | ||
| + | } | ||
</style> | </style> | ||
</head> | </head> | ||
| Line 133: | Line 177: | ||
<div class="nav-collapse collapse"> | <div class="nav-collapse collapse"> | ||
<ul class="nav"> | <ul class="nav"> | ||
| - | <li><a href="https://2013.igem.org/Team:Penn">Home</a></li> | + | <li class="active"><a href="https://2013.igem.org/Team:Penn">Home</a></li> |
<!-- Read about Bootstrap dropdowns at http://twitter.github.com/bootstrap/javascript.html#dropdowns --> | <!-- Read about Bootstrap dropdowns at http://twitter.github.com/bootstrap/javascript.html#dropdowns --> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
| Line 147: | Line 191: | ||
</ul> | </ul> | ||
</li> | </li> | ||
| - | <li | + | <li><a href="https://2013.igem.org/Team:Penn/Project">Project</a></li> |
<li><a href="https://2013.igem.org/Team:Penn/HumanPractices">Human Practices</a></li> | <li><a href="https://2013.igem.org/Team:Penn/HumanPractices">Human Practices</a></li> | ||
<li><a href="https://2013.igem.org/Team:Penn/Outreach">Outreach</a></li> | <li><a href="https://2013.igem.org/Team:Penn/Outreach">Outreach</a></li> | ||
| Line 172: | Line 216: | ||
<div class="hero-unit"> | <div class="hero-unit"> | ||
| - | <h1> | + | <h1>Project</h1> |
<p><!--Tagline goes here--></p> | <p><!--Tagline goes here--></p> | ||
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit. | <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit. | ||
| + | <!--<a class="btn btn-primary btn-large"> | ||
| + | Learn more--> | ||
</a> | </a> | ||
</p> | </p> | ||
</div> | </div> | ||
</div> | </div> | ||
| + | |||
| + | |||
| + | <hr class="featurette-divider"> | ||
| + | |||
| + | <div class="featurette"> | ||
| + | <img class="featurette-image pull-right" src="../assets/img/examples/browser-icon-chrome.png"> | ||
| + | <h2 class="featurette-heading">Abstract <span class="muted"><!--tagline-->.</span></h2> | ||
| + | <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p> | ||
| + | </div> | ||
| + | |||
| + | <hr class="featurette-divider"> | ||
| + | |||
| + | <div class="featurette"> | ||
| + | <img class="featurette-image pull-right" src="../assets/img/examples/browser-icon-chrome.png"> | ||
| + | <h2 class="featurette-heading">Results <span class="muted"><!--tagline-->.</span></h2> | ||
| + | <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p> | ||
| + | </div> | ||
| + | |||
| + | <hr class="featurette-divider"> | ||
| + | |||
| + | <div class="featurette"> | ||
| + | <img class="featurette-image pull-right" src="../assets/img/examples/browser-icon-chrome.png"> | ||
| + | <h2 class="featurette-heading">Methods <span class="muted"><!--tagline-->.</span></h2> | ||
| + | <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p> | ||
| + | </div> | ||
| + | |||
| + | |||
</div> | </div> | ||
Revision as of 16:54, 9 July 2013
Project
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Abstract .
Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.
Results .
Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.
Methods .
Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.
