Difference between revisions of "Team:Newcastle/Bradleytest"

Line 1: Line 1:
−
{{Newcastle/Bradleytemplate}}
+
{{Newcastle2}}
 +
<html>
 +
 
 +
<head>
 +
 
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <meta name="description" content="">
 +
    <meta name="author" content="">
 +
 
 +
    <title>Heroic Features - Start Bootstrap Template</title>
 +
 
 +
    <!-- Bootstrap Core CSS -->
 +
    <link href="https://2017.igem.org/Team:Newcastle/Bradleytest/css/bootstrapmincss?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
 
 +
    <!-- Custom CSS -->
 +
    <link href="https://2017.igem.org/Team:Newcastle/Bradleytest/css/heroic-featurescss?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
 
 +
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 +
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 +
    <!--[if lt IE 9]>
 +
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
 +
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 +
    <![endif]-->
 +
 
 +
 
 +
 
 +
</head>
 +
 
 +
<body>
 +
 
 +
    <!-- Navigation -->
 +
    <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>
 +
                <a class="navbar-brand" href="#">Start Bootstrap</a>
 +
            </div>
 +
            <!-- Collect the nav links, forms, and other content for toggling -->
 +
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 +
                <ul class="nav navbar-nav">
 +
                    <li>
 +
                        <a href="#">About</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#">Services</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#">Contact</a>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
            <!-- /.navbar-collapse -->
 +
        </div>
 +
        <!-- /.container -->
 +
    </nav>
 +
 
 +
    <!-- Page Content -->
 +
    <div class="container">
 +
 
 +
        <!-- Jumbotron Header -->
 +
        <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>
 +
 
 +
        <!-- Title -->
 +
        <div class="row">
 +
            <div class="col-lg-12">
 +
                <h3>Latest Features</h3>
 +
            </div>
 +
        </div>
 +
        <!-- /.row -->
 +
 
 +
        <!-- Page Features -->
 +
        <div class="row text-center">
 +
 
 +
            <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 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>
 +
        <!-- /.row -->
 +
 
 +
        <hr>
 +
 
 +
        <!-- Footer -->
 +
        <footer>
 +
            <div class="row">
 +
                <div class="col-lg-12">
 +
                    <p>Copyright &copy; Your Website 2014</p>
 +
                </div>
 +
            </div>
 +
        </footer>
 +
 
 +
    </div>
 +
    <!-- /.container -->
 +
 
 +
    <!-- jQuery -->
 +
    <script src="js/jquery.js"></script>
 +
 
 +
    <!-- Bootstrap Core JavaScript -->
 +
    <script src="js/bootstrap.min.js"></script>
 +
 
 +
</body>
 +
 
 +
</html>

Revision as of 08:58, 24 April 2017

Our wiki is currently under construction, please bear with us while we make it functional

Heroic Features - Start Bootstrap Template

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

Copyright © Your Website 2014