Commit 1e8101bf authored by olijones's avatar olijones
Browse files

Change set Oct 3rd

- added course page set with third level nav concepts
- added a set of new basic pages to test design
- added console page
- fixed unorganised header tags
- added colours stylesheet for easy theming
- changed theme to Otago Polytechnic
- fixed mobile issue with icons
- finished pedagogical icon set
- styled tables
- added third level nav solutions
parent 49ddcf77
<!DOCTYPE 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">
<title>WikiEducator - OERu</title>
<!-- Bootstrap -->
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,200,700" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/layout.css">
<link rel="stylesheet" type="text/css" href="css/typography.css">
<link rel="stylesheet" type="text/css" href="css/colours.css">
<link rel="shortcut icon" href="images/favicon.png">
<!-- 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/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.js"></script>
</head>
<body id="homePage">
<header>
<div>
<div class="container">
<a class="brand" href="index.html"><img src="images/OP-logo.png" alt="Open Education Resources university"></a>
<div class="floatright">
<h1>OCL4Ed</h1>
</div>
</div>
</div>
<div class="container">
<nav class="navbar" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Startup<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="starthere.html">Start Here</a></li>
<li><a href="registration.html">Registration</a></li>
<li><a href="about.html">About</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Course Guide<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="courseguide.html">Overview</a></li>
<li><a href="aims.html">Course aims</a></li>
<li><a href="learning_environment.html">Learning environment</a></li>
<li><a href="course_structure.html">Course structure</a></li>
<li><a href="technologies.html">Technologies</a></li>
<li><a href="learning_approach.html">Ways to engage</a></li>
<li><a href="study_tips.html">Study tips</a></li>
<li><a href="resources.html">Resources</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Assessment<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="assessment.html">Assessment overview</a></li>
<li><a href="activitytypes.html">Activity types</a></li>
<li><a href="certificationforparticipation.html">Certification for participation</a></li>
<li><a href="eactivities.html">E-Activities</a></li>
<li><a href="peerevaluation.html">Peer Evaluation</a></li>
<li><a href="#">Course assignment</a></li>
<li><a href="#">Fees</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Learning Console<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Learning console</a></li>
<li><a href="#">Announcements</a></li>
<li><a href="#">Schedule</a></li>
<li><a href="#">Participants</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Courseware<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li class="current"><a href="objectives.html">Orientation</a></li>
<li><a href="#">Why open matters</a></li>
<li><a href="#">Defining OER</a></li>
<li><a href="#">Copyright</a></li>
<li><a href="#">Copyright case study</a></li>
<li><a href="#">Creative Commons</a></li>
<li><a href="#">Remix game</a></li>
<li><a href="#">The right license</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Support<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Support</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Tips</a></li>
<li><a href="#">OERu terms of service</a></li>
<li><a href="#">Microblog tutorial</a></li>
<li><a href="#">Blog tutorial</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a data-toggle="modal" data-target="#siteMapmodal"><span class="glyphicon glyphicon-tree-conifer"></span></a></li>
<li><a data-toggle="modal" data-target="#usermodal"><span class="glyphicon glyphicon-user"></span></a></li>
</ul>
</div>
</nav>
</div>
</header>
<div class="greenbg">
<div class="container">
<ol class=" breadcrumb">
<li><a href="objectives.html">Objectives</a></li>
<li><a href="introduction.html">Introduction</a></li>
<li class="active">Personal learning environment</li>
<li><a href="create_blog.html">Create blog</a></li>
<li><a href="#">Create microblog</a></li>
<li><a href="#">E-Activity - Declare yourself</a></li>
</ol>
</div>
</div>
<section id="main">
<a data-toggle="modal" data-target="#courseMapmodal">
<div class="sidemenu">
<span class="glyphicon glyphicon-th-list" style="font-size: 1em;"></span>
</div>
</a>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="panel">
<div class="panel-body">
<div class="col-md-12 col-md-8">
<h1>Introduction to PLEs and open online courses</h1>
<blockquote>
<p>"See any detour as an opportunity to experience new things."</p>
<p><small><cite title="Source Title">H. Jackson Brown, Jr.</cite></small></p>
</blockquote>
</div>
<div class="col-xs-12 col-md-4">
<img class="img-responsive" src="http://wikieducator.org/images/thumb/3/32/Maze_hedge.jpg/450px-Maze_hedge.jpg" alt="oeru maze">
</div>
<div class="col-md-12">
<p>This OERu course is a micro Open Online Course (mOOC) where you will create your own personal learning environment (PLE).</p>
<p>Participation in this course requires learners to establish their own PLE incorporating a number of web-based tools, for example, microblogs and blogs. You will use your PLE to document your learning and to connect with other learners taking this course.</p>
<p>This course also utilises a number of features associated with Massive Open Online Courses (MOOCs), so if you are new to this kind of learning, you should spend a little time setting familiarising yourself with the course environment and learning approach.</p>
<p>This orientation provides a brief overview of PLEs and suggested learning approaches for open online courses. There are also detailed tutorials in the support section should you need step-by-step support in setting up your PLE.</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="panel">
<div class="panel-heading">
<div>
<img class="pedigogicalicon" src="images/Icon_activity.png">
</div>
<div>
<h2>Activity</h2>
</div>
</div>
<div class="panel-body">
<div class="col-md-12">
<p>This micro Open Online Learning Course (mOOC) requires learners to establish a personal learning environment.</p>
<ol>
<li><p>Download and read "<a href="#">7 Things you should know about personal learning environments</a>" (<a href="#">Pdf version</a>).</p></li>
<li><p>Watch the short video, <a href="#">Success in a MOOC</a> by Neal Gillis and Dave Cormier.</p></li>
</ol>
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="//player.vimeo.com/video/61837466"></iframe>
</div>
<p>In this learning sequence of the course, we will execute the first two steps recommended by Neil Gillis and Dave Cormier in the video above.</p>
<ol>
<li><p>Orient yourself: Familiarise yourself with the learning environment so you can find what you are looking for. You will find all the links you need for this mOOC on the <a href="#">learning console</a> (you will find a link to the learning console in the study section of the main menu navigation).</p></li>
<li><p>Declare yourself: Set up the technologies where your thoughts and reflections will be published and acquiring the knowledge and tools to connect with fellow learners. You will declare yourself by posting an entry in your course blog using the allocated tag for this course.)</p></li>
</ol>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<ul class="pager">
<li class="previous"><a href="introduction.html">&larr; Previous</a></li>
<li class="next"><a href="create_blog.html">Next &rarr;</a></li>
</ul>
</div>
</div>
</div>
</section>
<!-- User Modal -->
<div class="modal fade" id="courseMapmodal" tabindex="-1" role="dialog" aria-labelledby="courseMapmodalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
<h2 class="modal-title" id="myModalLabel">Course Navigation</h2>
</div>
<div class="modal-body">
<div class="list-group">
<a href="objectives.html" class="list-group-item">
Objectives
</a>
<a href="introduction.html" class="list-group-item">
Introduction
</a>
<a href="PLE.html" class="active list-group-item">
Personal learning environment
</a>
<a href="create_blog.html" class="list-group-item">
Create blog
</a>
<a href="#" class="list-group-item">
Create microblog
</a>
<a href="#" class="list-group-item">
E-Activity - Declare yourself
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Site Map Modal -->
<div class="modal fade" id="siteMapmodal" tabindex="-1" role="dialog" aria-labelledby="siteMapLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
<h2 class="modal-title" id="myModalLabel">OCL4Ed</h2>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12">
<a href="/course/OCL4Ed/About/" class="btn btn-primary center-block">Open Content Licensing for Educators Course overview</a>
</div>
</div>
<div class="row">
<div class="col-md-4">
<a href="/course/OCL4Ed/Course_guide/Aims/" class="btn btn-primary center-block">Course aims</a>
</div>
<div class="col-md-4">
<a href="/course/OCL4Ed/Course_guide/" class="btn btn-primary center-block">Course guide</a>
</div>
<div class="col-md-4">
<a href="/course/OCL4Ed/Assessment/" class="btn btn-primary center-block">Assessment</a>
</div>
</div>
<div class="row">
<div class="col-md-6">
<a href="/course/OCL4Ed/Start_here/" class="btn btn-info center-block">Start here</a>
</div>
<div class="col-md-6">
<a href="/course/OCL4Ed/Registration/" class="btn center-block btn-success">Log in</a>
</div>
</div>
<div class="row">
<div class="col-md-4">
<a href="/course/OCL4Ed/Console/" class="btn btn-primary center-block">Learning console</a>
</div>
<div class="col-md-4">
<a href="/course/OCL4Ed/Console/#Announcements" class="btn btn-primary center-block">Announcements</a>
</div>
<div class="col-md-4">
<a href="/course/OCL4Ed/Support/" class="btn btn-primary center-block">Support</a>
</div>
</div>
<div class="row">
<div class="col-md-12">
<a href="/course/OCL4Ed/Console/#Course_schedule" class="btn btn-primary center-block">Recommended course schedule</a>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- User Modal -->
<div class="modal fade" id="usermodal" tabindex="-1" role="dialog" aria-labelledby="userLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
<h2 class="modal-title" id="myModalLabel">WikiEducator login</h2>
</div>
<div class="modal-body">
<form role="form">
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</form>
</div>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row">
<div class="col-md-6">
<div>Content is available under <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution Share-Alike License.</a></div>
</div>
<div class="col-md-6">
<div><a href="http://wikieducator.org/WikiEducator:Privacy_policy">Privacy Policy</a> | <a href="http://wikieducator.org/Practice:OCL4Ed?action=history">Authors</a><a href="http://creativecommons.org/licenses/by-sa/3.0/"><img class="cc" src="images/CC-BY-SA.png" alt="Creative Commons Attribution Share-Alike License"></a></div>
</div>
</div>
</div>
</footer>
</body>
</html>
\ No newline at end of file
......@@ -11,6 +11,7 @@
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/layout.css">
<link rel="stylesheet" type="text/css" href="css/typography.css">
<link rel="stylesheet" type="text/css" href="css/colours.css">
<link rel="shortcut icon" href="images/favicon.png">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
......@@ -28,16 +29,14 @@
<body id="homePage">
<header>
<div>
<div class="container">
<h1>
<a class="brand" href="index.html"><img src="images/OERu-logo.png" alt="Open Education Resources university"></a>
</h1>
<div class="brand floatright">
<h3>OCL4Ed</h3>
</div>
<div>
<div class="container">
<a class="brand" href="index.html"><img src="images/OP-logo.png" alt="Open Education Resources university"></a>
<div class="floatright">
<h1>OCL4Ed</h1>
</div>
</div>
</div>
<div class="container">
<nav class="navbar" role="navigation">
<div class="navbar-header">
......@@ -125,15 +124,6 @@
</nav>
</div>
</header>
<div class="greenbg">
<div class="container">
<ol class=" breadcrumb">
<li class="active">Home</li>
<li><a href="#">Library</a></li>
<li><a href="#">Data</a></li>
</ol>
</div>
</div>
<section id="main">
......@@ -148,12 +138,12 @@
<div class="panel">
<div class="panel-body">
<div class="col-md-12">
<h3>Course Overview</h3>
<h1>Course Overview</h1>
<hr>
<h4>What's it about?</h4>
<h2>What's it about?</h2>
<p>Access to education is a fundamental human right. Open educational resources (OER) provides a viable solution to widening access to education for all students worldwide. In today's world, where the cost of replicating digital information is near zero, we have unprecedented opportunities to realise the vision of education for all. In this course we will explore the meaning of OER and the free legal tools at our disposal to share teaching materials. This course supports the implementation of the UNESCO 2012 Paris OER Declaration which encourages member states to release teaching materials funded with public money under open licenses.</p>
<hr>
<h4>What will I learn?</h4>
<h2>What will I learn?</h2>
<p>This course is designed for educators and students who want to learn more about open educational resources, copyright, and Creative Commons licenses. This course will help you to:</p>
<ul class="textlist">
<li><a href="#">Course aims</a>;</li>
......@@ -161,7 +151,7 @@
<li><a href="#">Study tips</a></li>
</ul>
<hr>
<h4>What's involved?</h4>
<h2>What's involved?</h2>
<p>You will participate in an open international online course for 10 working days (2 weeks). You will need to allocate about 1.5 to 2 hours per day for the duration of open course. The course is divided into five sessions inclusive of suggested learning activities:</p>
<ul class="textlist">
<li>Why open matters in education</li>
......@@ -172,7 +162,7 @@
</ul>
<p>Learners aiming for the Certificate of Achievement and/or credit towards the Open Education Course elective will need an additional 20 hours of self directed study to complete the assessments for this course.</p>
<hr>
<h4>Prerequisites</h4>
<h2>Prerequisites</h2>
<p>Access to education is a fundamental human right. Open educational resources (OER) provides a viable solution to widening access to education for all students worldwide. In today's world, where the cost of replicating digital information is near zero, we have unprecedented opportunities to realise the vision of education for all. In this course we will explore the meaning of OER and the free legal tools at our disposal to share teaching materials. This course supports the implementation of the UNESCO 2012 Paris OER Declaration which encourages member states to release teaching materials funded with public money under open licenses.</p>
</div>
</div>
......@@ -203,7 +193,7 @@
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">OCL4Ed</h4>
<h2 class="modal-title" id="myModalLabel">OCL4Ed</h2>
</div>
<div class="modal-body">
<div class="row">
......@@ -260,7 +250,7 @@
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">WikiEducator login</h4>
<h2 class="modal-title" id="myModalLabel">WikiEducator login</h2>
</div>
<div class="modal-body">
<form role="form">
......
......@@ -11,6 +11,7 @@
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/layout.css">
<link rel="stylesheet" type="text/css" href="css/typography.css">
<link rel="stylesheet" type="text/css" href="css/colours.css">
<link rel="shortcut icon" href="images/favicon.png">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
......@@ -28,16 +29,14 @@
<body id="homePage">
<header>
<div>
<div class="container">
<h1>
<a class="brand" href="index.html"><img src="images/OERu-logo.png" alt="Open Education Resources university"></a>
</h1>
<div class="brand floatright">
<h3>OCL4Ed</h3>
</div>
<div>
<div class="container">
<a class="brand" href="index.html"><img src="images/OP-logo.png" alt="Open Education Resources university"></a>
<div class="floatright">
<h1>OCL4Ed</h1>
</div>
</div>
</div>
<div class="container">
<nav class="navbar" role="navigation">
<div class="navbar-header">
......@@ -125,15 +124,6 @@
</nav>
</div>
</header>
<div class="greenbg">
<div class="container">
<ol class=" breadcrumb">
<li class="active">Home</li>
<li><a href="#">Library</a></li>
<li><a href="#">Data</a></li>
</ol>
</div>
</div>
<section id="main">
......@@ -148,7 +138,7 @@
<div class="panel">
<div class="panel-body">
<div class="col-md-12">
<h3>Two types of activities</h3>
<h1>Two types of activities</h1>
</div>
</div>
</div>
......@@ -162,7 +152,7 @@
<div class="col-md-6">
<div class="panel">
<div class="panel-body">
<h4>Short activities</h4>
<h2>Short activities</h2>
<p>These are formative activities designed to contribute to your learning experience, networking and interaction with fellow students. These activities generally require between <span style="font-weight: 700;">1 to 15 minutes</span> learning effort. Examples include:</p>
<ul>
<li>
......@@ -196,7 +186,7 @@
<div class="col-md-6">
<div class="panel">
<div class="panel-body">
<h4>Substantive E-Activities</h4>
<h2>Substantive E-Activities</h2>
<p>E-Activities are more comprehensive learning activities ranging from <span style="font-weight: 700;">1 to 3 hours</span> of learning effort. The E-Activities require the learners to create something and the majority require learners to publish a blog post because we believe that the public sharing of ideas contributes to the quality of learning for both authors and readers. E-Activities contain:</p>
<ul>
<li>
......@@ -248,7 +238,7 @@
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">OCL4Ed</h4>
<h2 class="modal-title" id="myModalLabel">OCL4Ed</h2>
</div>
<div class="modal-body">
<div class="row">
......@@ -305,7 +295,7 @@
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">WikiEducator login</h4>
<h2 class="modal-title" id="myModalLabel">WikiEducator login</h2>
</div>
<div class="modal-body">
<form role="form">
......
......@@ -11,6 +11,7 @@
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/layout.css">
<link rel="stylesheet" type="text/css" href="css/typography.css">
<link rel="stylesheet" type="text/css" href="css/colours.css">
<link rel="shortcut icon" href="images/favicon.png">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
......@@ -28,16 +29,14 @@
<body id="homePage">
<header>
<div>
<div class="container">
<h1>
<a class="brand" href="index.html"><img src="images/OERu-logo.png" alt="Open Education Resources university"></a>
</h1>
<div class="brand floatright">
<h3>OCL4Ed</h3>
</div>
<div>
<div class="container">
<a class="brand" href="index.html"><img src="images/OP-logo.png" alt="Open Education Resources university"></a>
<div class="floatright">
<h1>OCL4Ed</h1>
</div>
</div>
</div>
<div class="container">
<nav class="navbar" role="navigation">
<div class="navbar-header">
......@@ -125,15 +124,6 @@
</nav>
</div>
</header>
<div class="greenbg">
<div class="container">
<ol class=" breadcrumb">
<li class="active">Home</li>
<li><a href="#">Library</a></li>
<li><a href="#">Data</a></li>
</ol>
</div>
</div>
<section id="main">
......@@ -150,7 +140,7 @@
<img class="pedigogicalicon" src="images/Icon_aims.png">
</div>
<div>
<h4>Aims</h4>
<h2>Aims</h2>
</div>
</div>
<div class="panel-body">
......@@ -191,7 +181,7 @@
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">OCL4Ed</h4>
<h2 class="modal-title" id="myModalLabel">OCL4Ed</h2>
</div>
<div class="modal-body">
<div class="row">
......@@ -248,7 +238,7 @@
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">WikiEducator login</h4>
<h2 class="modal-title" id="myModalLabel">WikiEducator login</h2>
</div>
<div class="modal-body">
<form role="form">
......
......@@ -11,6 +11,7 @@
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/layout.css">
<link rel="stylesheet" type="text/css" href="css/typography.css">
<link rel="stylesheet" type="text/css" href="css/colours.css">
<link rel="shortcut icon" href="images/favicon.png">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
......@@ -28,16 +29,14 @@
<body id="homePage">
<header>
<div>