Team:TecMonterrey/test1
From 2013.igem.org
(Difference between revisions)
KingDavid2 (Talk | contribs) (Blanked the page) |
KingDavid2 (Talk | contribs) |
||
Line 1: | Line 1: | ||
+ | <html> | ||
+ | <style type="text/css"> | ||
+ | #top-section { | ||
+ | |||
+ | height: 100px; | ||
+ | border: none; | ||
+ | height:20px | ||
+ | } | ||
+ | #p-logo { | ||
+ | position: absolute; | ||
+ | display: none; | ||
+ | |||
+ | } | ||
+ | #footer-box { | ||
+ | display:none; | ||
+ | } | ||
+ | #catlinks { | ||
+ | display:none; | ||
+ | } | ||
+ | #search-controls { | ||
+ | display: none; | ||
+ | } | ||
+ | #menubar { background: none repeat transparent; display:none;} | ||
+ | #menubar ul li a { color: white; } | ||
+ | .right-menu li a { | ||
+ | color: black; | ||
+ | background: none repeat transparent; | ||
+ | } | ||
+ | #content { | ||
+ | background: none repeat scroll 0 0 transparent; | ||
+ | border-left: 0 solid; | ||
+ | border-right: 0 solid; | ||
+ | } | ||
+ | #content{ | ||
+ | width: 80%; | ||
+ | } | ||
+ | #headover ul{ | ||
+ | list-style: none; | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | top: 1.2em; | ||
+ | left: 0.2em; | ||
+ | } | ||
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | <body> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="span12"> | ||
+ | <h3> | ||
+ | h3. Lorem ipsum dolor sit amet. | ||
+ | </h3> | ||
+ | <div class="navbar"> | ||
+ | <div class="navbar-inner"> | ||
+ | <div class="container-fluid"> | ||
+ | <a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a> <a href="#" class="brand">Title</a> | ||
+ | <div class="nav-collapse collapse navbar-responsive-collapse"> | ||
+ | <ul class="nav"> | ||
+ | <li class="active"> | ||
+ | <a href="#">Home</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Link</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Link</a> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a data-toggle="dropdown" class="dropdown-toggle" href="#">Dropdown<strong class="caret"></strong></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li> | ||
+ | <a href="#">Action</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Another action</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Something else here</a> | ||
+ | </li> | ||
+ | <li class="divider"> | ||
+ | </li> | ||
+ | <li class="nav-header"> | ||
+ | Nav header | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Separated link</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">One more separated link</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <ul class="nav pull-right"> | ||
+ | <li> | ||
+ | <a href="#">Link</a> | ||
+ | </li> | ||
+ | <li class="divider-vertical"> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a data-toggle="dropdown" class="dropdown-toggle" href="#">Dropdown<strong class="caret"></strong></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li> | ||
+ | <a href="#">Action</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Another action</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Something else here</a> | ||
+ | </li> | ||
+ | <li class="divider"> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Separated link</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div class="carousel slide" id="carousel-673931"> | ||
+ | <ol class="carousel-indicators"> | ||
+ | <li data-slide-to="0" data-target="#carousel-673931"> | ||
+ | </li> | ||
+ | <li data-slide-to="1" data-target="#carousel-673931"> | ||
+ | </li> | ||
+ | <li data-slide-to="2" data-target="#carousel-673931" class="active"> | ||
+ | </li> | ||
+ | </ol> | ||
+ | <div class="carousel-inner"> | ||
+ | <div class="item"> | ||
+ | <img alt="" src="http://lorempixel.com/1600/500/sports/1" /> | ||
+ | <div class="carousel-caption"> | ||
+ | <h4> | ||
+ | First Thumbnail label | ||
+ | </h4> | ||
+ | <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> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <img alt="" src="http://lorempixel.com/1600/500/sports/2" /> | ||
+ | <div class="carousel-caption"> | ||
+ | <h4> | ||
+ | Second Thumbnail label | ||
+ | </h4> | ||
+ | <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> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item active"> | ||
+ | <img alt="" src="http://lorempixel.com/1600/500/sports/3" /> | ||
+ | <div class="carousel-caption"> | ||
+ | <h4> | ||
+ | Third Thumbnail label | ||
+ | </h4> | ||
+ | <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> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> <a data-slide="prev" href="#carousel-673931" class="left carousel-control">‹</a> <a data-slide="next" href="#carousel-673931" class="right carousel-control">›</a> | ||
+ | </div> | ||
+ | <ul class="thumbnails"> | ||
+ | <li class="span4"> | ||
+ | <div class="thumbnail"> | ||
+ | <img alt="300x200" src="http://lorempixel.com/600/200/people" /> | ||
+ | <div class="caption"> | ||
+ | <h3> | ||
+ | Thumbnail label | ||
+ | </h3> | ||
+ | <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> | ||
+ | <p> | ||
+ | <a class="btn btn-primary" href="#">Action</a> <a class="btn" href="#">Action</a> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="span4"> | ||
+ | <div class="thumbnail"> | ||
+ | <img alt="300x200" src="http://lorempixel.com/600/200/city" /> | ||
+ | <div class="caption"> | ||
+ | <h3> | ||
+ | Thumbnail label | ||
+ | </h3> | ||
+ | <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> | ||
+ | <p> | ||
+ | <a class="btn btn-primary" href="#">Action</a> <a class="btn" href="#">Action</a> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="span4"> | ||
+ | <div class="thumbnail"> | ||
+ | <img alt="300x200" src="http://lorempixel.com/600/200/sports" /> | ||
+ | <div class="caption"> | ||
+ | <h3> | ||
+ | Thumbnail label | ||
+ | </h3> | ||
+ | <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> | ||
+ | <p> | ||
+ | <a class="btn btn-primary" href="#">Action</a> <a class="btn" href="#">Action</a> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
+ | |||
+ | </html> |
Revision as of 03:18, 6 September 2013