Commit fd90a6cb authored by olijones's avatar olijones
Browse files

update #2

parents
<!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="#">A</a></li>
<li><a href="#">B</a></li>
<li><a href="#">C</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>
</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>
</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>
</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>
</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>
<section id="main">
<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>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="panel">
<div class="panel-body">
<div class="col-md-12">
<h3>Course Overview</h3>
<hr>
<h3>What's it about?</h3>
<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>
<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>
<li><a href="#">Learning environment</a>; and</li>
<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>
<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>
</ul>
<hr>
<h3>Prerequisites</h3>
<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>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<ul class="pager">
<li class="previous"><a href="registration.html">&larr; Previous</a></li>
<li class="next"><a href="courseguide.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-large btn-primary center-block">Open Content Licensing for Educators<br>Course overview</a>
</div>
</div>
<div class="row">
<div class="col-md-4">
<a href="/course/OCL4Ed/Course_guide/Aims/" class="btn btn-large btn-primary center-block">Course aims</a>
</div>
<div class="col-md-4">
<a href="/course/OCL4Ed/Course_guide/" class="btn btn-large btn-primary center-block">Course guide</a>
</div>
<div class="col-md-4">
<a href="/course/OCL4Ed/Assessment/" class="btn btn-large 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-large btn-info center-block">Start here</a>
</div>
<div class="col-md-6">
<a href="/course/OCL4Ed/Registration/" class="btn btn-large 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-large btn-primary center-block">Learning console</a>
</div>
<div class="col-md-4">
<a href="/course/OCL4Ed/Console/#Announcements" class="btn btn-large btn-primary center-block">Announcements</a>
</div>
<div class="col-md-4">
<a href="/course/OCL4Ed/Support/" class="btn btn-large 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-large 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
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
html
{
background-color: #FBFAF6;
}
body
{
min-width: 320px;
}
div
{
position: relative;
}
header
{
background-color: #6FA92E;
padding-bottom: 20px;
}
header > div:first-child
{
background-color: #FFF;
margin-bottom: 20px;
}
header p
{
font-size: 16px;
padding-bottom: 15px;
}
header .row a
{
background-color: #FFF;
color: #6FA92E;
}
header a:hover
{
opacity: 0.6;
}
a:hover
{
text-decoration: none;
}
h1 .brand img
{
max-width: 450px;
width: 100%;
}
h1 .brand:hover
{
opacity: 1;
}
nav
{
background-color: #649D23;
}
nav a
{
color: #D4E3C7;
text-align: center;
padding: 10px 15px;
text-transform: none;
}
nav ul
{
list-style-type:none;
margin:0;
padding:0;
}
nav li
{
display: inline;
line-height: 40px;
}
nav li:hover
{
display: inline;
line-height: 40px;
}
section
{
background-color: #FBFAF6;
min-height: 100px;
}
footer
{
background-color: #42484D;
color: #868A8D;
padding-top: 30px;
padding-bottom: 30px;
}
details
{
padding-bottom: 10px;
}
details summary::-webkit-details-marker
{
display: none;
}
summary
{
cursor: pointer;
outline: none;
}
.right
{
text-align: right;
}
.floatright
{
float: right;
margin-top: 55px;
}
.greenbg {
background-color: #649D23;
margin-bottom: 50px;
}
.paragraphlist {
margin-bottom: 30px;
}
.textlist {
list-style-type: disc;
font-weight: 300;
font-size: 16px;
}
hr {
margin-top: 40px;
margin-bottom: 40px;
}
.pedigogicalicon {
float: left;
clear: left;
padding-right: 20px;
}
#main
{
padding-bottom: 100px;
}
/* Social Media */
#social-media
{
float: right;
width: 190px;
margin-top: 100px;
}
#social-media ul
{
list-style-type: none;
margin:0;
padding:0;
}
#social-media li
{
display: inline;
}
a.social-icon
{
width: 26px;
height: 26px;
display: inline-block;
margin: 0 5px;
}
a.social-icon:hover
{
opacity: 0.6;
}
a.facebook
{
background:url(../img/social-icons.png) 0 0;
}
a.twitter
{
background:url(../img/social-icons.png) 26px 0;
}
a.google-plus
{
background:url(../img/social-icons.png) 74px 0;
}
a.linkedin
{
background:url(../img/social-icons.png) 52px 0;
}
.cc {
margin-left: 10px;
}
/* Bootstrap Overrides */
#main .row:first-child
{
margin-top: 0;
}
/* Navigation */
.navbar
{
margin: 0;
}
.nav > li > a:hover,
.nav > li > a:focus,
.nav .current a
{
color: #FFF;
background-color: #5a9319;
}
.navbar-toggle
{
background-color: #6EA72D;
}
.navbar-toggle .icon-bar
{
background-color: #FFF;
}
/* Search */
.navbar-form
{
max-width: 210px;
padding-right: 0;
}
.navbar-form input[type=text]
{
max-width: 150px;
background: #6FA92E;
color: #FFF;
border: none;
}
.navbar-form input[type=submit]
{
width: 19px;
height: 19px;
background:url(../img/search.png) 0 0;
border: none;
margin: 0 0 0 10px;
box-shadow: none;
padding: 0;
}
.navbar-collapse
{
padding-left: 0;
}
#SearchResults
{
list-style-type: none;
padding: 0;
}
#SearchResults li
{
padding-bottom: 20px;
}
#SearchResults a h4, #SearchResults a
{
color: #333 !important;
}
#SearchResults a h4:hover
{
text-decoration: underline;
}
#SearchResults p
{
margin-bottom: 0 !important;
}
/* Home Page */
#homePage #main .row img
{
margin: 0 auto;
display: block;
}
/* Blog */
.blogSummary
{
padding-bottom: 10px;
}
@media (min-width: 992px) {
footer > div:last-child .row > div:last-child
{
text-align: right;
}
}
@media only screen and (max-width: 992px)
{
#home-carousel .slides img
{
max-width: 400px;
margin: 0 auto;
}
nav
{
background-color: #6FA92E;
}
.navbar-collapse
{
background-color: #649D23;
border: none;
}
.navbar-toggle:hover
{
background-color: #649D23;
}
#social-media
{
float: none;
margin: 0 auto;
}
footer #footer-logo
{
display: block;
margin: 0 auto;
padding-bottom: 20px;
}
footer p
{
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
footer #footer-note
{
margin-top: 0;
}
footer .col-md-2-override {
width: auto;
}
.row
{
margin-right: 0;
}
.video-container
{
margin-top: 0;
}
footer > div:last-child .row > div
{
text-align: center;
}
}
@media only screen and (max-width: 768px)
{