"
Team:NJAU China
From 2014.igem.org
(Difference between revisions)
| Line 18: | Line 18: | ||
font-size:12px | font-size:12px | ||
} | } | ||
| - | container { | + | .container { |
width:960px | width:960px | ||
} | } | ||
| Line 29: | Line 29: | ||
<div class="container"> | <div class="container"> | ||
<div class="nav"> | <div class="nav"> | ||
| - | + | <ul class="nav nav-pills" role="tablist"> | |
| - | + | <li class="active"><a href="#" >Home</a></li> | |
| - | + | <li><a href="#" class="unselect">Team</a></li> | |
| - | + | <li><a href="#" class="unselect">Official Team Profile </a></li> | |
| - | + | <li><a href="#" class="unselect">Project</a></li> | |
| - | + | <li><a href="#" class="unselect">Parts</a></li> | |
| - | + | <li><a href="#" class="unselect">Modeling</a></li> | |
| - | + | <li><a href="#" class="unselect">Notebook</a></li> | |
| - | + | <li><a href="#" class="unselect">Safety</a></li> | |
| - | + | <li><a href="#" class="unselect">Attributions</a></li> | |
| - | + | </ul> | |
| - | </div> | + | </div> |
</div> | </div> | ||
<div class="container"> | <div class="container"> | ||
| Line 46: | Line 46: | ||
<h1>Hello, iGem 2014!</h1> | <h1>Hello, iGem 2014!</h1> | ||
<p>This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.</p> | <p>This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.</p> | ||
| - | <p><a href="#" class="btn btn- | + | <p><a href="#" class="btn btn-success btn-lg" role="button" style="color:#FFF">Learn more »</a></p> |
</div> | </div> | ||
| + | |||
| + | <div class="row marketing"> | ||
| + | <div class="col-lg-6"> | ||
| + | <h4>Subheading</h4> | ||
| + | <p>Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p> | ||
| + | |||
| + | <h4>Subheading</h4> | ||
| + | <p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.</p> | ||
| + | |||
| + | <h4>Subheading</h4> | ||
| + | <p>Maecenas sed diam eget risus varius blandit sit amet non magna.</p> | ||
| + | </div> | ||
| + | |||
| + | <div class="col-lg-6"> | ||
| + | <h4>Subheading</h4> | ||
| + | <p>Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p> | ||
| + | |||
| + | <h4>Subheading</h4> | ||
| + | <p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.</p> | ||
| + | |||
| + | <h4>Subheading</h4> | ||
| + | <p>Maecenas sed diam eget risus varius blandit sit amet non magna.</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 12:36, 15 July 2014
Hello, iGem 2014!
This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.
Subheading
Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.
Subheading
Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.
Subheading
Maecenas sed diam eget risus varius blandit sit amet non magna.
Subheading
Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.
Subheading
Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.
Subheading
Maecenas sed diam eget risus varius blandit sit amet non magna.
