Commit 49ddcf77 authored by olijones's avatar olijones
Browse files

Addition of pages

New Pages, Change to header tags, page layout and menu
parent 99ebe37f
......@@ -61,41 +61,59 @@
<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="#">A</a></li>
<li><a href="#">B</a></li>
<li><a href="#">C</a></li>
<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="#">A</a></li>
<li><a href="#">B</a></li>
<li><a href="#">C</a></li>
<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="#">A</a></li>
<li><a href="#">B</a></li>
<li><a href="#">C</a></li>
<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><a href="#">A</a></li>
<li><a href="#">B</a></li>
<li><a href="#">C</a></li>
<li><a href="#">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="#">A</a></li>
<li><a href="#">B</a></li>
<li><a href="#">C</a></li>
<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>
......@@ -107,10 +125,6 @@
</nav>
</div>
</header>
<section id="main">
<div class="greenbg">
<div class="container">
<ol class=" breadcrumb">
......@@ -120,6 +134,10 @@
</ol>
</div>
</div>
<section id="main">
<div class="container">
......@@ -132,10 +150,10 @@
<div class="col-md-12">
<h3>Course Overview</h3>
<hr>
<h3>What's it about?</h3>
<h4>What's it about?</h4>
<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>
<h3>What will I learn?</h3>
<h4>What will I learn?</h4>
<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>
......@@ -143,15 +161,18 @@
<li><a href="#">Study tips</a></li>
</ul>
<hr>
<h3>What's involved?</h3>
<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>
<h4>What's involved?</h4>
<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><a href="#">Course aims</a>;</li>
<li><a href="#">Learning environment</a>; and</li>
<li><a href="#">Study tips</a></li>
<li>Why open matters in education</li>
<li>Defining open educational resources</li>
<li>Your educational rights to copy</li>
<li>Refining your copyright using Creative Commons</li>
<li>Choosing the right open license</li>
</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>
<h3>Prerequisites</h3>
<h4>Prerequisites</h4>
<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>
......
<!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="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.min.js"></script>
</head>
<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>
<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 class="current"><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><a href="#">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 class="active">Home</li>
<li><a href="#">Library</a></li>
<li><a href="#">Data</a></li>
</ol>
</div>
</div>
<section id="main">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="panel">
<div class="panel-body">
<div class="col-md-12">
<h3>Two types of activities</h3>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="panel">
<div class="panel-body">
<h4>Short activities</h4>
<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>
<p>Short quizzes with interactive feedback (not tracked or graded)</p>
</li>
<li>
<p>Microblog posts</p>
</li>
<li>
<p>Viewing short videos for reflection.</p>
</li>
<li>
<p>Designated forum posts</p>
</li>
<li>
<p>Case studies with interactive feedback (not tracked or graded)</p>
</li>
<li>
<p>Optional blog posts</p>
</li>
</ul>
<p><span style="font-weight: 700;">Contribution to certification options</span><br>Certification of participation specifies a minimum number of microblog, blog and discussion forum posts during the course.</p>
<div class="button">
<a href="#">Participation metrics</a>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="panel">
<div class="panel-body">
<h4>Substantive E-Activities</h4>
<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>
<p>A clear statement of purpose</p>
</li>
<li>
<p>Suggested stimulus links on the web which are selected to initiate the E-Activity</p>
</li>
<li>
<p>A list of suggested tasks</p>
</li>
<li>
<p>A statement of learning outcomes required to demonstrate your learning.</p>
</li>
</ul>
<p><span style="font-weight: 700;">Contribution to certification options</span><br>Certification of participation specifies a minimum number of E-Activities. The outputs of many of the course E-Activities are specified requirements for the final <a href="#">assignment</a> in the course for learners seeking formal academic credit.</p>
<div class="button">
<a href="#">Participation metrics</a>
</div>
<div class="button">
<a href="#">E-Activities</a>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<ul class="pager">
<li class="previous"><a href="assessment.html">&larr; Previous</a></li>
<li class="next"><a href="certificationforparticipation.html">Next &rarr;</a></li>
</ul>
</div>
</div>
</div>
</section>
<!-- 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>
<h4 class="modal-title" id="myModalLabel">OCL4Ed</h4>
</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>
<h4 class="modal-title" id="myModalLabel">WikiEducator login</h4>
</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
<!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="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.min.js"></script>
</head>
<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>
<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 class="current"><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><a href="#">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 class="active">Home</li>
<li><a href="#">Library</a></li>
<li><a href="#">Data</a></li>
</ol>
</div>
</div>
<section id="main">