Team:TecMonterrey/test1

From 2013.igem.org

(Difference between revisions)
(Blanked the page)
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

h3. Lorem ipsum dolor sit amet.

  • 300x200

    Thumbnail label

    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.

    Action Action

  • 300x200

    Thumbnail label

    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.

    Action Action

  • 300x200

    Thumbnail label

    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.

    Action Action