Difference between revisions of "Team:Newcastle/Bradleytest"
| Line 27: | Line 27: | ||
<!-- The code below is for the top navigation bar--> | <!-- The code below is for the top navigation bar--> | ||
| + | |||
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> | <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> | ||
<div class="container"> | <div class="container"> | ||
| + | |||
<!-- Brand and toggle get grouped for better mobile display --> | <!-- Brand and toggle get grouped for better mobile display --> | ||
<div class="navbar-header"> | <div class="navbar-header"> | ||
| Line 37: | Line 39: | ||
<span class="icon-bar"></span> | <span class="icon-bar"></span> | ||
</button> | </button> | ||
| + | |||
| + | <!-- Text for the homepage --> | ||
<a class="navbar-brand" href="#"></ br>Newcastle iGEM 2016</a> | <a class="navbar-brand" href="#"></ br>Newcastle iGEM 2016</a> | ||
</div> | </div> | ||
| − | <!-- | + | |
| + | <!-- Links to be on the top menu - URLs in the 'href' fields determine the page navigated to when the text is clicked --> | ||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | ||
<ul class="nav navbar-nav"> | <ul class="nav navbar-nav"> | ||
| Line 70: | Line 75: | ||
</nav> | </nav> | ||
| − | + | ||
| + | <!-- Main content starts here --> | ||
<div class="container"> | <div class="container"> | ||
| − | <!-- | + | <!-- Title box --> |
<header class="jumbotron hero-spacer"> | <header class="jumbotron hero-spacer"> | ||
<h1>A Warm Welcome!</h1> | <h1>A Warm Welcome!</h1> | ||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, ipsam, eligendi, in quo sunt possimus non incidunt odit vero aliquid similique quaerat nam nobis illo aspernatur vitae fugiat numquam repellat.</p> | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, ipsam, eligendi, in quo sunt possimus non incidunt odit vero aliquid similique quaerat nam nobis illo aspernatur vitae fugiat numquam repellat.</p> | ||
| − | <p><a class="btn btn-primary btn-large">Call to action!</a> | + | <p> |
| + | <a class="btn btn-primary btn-large">Call to action!</a> | ||
</p> | </p> | ||
</header> | </header> | ||
| − | + | ||
<hr> | <hr> | ||
| − | + | <!-- Page section (copy & paste for a new section) --> | |
| + | |||
<div class="row"> | <div class="row"> | ||
<div class="col-lg-12"> | <div class="col-lg-12"> | ||
| + | |||
| + | <!-- Page section title --> | ||
<h3>Latest Features</h3> | <h3>Latest Features</h3> | ||
</div> | </div> | ||
</div> | </div> | ||
| − | |||
| − | <!-- | + | <!-- Row of images --> |
<div class="row text-center"> | <div class="row text-center"> | ||
| + | <!-- Image box 1 --> | ||
<div class="col-md-3 col-sm-6 hero-feature"> | <div class="col-md-3 col-sm-6 hero-feature"> | ||
<div class="thumbnail"> | <div class="thumbnail"> | ||
| − | <img src=" | + | <!-- The URL of the uploaded image goes in the src field --> |
| + | <img src="https://static.igem.org/mediawiki/2017/c/c4/T--Newcastle--wikisplashpage.png" alt=""> | ||
| + | |||
| + | <!-- Image caption goes here --> | ||
<div class="caption"> | <div class="caption"> | ||
<h3>Feature Label</h3> | <h3>Feature Label</h3> | ||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> | ||
<p> | <p> | ||
| + | |||
| + | <!-- Buttons which do stuff go here - note that the buttons currently do nothing --> | ||
<a href="#" class="btn btn-primary">Buy Now!</a> <a href="#" class="btn btn-default">More Info</a> | <a href="#" class="btn btn-primary">Buy Now!</a> <a href="#" class="btn btn-default">More Info</a> | ||
</p> | </p> | ||
| Line 107: | Line 122: | ||
</div> | </div> | ||
| + | <!-- Image boxes 2-4 are below --> | ||
| + | |||
<div class="col-md-3 col-sm-6 hero-feature"> | <div class="col-md-3 col-sm-6 hero-feature"> | ||
<div class="thumbnail"> | <div class="thumbnail"> | ||
| Line 147: | Line 164: | ||
</div> | </div> | ||
| − | + | ||
| + | <!-- Text for the page section goes below --> | ||
| + | <div> | ||
| + | |||
| + | <!-- Always put text in a 'p' tag --> | ||
| + | <p> | ||
| + | |||
| + | <!-- The second sentence is in bold --> | ||
| + | Lorem ipsum dolor sit amet, consectetur adipisicing elit. <b> Lorem ipsum dolor sit amet, consectetur adipisicing elit. </b> | ||
| + | |||
| + | <!-- </br> makes a line break (i.e. starts a new line) --> | ||
| + | </ br> | ||
| + | |||
| + | <!-- The word 'amet' is in italics and the word 'elit' is underlined --> | ||
| + | Lorem ipsum dolor sit <i>amet</i>, consectetur adipisicing <u> elit. </u> | ||
| + | |||
| + | </p> | ||
| + | |||
| + | <!-- The next paragraph of text is all blue --> | ||
| + | <p style="color: blue"> | ||
| + | The brown fox jumped over the lazy dog. | ||
| + | </p> | ||
<hr> | <hr> | ||
| − | <!-- | + | <!-- Sponsors, logos, links to social media, etc. go in the footer tags - note that the footer should be the same for every page of the wiki for consistency --> |
<footer> | <footer> | ||
<div class="row"> | <div class="row"> | ||
| Line 161: | Line 199: | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
| − | + | <!-- Any scripts (javascript, jquery, etc.) should be at the bottom of the page to improve loading times --> | |
| − | + | <!-- Note that there are no scripts being used for this template --> | |
</body> | </body> | ||
</html> | </html> | ||
Revision as of 15:53, 3 May 2017
Our wiki is currently under construction, please bear with us while we make it functional
A Warm Welcome!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, ipsam, eligendi, in quo sunt possimus non incidunt odit vero aliquid similique quaerat nam nobis illo aspernatur vitae fugiat numquam repellat.
Latest Features
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
The brown fox jumped over the lazy dog.
