Commit 5c7fc01f authored by olijones's avatar olijones
Browse files

Captions

Added thumbnail captions to images
parent 1a6bd57d
......@@ -184,7 +184,10 @@
</ul>
</div>
<div class="col-md-4">
<div class="thumbnail with-caption">
<img class="img-responsive" src="images/400px-Join_the_conversation.jpg" alt="oeru courses">
<p>Join the OCL4Ed conversation<img class="thumbnail-icon" src="images/Icon_magnify.png"></p>
</div>
</div>
<div class="col-md-12">
<p>The participation certification is experimental and provided on an "AS-IS" and "AS-AVAILABLE" basis. Students are responsible for entering the correct information on registration. As this feature relies on 3rd party websites, we are unable to guarantee that these services will be operational for the duration of the course and we cannot guarantee that late registrations will track all your activity. Please note that the automated participation metric is final as we do not have the resources to attend to individual appeals in cases where the automated participation metrics may differ from what you believe these to be.</p>
......
......@@ -189,7 +189,10 @@
</blockquote>
</div>
<div class="col-xs-12 col-sm-6 col-md-4">
<img class="image" src="images/Yamashita_Yohei_-_CC_on_Orange_(by).jpg" alt="oeru courses">
<div class="thumbnail with-caption">
<img src="images/Yamashita_Yohei_-_CC_on_Orange_(by).jpg" alt="oeru courses">
<p><img class="thumbnail-icon" src="images/Icon_magnify.png"></p>
</div>
</div>
</div>
<p>Access to education is a fundamental human right and UNESCO considers this essential to exercising the other human rights <sup><a href="#">[2]</a></sup>. This course is contributing to the inevitable outcome in the future where open education will be taken for granted by all education institutions.</p>
......
......@@ -3780,9 +3780,6 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
padding-left: 15px;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
overflow-y: auto;
......
......@@ -192,6 +192,31 @@ a.linkedin
margin-top: 10px;
}
.thumbnail.with-caption {
display: inline-block;
background: #f5f5f5;
}
.thumbnail.with-caption p {
margin: 0;
padding-top: 0.5em;
}
.thumbnail.with-caption small:before {
content: '\2014 \00A0';
}
.thumbnail.with-caption small {
width: 100%;
text-align: right;
display: inline-block;
color: #999;
}
.thumbnail-icon
{
float: right;
}
/* Bootstrap Overrides */
#main .row:first-child
......
......@@ -209,8 +209,6 @@
</div>
</div>
</div>
</section>
......
......@@ -160,7 +160,10 @@
</blockquote>
</div>
<div class="col-xs-12 col-md-4">
<img src="images/300px-Stanley_compass_1.jpg" alt="oeru compass">
<div class="thumbnail with-caption">
<img src="images/300px-Stanley_compass_1.jpg" alt="oeru compass">
<p>Navigating the course and your personal learning environment<img class="thumbnail-icon" src="images/Icon_magnify.png"></p>
</div>
</div>
<div class="col-md-12">
<p>A key teaching philosophy of the OERu is to embed the acquisition of new digital literacies into your OERu learning journey. Knowledge of how to use the Internet and social media technologies will better prepare you for life in a digital world.</p>
......
......@@ -158,7 +158,10 @@
</ol>
</div>
<div class="col-xs-12 col-sm-12 col-md-4">
<img class="img-responsive" src="images/400px-Gold_medal.jpg" alt="mouse">
<div class="thumbnail with-caption">
<img class="img-responsive" src="images/400px-Gold_medal.jpg" alt="medal">
<p>Earn recognition for your participation and learning<img class="thumbnail-icon" src="images/Icon_magnify.png"></p>
</div>
</div>
</div>
</div>
......
......@@ -154,7 +154,10 @@
</ol>
</div>
<div class="col-xs-12 col-sm-12 col-md-6">
<img src="images/Bookshelf.jpg" alt="oeru courses">
<div class="thumbnail with-caption">
<img src="images/Bookshelf.jpg" alt="oeru courses">
<p>Recommended reading<img class="thumbnail-icon" src="images/Icon_magnify.png"></p>
</div>
</div>
<div class="col-md-12">
<hr>
......
......@@ -160,7 +160,10 @@
</ol>
</div>
<div class="col-xs-12 col-sm-6 col-md-4">
<img src="images/One_Canada_Square,_Canary_Wharf.jpg" alt="oeru courses">
<div class="thumbnail with-caption">
<img src="images/One_Canada_Square,_Canary_Wharf.jpg" alt="oeru courses">
<p>Time to get started<img class="thumbnail-icon" src="images/Icon_magnify.png"></p>
</div>
</div>
</div>
</div>
......
......@@ -146,7 +146,10 @@
<p>The OERu free online courses usually attract hundreds of participants worldwide. Meet new friends and share your experiences. You will get the most from this course by sharing your thoughts, ideas and experiences with fellow participants by posting regularly via your microblog and the identified discussion forums. There are numerous prompts embedded in the course materials when to share ideas, or you can post whenever you like. All these interactions are automatically harvested in the course feed which you will find on the <a href="#">learning console</a>.</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-4">
<img class="img-responsive" src="images/400px-Glowing_mouse.jpg" alt="mouse">
<div class="thumbnail with-caption">
<img class="img-responsive" src="images/400px-Glowing_mouse.jpg" alt="mouse">
<p>OCL4Ed is an open, online and networked learning experience<img class="thumbnail-icon" src="images/Icon_magnify.png"></p>
</div>
</div>
<div class="col-md-12">
<hr>
......@@ -187,7 +190,10 @@
</ol>
</div>
<div class="col-xs-12 col-sm-12 col-md-6">
<img class="img-responsive" src="images/OCL4Ed-learning-systemV2.png" alt="mouse">
<div class="thumbnail with-caption">
<img class="img-responsive" src="images/OCL4Ed-learning-systemV2.png" alt="learning system">
<p>Overview of the OCL4Ed learning environment<img class="thumbnail-icon" src="images/Icon_magnify.png"></p>
</div>
</div>
</div>
</div>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment