Difference between revisions of "Team:Newcastle/Bradleytest"

 
(15 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{Newcaslte/Bradleytemplate}}
+
<!-- Link to the blank template page (gives a blank page to start with instead of a pre-formatted page) -->
 +
{{Newcastle2}}
 +
 
 +
<!-- Open HTML tags to code in HTML instead of MediaWiki -->
 +
 
 +
<html>
 +
 
 +
<!-- Links to CSS stylesheets and meta-data are stored in the <head> tags -->
 +
 
 +
<head>
 +
 
 +
<!-- Paste below code from the Bootstrap "index.html" page -->
 +
 
 +
    <!-- Link to bootstrap css pages, "?action=raw&amp;ctype=text/css" added to the end of the URL to make it readable -->
 +
 
 +
    <link href="https://2017.igem.org/Team:Newcastle/Bradleytest/css/bootstrapmincss?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
 
 +
    <link href="https://2017.igem.org/Team:Newcastle/Bradleytest/css/heroic-featurescss?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
 
 +
</head>
 +
 
 +
 
 +
<!-- The main content goes in the <body> tags -->
 +
 
 +
 
 +
<body>
 +
 
 +
    <!-- The code below is for the top navigation bar-->
 +
 +
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
 +
        <div class="container">
 +
 +
            <!-- Brand and toggle get grouped for better mobile display -->
 +
            <div class="navbar-header">
 +
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
 +
                    <span class="sr-only">Toggle navigation</span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                </button>
 +
 +
<!-- Text for the homepage -->
 +
                <a class="navbar-brand" href="#"></ br>Newcastle iGEM 2016</a>
 +
            </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">
 +
                <ul class="nav navbar-nav">
 +
                    <li>
 +
                        <a href="#">Team</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#">Project</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#">Parts</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#">Safety</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#">Human Practices</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#">Awards</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#">Judging Form</a>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
            <!-- /.navbar-collapse -->
 +
        </div>
 +
        <!-- /.container -->
 +
    </nav>
 +
 
 +
 +
<!-- Main content starts here -->
 +
    <div class="container">
 +
 
 +
        <!-- Title box -->
 +
        <header class="jumbotron hero-spacer">
 +
            <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>
 +
<a class="btn btn-primary btn-large">Call to action!</a>
 +
            </p>
 +
        </header>
 +
 +
        <hr>
 +
 
 +
<!-- Page section (copy & paste for a new section) -->
 +
 
 +
<div>
 +
        <div class="row">
 +
            <div class="col-lg-12">
 +
 +
<!-- Page section title -->
 +
                <h3>Latest Features</h3>
 +
            </div>
 +
        </div>
 +
 
 +
        <!-- Row of images -->
 +
        <div class="row text-center">
 +
 
 +
<!-- Image box 1 -->
 +
            <div class="col-md-3 col-sm-6 hero-feature">
 +
                <div class="thumbnail">
 +
<!-- 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">
 +
                        <h3>Feature Label</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</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>
 +
                        </p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
 
 +
<!-- Image boxes 2-4 are below -->
 +
 +
            <div class="col-md-3 col-sm-6 hero-feature">
 +
                <div class="thumbnail">
 +
                    <img src="http://placehold.it/800x500" alt="">
 +
                    <div class="caption">
 +
                        <h3>Feature Label</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
 +
                        <p>
 +
                            <a href="#" class="btn btn-primary">Buy Now!</a> <a href="#" class="btn btn-default">More Info</a>
 +
                        </p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
 
 +
            <div class="col-md-3 col-sm-6 hero-feature">
 +
                <div class="thumbnail">
 +
                    <img src="http://placehold.it/800x500" alt="">
 +
                    <div class="caption">
 +
                        <h3>Feature Label</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
 +
                        <p>
 +
                            <a href="#" class="btn btn-primary">Buy Now!</a> <a href="#" class="btn btn-default">More Info</a>
 +
                        </p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
 
 +
            <div class="col-md-3 col-sm-6 hero-feature">
 +
                <div class="thumbnail">
 +
                    <img src="http://placehold.it/800x500" alt="">
 +
                    <div class="caption">
 +
                        <h3>Feature Label</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
 +
                        <p>
 +
                            <a href="#" class="btn btn-primary">Buy Now!</a> <a href="#" class="btn btn-default">More Info</a>
 +
                        </p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
 
 +
        </div>
 +
 +
<!-- Text for the page section goes below -->
 +
 +
 +
<!-- use h1, h2, h3, h4, h5, or h6 tags for headings. h1 is the biggest and should be used for titles, h6 is the smallest -->
 +
<h3> Heading Three </h3>
 +
 +
<!-- Always put normal 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 heading below is centred in the middle of the page - note the the word centre MUST be spelt using the American spelling (i.e. center) -->
 +
<h4 style="text-align:center;"> Heading Four </h4>
 +
 +
<!-- The next paragraph of text is all blue -->
 +
<p style="color: blue">
 +
 
 +
The brown fox jumped over the lazy dog.
 +
</p>
 +
 +
</div>
 +
 +
 +
<!-- Page section (copy & paste for a new section) -->
 +
<div style="background-color:gray">
 +
        <div class="row">
 +
            <div class="col-lg-12">
 +
 +
<!-- Page section title -->
 +
                <h3>Latest Features</h3>
 +
            </div>
 +
        </div>
 +
 
 +
        <!-- Row of images -->
 +
        <div class="row text-center">
 +
 
 +
<!-- Image box 1 -->
 +
            <div class="col-md-3 col-sm-6 hero-feature">
 +
                <div class="thumbnail">
 +
<!-- 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">
 +
                        <h3>Feature Label</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</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>
 +
                        </p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
 
 +
<!-- Image boxes 2-4 are below -->
 +
 +
            <div class="col-md-3 col-sm-6 hero-feature">
 +
                <div class="thumbnail">
 +
                    <img src="http://placehold.it/800x500" alt="">
 +
                    <div class="caption">
 +
                        <h3>Feature Label</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
 +
                        <p>
 +
                            <a href="#" class="btn btn-primary">Buy Now!</a> <a href="#" class="btn btn-default">More Info</a>
 +
                        </p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
 
 +
            <div class="col-md-3 col-sm-6 hero-feature">
 +
                <div class="thumbnail">
 +
                    <img src="http://placehold.it/800x500" alt="">
 +
                    <div class="caption">
 +
                        <h3>Feature Label</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
 +
                        <p>
 +
                            <a href="#" class="btn btn-primary">Buy Now!</a> <a href="#" class="btn btn-default">More Info</a>
 +
                        </p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
 
 +
            <div class="col-md-3 col-sm-6 hero-feature">
 +
                <div class="thumbnail">
 +
                    <img src="http://placehold.it/800x500" alt="">
 +
                    <div class="caption">
 +
                        <h3>Feature Label</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
 +
                        <p>
 +
                            <a href="#" class="btn btn-primary">Buy Now!</a> <a href="#" class="btn btn-default">More Info</a>
 +
                        </p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
 
 +
        </div>
 +
 +
<!-- Text for the page section goes below -->
 +
 +
 +
<!-- use h1, h2, h3, h4, h5, or h6 tags for headings. h1 is the biggest and should be used for titles, h6 is the smallest -->
 +
<h3> Heading Three </h3>
 +
 +
<!-- Always put normal 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 heading below is centred in the middle of the page - note the the word centre MUST be spelt using the American spelling (i.e. center) -->
 +
<h4 style="text-align:center;"> Heading Four </h4>
 +
 +
<!-- The next paragraph of text is all blue -->
 +
<p style="color: blue">
 +
 
 +
The brown fox jumped over the lazy dog.
 +
</p>
 +
 +
</div>
 +
 
 +
        <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>
 +
            <div class="row">
 +
                <div class="col-lg-12">
 +
                    <p>Copyright &copy; Your Website 2014</p>
 +
                </div>
 +
            </div>
 +
        </footer>
 +
 
 +
    </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>
 +
 
 +
</html>

Latest revision as of 16:24, 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.

Call to action!

Latest Features

Feature Label

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Buy Now! More Info

Feature Label

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Buy Now! More Info

Feature Label

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Buy Now! More Info

Feature Label

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Buy Now! More Info

Heading Three

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Heading Four

The brown fox jumped over the lazy dog.

Latest Features

Feature Label

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Buy Now! More Info

Feature Label

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Buy Now! More Info

Feature Label

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Buy Now! More Info

Feature Label

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Buy Now! More Info

Heading Three

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Heading Four

The brown fox jumped over the lazy dog.

Copyright © Your Website 2014