Commit 8cba2bf7 authored by olijones's avatar olijones
Browse files

NEW Clozequiz and Faq page

parent 3663bffa
......@@ -201,7 +201,7 @@
<div class="panel">
<div class="panel-heading">
<div>
<img class="pedigogicalicon" src="images/Icon_activity.png">
<img class="pedigogicalicon" src="images/Icon_activity.svg">
</div>
<div>
<h2>Activity</h2>
......
This diff is collapsed.
......@@ -5041,7 +5041,7 @@ a.list-group-item-danger.active:focus {
font-size: 20px;
color: inherit;
}
.panel-title, .glyphicon {
.panel-title .glyphicon {
margin-right: 10px;
}
.panel-title > a {
......
......@@ -117,4 +117,10 @@ a:hover,
a:focus {
color: #649D23; /* OP */
/*color: #2a6496; /* OERu */
}
\ No newline at end of file
}
.pagenav {
background-color: #D0E9FF; /* OP */
}
#pagenav .current {
background-color: #98D6F6; /* OP */
}
......@@ -375,7 +375,11 @@ color: #999;
margin: 0 auto;
display: block;
}
.clozequiz {
width: 200px;
display: inline-block;
margin-bottom: 5px;
}
/* Blog */
.blogSummary
......@@ -551,7 +555,6 @@ color: #999;
}
.pagenav {
margin: 1px;
background-color: #D0E9FF;
padding: 10px;
}
.pagenav:hover {
......@@ -563,6 +566,37 @@ opacity: .8;
.nomargin {
margin-bottom: 0px;
}
@media (max-width: 992px) {
.faqnav
{
display: none;
}
}
.faqnav{
width: 213px;
}
.faqnav.affix {
top: 40px;
width: 213px;
}
.sidenav li {
list-style: none;
text-align: right;
}
.sidenav a {
color: #333;
}
.faqnav .nav>.active>a {
color: #005aab;
font-weight: 600;
}
.faqnav .nav>li>a:hover {
background-color: transparent;
color: #005aab;
}
.faqnav .nav>li>a {
padding: 0px;
}
#pagenav {
padding-top: 0px;
padding-bottom: 0px;
......@@ -570,9 +604,6 @@ opacity: .8;
#pagenav a {
color: black;
}
#pagenav .current {
background-color: #98D6F6;
}
#pagenav .col-md-4 {
padding-left: 0px !important;
padding-right: 0px !important;
......
......@@ -26,8 +26,9 @@ h2
}
h3
{
font-size: 42px;
margin-bottom: 30px;
font-size: 20px;
margin-bottom: 15px;
margin-top: 30px;
font-weight: 300 !important;
}
h4 a
......@@ -204,6 +205,10 @@ color: #FFF;
{
font-size: 32px;
}
.brandtext
{
margin-top: 15px;
}
}
@media (max-width: 768px) {
......
<!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 data-spy="scroll" data-target=".faqnav">
<header>
<div>
<div class="container">
<div class="brandtext">
<h1><a href="index.html">OCL4Ed</a></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 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>
<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">
<h1>Frequently Asked Questions</h1>
<hr>
</div>
<div class="col-md-9">
<h2 id="openContent">Open content licensing for educators</h2>
<h3>What is the hash tag for this course?</h3>
<p>The hash tag for this course is #OCL4Ed</p>
<h3>Why must I tag my microblog and blog posts?</h3>
<p>The course tag is used by WENotes to harvest your post for the course feed. Include "#OCL4Ed" in your Twitter posts and add the tag (called a label in blogger) "OCL4Ed" to your blog posts.</p>
<hr>
<h2 id="microblogging">Microblogging</h2>
<h3>Where can I find help on how to microblog?</h3>
<p>The <span style="font-weight: 700;">support</span> link in your course navigation provides access to a detailed tutorial on microblogging. Read the instructions carefully.
If you are new to microblogging, you can start by posting directly on WENotes located on the Course Console page (see course navigation under the "Study" link.) Remember that you must be logged in before you can post. As you gain experience, you may want to experiment by creating your own Twitter account which is documented in the help tutorial.</p>
<h3>Can I post or answer questions using the OERu microblog feeds?</h3>
<p>Absolutely!<br>
We encourage all OERu participants to post short questions and invite all participants to share their answers to these questions. That's what peer-to-peer learning is all about. There is a good chance your facilitators might be sleeping when you post your question, and many participants are equally experienced to post valid answers and advice. It is better for us to share the responsibility for learning together.</p>
<h3>Why do OERu courses use microblog posts for peer-to-peer interactions?</h3>
<p>The OERu's free online courses can attract large numbers of participants spanning 24 time zones.</p>
<ul class="textlist">
<li>Long discussion forum posts don't scale well for a large courses especially when sharing ideas of the moment and short thoughts to stay connected with your peers;</li>
<li>Defining open educational resources</li>
<li>We have found that using microblog posts lower the barriers to participation and results in a 24/7 stream of digital consciousness among peers participating in the course.</li>
<li>The 140 character limit encourages economy of language and focuses on the key concept or message. However OERu courses usually also provide access to discussion forums for more substantive contributions.</li>
</ul>
<h3>Should I read all the microblog posts for my course?</h3>
<p>Active OERu courses with many participants can generate a large number of posts. In many courses it will not be possible to read all the posts and learners are not expected to read everything. Filter according to your interests or the time you have available. A few tips:</p>
<ul class="textlist">
<li>We recommend that you read the posts within your own time zone and post responses when it's convenient for you;</li>
<li>It's more fun and rewarding to respond to the live posts of the hour within your own timezone.</li>
<li>Choose a few course participants with similar interests and follow their microblog stream.</li>
<li>You may also want to scan through the aggregated feed for your course and respond to posts which attract your interest.</li>
</ul>
<h3>Where can I read the microblog posts for the course?</h3>
<p>The best place to access the aggregated feed is from the Learning Console (accessible from the "Study" link in the main course navigation).
If you are just interested in the feeds from a particular source, for example, twitter (that is without posts from other sources) you can search for the OERu course tag on the respective websites, for example "#OCL4Ed".</p>
<h3>Why don't my OERu microblog posts appear in the aggregated course stream?</h3>
<p>The aggregated course feed uses a dedicated tag(s) for your OERu course (for example #AST1000, #OCL4Ed or #OERuWSP). Your OERu course will indicate the tags you should be using. The tag is used as a technical code for harvesting your post into the feed.<br>Make sure that you include the allocated course tag within in your microblog posts when using an external service. For example "I'm enjoying today's activities in the #AST1000 course". The tag is used to identify posts related to specific OERu courses and if omitted, the aggregated feed will not pick up your contribution. Check that you are leaving a space before and after the tag, for example: I'm having fun on the #OCL4Ed course.</p>
<p>Sometimes microblog service providers experience technical problems, which may delay posts. Try to post again later, assuming you have included the course tag properly in your post. The OER Foundation does not administer these microblog sites and we will not be able to assist with these technical service issues.</p>
<h3>When should I post a microblog contribution to the course feed?</h3>
<p>You are encouraged to post contributions any time during the course (remember to include the course tag in the text of your microblog post if you are using Twitter).<br>Participants are invited to post their views, thoughts, and ideas at any time which will contribute to the international stream of digital consciousness during your course.</p>
<p>We have also embedded a number of microblog activities in the OERu course materials. These are triggers or catalysts to share your personal thoughts and views relating to specific course content, e.g., selected videos or topical issues embedded in the course materials.</p>
<hr>
<h2 id="blogging">Blogging</h2>
<h3>Why do I need a blog for OERu courses?</h3>
<p>The OERu encourages learners to create their own personal learning environments so you can manage and document your own learning using the technologies of your choice. A blog is a powerful and useful tool to add to your personal learning environment. A major advantage of maintaining your own blog is that you will retain control and access to your own work after you finish the course.<br>
Many OERu courses invite learners to create a course blog using free hosting services for:</p>
<ul class="textlist">
<li>Recording the outputs of selected learning activities</li>
<li>Maintaining a personal learning journal</li>
</ul>
<p>Your course blog is a public e-portfolio which you manage and share with fellow learners. We encourage learners to comment on the blog posts of fellow learners. This is a good way to connect and offer peer-to-peer learning support.</p>
<p>Need a little help in setting up a blog? Consult the support materials for tutorials on how to create a blog.</p>
<h3>Where should I register or update my blog url?</h3>
<p>You can register the url of your blog on the course <a href>registration page</a></p>
</div>
<div class="col-md-3">
<div class="faqnav" data-spy="affix" data-offset-top="360">
<ul class="nav sidenav">
<li><a href="#openContent">Open content licensing for educators</a></li>
<li><a href="#microblogging">Microblogging</a></li>
<li><a href="#blogging">Blogging</a></li>
</ul>
</div>
</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>
<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 class="footertext">Content is available under <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution Share-Alike License.</a></div>
<div class="footertext"><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 class="col-md-6">
<img src="images/OP-logo.png" alt="oplogo">
</div>
</div>
</div>
</footer>
</body>
</html>
\ No newline at end of file
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
<path id="note-29-icon_1_" fill="#FFFFFF" d="M34.289,31.426H13.651v-3.092h20.638V31.426z M34.289,24.681H13.651v-3.103h20.638
V24.681z M33.828,0c-3.562,0-6.426,2.872-6.426,6.426c0,1.411,0.461,2.702,1.222,3.763l-7.066,7.056h4.625l4.983-4.974
c0.82,0.37,1.701,0.58,2.662,0.58c3.563,0,6.425-2.882,6.425-6.425C40.253,2.872,37.392,0,33.828,0z M33.828,5.034
c-1.121,0-2.002-0.63-2.002-1.401c0-0.78,0.881-1.411,2.002-1.411s2.001,0.631,2.001,1.411C35.829,4.404,34.949,5.034,33.828,5.034z
M38.833,14.993c0,5.994,0,14.842,0,16.983c0,6.576-8.127,3.933-8.127,3.933s2.502,7.928-3.644,7.928c-3.323,0-5.564,0-17.895,0
V9.258H24.3c-0.38-1.321-0.5-2.722-0.32-4.164H5.004V48h22.139c7.086,0,15.854-9.268,15.854-15.673V10.219
C42.155,12.221,40.693,13.901,38.833,14.993z"/>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
<path id="help-8-icon_1_" fill="#FFFFFF" d="M7.439,0C4.238,0,1.636,2.602,1.636,5.824v36.343C1.636,45.389,4.238,48,7.439,48
h38.924V0H7.439z M8.621,4.423c2.622,0,33.2,0,33.2,0v4.022c0,0-29.998,0-33.2,0C5.878,8.445,5.878,4.423,8.621,4.423z
M41.701,43.337H12.283V13.168h29.418V43.337z M18.887,27.957l1.441-1.34c1.681,0.82,2.762,1.44,4.682,2.801
c3.562-4.062,5.945-6.123,10.328-8.865l0.479,1.081c-3.621,3.172-6.283,6.694-10.105,13.559C23.35,32.41,21.769,30.64,18.887,27.957
z"/>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
<path id="full-folder-icon" fill="#FFFFFF" d="M44.254,8.419v9.003H36.91l-8.743-6.723l-2.921,3.812l3.801,2.911h-3.941
l-8.744-6.723L11.2,17.422H3.617V4.627h11.685l2.681,2.651c0.721,0.73,1.721,1.141,2.761,1.141H44.254z M48.005,21.494h-48.01
l2.801,21.879h41.767L48.005,21.494z"/>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
<path id="book-13-icon" fill="#FFFFFF" d="M8.607,8.447c-2.742,0-2.742-4.023,0-4.023c1.981,0,37.751,0,37.751,0V0H7.446
C4.243,0,1.642,2.612,1.642,5.825v36.351C1.642,45.398,4.243,48,7.446,48h38.912V8.447C45.798,8.447,10.85,8.447,8.607,8.447z
M41.715,43.337H12.29V13.171h29.425V43.337z M28.304,18.625c1.121-0.961,2.803-0.941,3.724,0.05c0.94,0.981,0.78,2.553-0.36,3.513
c-1.121,0.961-2.783,0.941-3.724-0.05C27.022,21.158,27.183,19.586,28.304,18.625z M22.419,36.21c0.4-2.392,2.762-7.496,3.103-8.467
c0.34-0.961-0.301-1.231-1.001-0.841c-0.4,0.23-0.98,0.691-1.501,1.141c-0.141-0.279-0.34-0.609-0.48-0.92
c0.82-0.832,2.202-1.942,3.843-2.342c1.962-0.491,5.245,0.29,3.844,4.033c-1.002,2.673-1.723,4.515-2.162,5.896
c-0.461,1.371,0.08,1.661,0.86,1.121c0.621-0.41,1.262-0.991,1.742-1.432c0.22,0.36,0.28,0.48,0.521,0.891
c-0.841,0.851-3.003,2.843-4.645,3.433C24.061,39.593,21.999,38.592,22.419,36.21z"/>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
<path id="sms-3-icon" fill="#FFFFFF" d="M14.452,35.465L14.452,35.465c-3.042,1.861-9.688,3.744-14.373,4.594
c1.762-3.463,3.684-8.217,3.604-11.529C1.321,25.697,0,22.054,0,18.34C0,7.872,10.168,0.215,21.578,0.215
c11.329,0,21.578,7.597,21.578,18.125c0,0.15,0,0.3,0,0.45c-1.321-0.71-2.742-1.291-4.283-1.711
c-0.802-7.096-8.248-12.67-17.295-12.67c-9.568,0-17.375,6.245-17.375,13.931c0,4.043,1.761,6.585,4.203,9.097
c-0.48,3.725-1.701,6.967-1.701,6.967s3.563-0.941,7.606-3.293C14.132,32.582,14.192,34.033,14.452,35.465z M47.939,47.785
c-3.222-0.561-7.806-1.881-9.868-3.162c-11.449,2.801-19.776-4.234-19.776-11.771c0-7.244,7.066-12.469,14.852-12.469
C40.994,20.382,48,25.646,48,32.852c0,2.553-0.921,5.064-2.522,7.008C45.397,42.141,46.739,45.424,47.939,47.785z"/>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
<path id="note-25-icon" fill="#FFFFFF" d="M10.888,25.974h22.566v3.497H10.888V25.974z M32.475,21.856H10.888v-3.488h16.57
C28.816,19.907,30.536,21.106,32.475,21.856z M43.068,21.376v9.114c0,7.146-9.794,17.51-17.709,17.51H1.274V0.06h26.963
c-0.101,0.09-0.18,0.19-0.28,0.28c-1.279,1.27-2.258,2.758-2.897,4.377H5.911v38.636c13.771,0,15.63,0,19.368,0
c6.855,0,4.077-8.854,4.077-8.854s9.055,2.938,9.055-4.407c0-1.14,0-3.997,0-7.405C40.07,22.546,41.629,22.096,43.068,21.376z
M10.888,10.763H24.16c0.1,1.209,0.379,2.378,0.799,3.488H10.888V10.763z M38.031,6.646c0-0.01,0-0.07,0.04-0.06v0.01
c0.02,0,0.02-0.02,0.04-0.01c0.02,0,0.04,0.02,0.06,0.02c0.021,0,0.021-0.01,0.04-0.02l0.021,0.01c0.02,0,0.04-0.02,0.04-0.02
c0.02-0.01,0.02,0,0.04,0c0.02,0,0.02-0.01,0.02-0.01s0,0,0.02,0c0,0,0,0.01,0,0.02c0,0.03-0.02,0.04-0.02,0.08
c-0.02,0.01,0.02,0.02,0,0.04c0,0.05-0.02,0.05-0.02,0.05c-0.021,0.01-0.04,0-0.04,0c-0.021-0.01-0.04-0.02-0.04-0.03
c-0.021-0.01-0.021-0.01-0.021-0.01c-0.04-0.02-0.12-0.07-0.14-0.07l-0.021,0.01l0,0C38.031,6.656,38.031,6.646,38.031,6.646z
M36.372,4.287L36.372,4.287c0,0,0,0,0,0.01c0,0,0,0,0,0.01c0,0,0,0,0.021,0c0-0.01,0-0.01,0.02-0.03v-0.01
c0.021,0,0.021-0.01,0.04-0.01l0,0v0.01c0,0.02,0.021,0.04,0,0.06c-0.02,0-0.02,0.01-0.04,0.02c0,0,0,0.01,0,0.02l0.021,0.01l0,0
l0,0c0.02,0.02,0.02,0.02,0.04,0l0,0l0,0c0,0.01,0.02,0.02,0.02,0.02c0.02,0.01,0.02,0.02,0.02,0.03l0,0l0,0
c0.021,0.03,0,0.07-0.02,0.09s-0.04,0.03-0.08,0.02l0,0c0,0,0,0-0.02,0c0,0.01,0,0.02,0,0.02c0.02,0,0.02,0,0.02,0.01
c0,0.02-0.04,0.01-0.04,0.03l0,0l0,0c0,0,0,0,0,0.01l0,0c0.021-0.01,0.04-0.01,0.04-0.01c0.021-0.01,0,0.05,0,0.06
c0,0.01-0.06,0.02-0.08,0.02c-0.02,0.01-0.02,0.01-0.02,0.01c0,0.01,0,0.03,0,0.04c0.02,0.01,0.06-0.01,0.08-0.01l0,0
c0.02,0.01,0.04,0.02,0.06,0.04l0,0c0,0.01,0.021,0.01,0.021,0l0,0c0-0.01,0.02-0.01,0.02-0.01c0.02,0,0.02,0,0.02,0.01v0.01
c-0.02,0.01-0.039,0.03-0.06,0.02c-0.02,0-0.04,0-0.04,0c-0.04,0.01-0.08,0.02-0.1,0.05c-0.021,0.01-0.021,0.02-0.04,0.03
c0,0.01,0,0.01,0,0.02h0.02c0,0,0.021,0,0.021-0.01c0.02,0,0.04-0.02,0.06,0.01l0,0l0,0c0.04-0.01,0.04-0.05,0.08-0.05
c0.021,0,0.021,0.02,0.06,0.02c0.021-0.01,0.04-0.03,0.08-0.03l0.04,0.01c0,0.01,0,0.01,0.061,0.01c0.02,0,0.02,0.01,0.04,0.02
c0.02,0,0.04-0.01,0.06-0.01l0,0l0,0c0,0,0.06-0.01,0.06-0.04l0,0l0,0c-0.02-0.01-0.04-0.04-0.04-0.06v-0.01h0.021v0.01l0,0
c0.02-0.01,0.04-0.02,0.06-0.03c0.021,0,0.021-0.01,0.021-0.03c0-0.01,0-0.04-0.04-0.06l0,0c0,0-0.08-0.04-0.08-0.03
c-0.02,0.01-0.02,0.01-0.04,0c0-0.01,0-0.01,0-0.01c0.021-0.02,0.021-0.02,0.021-0.03c0-0.01,0-0.02,0-0.03
c-0.021-0.01-0.021-0.02-0.021-0.03c0.021,0,0.021,0,0.021,0l-0.04-0.07l0,0c-0.021,0-0.021,0-0.04,0l0,0l0,0l0,0
c0-0.02-0.021-0.03-0.021-0.04c0-0.01,0-0.03,0-0.04c0-0.01,0-0.03,0-0.04c-0.02-0.05-0.02-0.1,0-0.15
c0.021-0.01,0.021-0.03,0.04-0.05c0.021-0.04-0.1-0.03-0.12-0.03l0,0v-0.01c0-0.01,0-0.02,0-0.03c0.021-0.01,0.021-0.01,0.04-0.02
c0.04-0.02,0.021-0.03,0-0.03c-0.02-0.01-0.04-0.01-0.08-0.01h-0.02c-0.021,0.01-0.021,0.01-0.021,0.02
c-0.02,0.02-0.039,0.04-0.06,0.06l0,0c-0.02,0.01-0.02,0.01-0.02,0.01c-0.021,0-0.021,0-0.021,0l0,0l-0.02,0.01
c0,0.01,0,0.02,0,0.03c0.02,0,0.02,0.01,0.02,0l0,0v0.01c0,0.01,0,0.02,0,0.03l0,0c0,0.01,0,0,0,0c-0.02,0-0.02,0-0.02,0l0,0
c-0.021,0-0.021,0.03-0.021,0.05l0,0C36.393,4.227,36.393,4.257,36.372,4.287z M46.726,9.584c0,5.296-4.297,9.584-9.574,9.584
c-5.296,0-9.594-4.288-9.594-9.584C27.558,4.287,31.855,0,37.151,0C42.429,0,46.726,4.287,46.726,9.584z M39.97,5.457
c0-0.02,0.04-0.02,0.061-0.05c0-0.01-0.021-0.02-0.021-0.03c-0.02-0.01-0.02-0.01-0.04,0c-0.02,0.01-0.02,0.01-0.04,0.01
c0,0,0-0.01,0-0.02c-0.02-0.01,0-0.02,0-0.02v-0.01l0,0l0,0c-0.04-0.01-0.06-0.01-0.08-0.02c-0.039,0-0.06,0-0.1,0.01
c-0.02,0.01-0.02,0.01-0.04,0.03c0,0.05-0.02,0.07-0.02,0.08c-0.021,0.03-0.04,0.06-0.04,0.1c-0.021,0.01-0.021,0.03-0.04,0.04l0,0
c0,0-0.021,0.08,0,0.09c0,0.02,0,0.04,0,0.06s-0.04,0.01-0.04,0.03l0,0c0,0.03,0,0.07,0,0.1v0.01l0,0l0,0
c-0.02-0.01-0.02-0.01-0.02-0.01c0,0.01,0,0.02,0,0.02l0,0l0.039,0.05c0.021,0.05,0.08,0.09,0.141,0.11l0,0c0.02,0.01,0.06,0,0.08,0
c0.039,0,0.079,0,0.119,0c0,0,0.021-0.01,0.04-0.01c0-0.01,0.021-0.02,0.021-0.03l0,0c0-0.01,0-0.01,0.04-0.04
c0.02-0.02,0.06-0.03,0.08-0.05c0.04-0.04,0.1,0,0.159-0.02l0.18,0.06l0,0c0.04,0.02,0.181,0.02,0.2,0.03
c0.021,0,0.04,0.01,0.04,0.01v-0.01c0.04-0.01,0.061-0.05,0.08-0.03c0.06,0.03,0.24,0.01,0.2-0.13c-0.021-0.08-0.12-0.12-0.16-0.13
c-0.08-0.04-0.14-0.11-0.22-0.16c-0.04-0.02-0.08,0-0.12-0.02c-0.08-0.03-0.08-0.03-0.08-0.05v-0.01c0.021-0.03,0.04-0.06,0.04-0.1
l0,0c0.02-0.02,0.02-0.02,0-0.03s-0.06,0-0.06-0.03c0-0.03,0.04-0.06,0.079-0.07c0-0.01,0.021-0.02,0.021-0.03
s-0.021-0.03-0.021-0.03c-0.02,0-0.1,0.04-0.1,0.05l0,0l0,0l0,0l-0.18,0.09l0,0c-0.02,0.02-0.04,0.05-0.04,0.09
c0,0.03,0.04,0.07,0.06,0.08c0.021,0.01,0.04,0.01,0.021,0.02l0,0c0,0.01-0.08,0.09-0.1,0.09c-0.021,0.01-0.021,0-0.021-0.01l0,0
c-0.02-0.04-0.06-0.08-0.1-0.09C39.99,5.477,39.97,5.466,39.97,5.457z M44.807,9.584c0-0.79-0.119-1.599-0.26-2.019
c-0.06-0.14-0.159-0.24-0.279-0.29c-0.12-0.05-0.28-0.04-0.4,0.02c-0.3,0.18-0.3,0.2-0.399,0.2c-0.06,0-0.279,0.14-0.359-0.03
c0-0.03-0.08-0.169-0.2,0.03c-0.02,0.05-0.18,0.01-0.24-0.02c-0.14-0.09-0.34-0.29-0.379-0.34l0,0l0,0
c-0.061-0.06-0.221,0.02-0.101,0.19c0.38,0.56,0.439,0.57,0.54,0.62l0,0c0.06-0.03,0.04-0.05,0.12-0.06c0.04,0,0.079-0.03,0.1-0.06
v-0.01c0.02-0.04,0.06-0.07,0.1-0.08c0.04-0.01,0.101,0,0.12,0.04l0,0c0.08,0.05,0.16,0,0.22,0.03c0.18,0.09,0.12,0.25,0.08,0.45
l0,0c0,0.01,0,0.01,0,0.01c-0.02-0.01-0.02,0-0.02,0.02c0,0.07,0.02,0.12,0.02,0.19l0,0c-0.02,0.01-0.06,0.03-0.06,0.04
c-0.061,0.06-0.061,0.12-0.101,0.189c-0.04,0.05,0,0.18-0.1,0.18c-0.04,0-0.16,0.07-0.18,0.15c-0.021,0.1-0.08,0.19-0.16,0.25
c-0.06,0.05-0.14,0.12-0.24,0.2c-0.04,0.04-0.239,0.26-0.419,0.3c-0.04,0.01-0.061-0.01-0.08-0.03l0,0
c-0.101-0.18-0.141-0.39-0.22-0.58c-0.12-0.229-0.4-0.29-0.48-0.54c-0.06-0.2-0.1-0.29-0.199-0.35c-0.061-0.04-0.12-0.09-0.16-0.15
c-0.06-0.11-0.16-0.26-0.26-0.34c-0.04-0.04-0.06-0.08-0.06-0.13c0-0.03-0.04-0.03-0.04,0c-0.021,0.08,0.02,0.11-0.021,0.12
c-0.02,0.02-0.04,0.01-0.06-0.01c-0.061-0.06-0.16-0.17-0.181-0.23l0,0c0,0.02,0,0.05,0.021,0.07c0.12,0.189,0.76,1.089,0.779,1.179
c0.101,0.58,0.54,0.709,0.76,0.919c0.06,0.04,0.08,0.1,0.1,0.15c0,0.05,0.021,0.1,0.061,0.14c0.04,0.03,0.08,0.03,0.319,0
c0.04-0.01,0.08-0.04,0.1-0.06c0.021-0.02,0.221-0.09,0.24-0.11c0.04-0.03-0.02-0.01,0.1-0.07c0.061-0.02,0.101-0.16,0.101,0
c-0.021,0.04,0.02,0.08,0,0.12c-0.021,0.24-0.04,0.28-0.04,0.33c-0.021,0.06-0.04,0.12-0.08,0.18c-0.06,0.3-0.18,0.61-0.38,0.85
v0.01c-0.12,0.1-0.319,0.29-0.479,0.609c-0.1,0.2-0.26,0.38-0.36,0.58c-0.039,0.07-0.039,0.08,0,0.17
c0.021,0.07,0.08,0.37,0.101,0.75c0,0.42-0.061,0.49-0.2,0.58c-0.22,0.16-0.359,0.26-0.46,0.34c-0.119,0.09-0.18,0.22-0.18,0.37
c0,0.05-0.02,0.12-0.06,0.2l0,0c0,0.02-0.28,0.16-0.38,0.28l0,0l0,0c0.08,0.21-0.76,0.81-0.939,0.81c-0.12,0-0.439,0.05-0.58,0.11
c-0.1,0.04-0.359-0.05-0.399-0.11c0,0,0-0.02,0.021-0.02c0.06-0.06-0.16-0.38-0.221-0.42c-0.02-0.02-0.079-0.17-0.119-0.21
c-0.08-0.11,0.06-0.27-0.04-0.39v-0.01l-0.26-0.37c-0.04-0.05-0.16-0.12-0.16-0.189l0,0c0-0.08,0.14-0.44,0.14-0.46
c0.021-0.02,0.021-0.04,0.04-0.06c0-0.01,0.021-0.01,0.04-0.03c0.06-0.03,0.16-0.11,0.04-0.29c0-0.01,0,0.04-0.04-0.21
c-0.02-0.16-0.22-0.529-0.26-0.56c0,0-0.24-0.12-0.359-0.35c0-0.02,0.02-0.03,0.02-0.04c0.1-0.08,0.08-0.19,0.12-0.41
c0-0.01,0-0.02,0-0.03c0-0.01,0-0.01,0-0.01l0.02-0.01l0,0l0,0c0-0.04,0-0.11-0.06-0.2c0-0.02-0.021-0.02-0.04-0.02l0,0
c-0.04,0-0.06-0.02-0.08-0.05l0,0c0-0.01,0-0.01,0-0.01c-0.04-0.02-0.1-0.02-0.14-0.01c-0.12,0.04-0.34,0.09-0.38-0.07
c-0.04-0.2-0.18-0.24-0.24-0.24c-0.3,0.02-0.539,0.27-0.839,0.25c-0.021,0-0.04-0.01-0.04-0.01c-0.26-0.1-0.56-0.1-0.819-0.16
c-0.08-0.01-0.221-0.05-0.28-0.12l-0.38-0.37c-0.02-0.02-0.04-0.04-0.06-0.07c-0.12-0.18-0.16-0.58-0.2-0.66c0-0.01,0-0.02,0-0.02
l-0.04-0.07l0,0l0,0c-0.08-0.11-0.12-0.26-0.06-0.4l0.14-0.479c0-0.01,0-0.02,0-0.03c0-0.01,0-0.03,0.02-0.04
c0.021-0.25-0.02-0.34-0.039-0.38c-0.04-0.08-0.04-0.08,0.159-0.37c0.4-0.54,0.46-0.56,0.54-0.59l0,0l0,0
c0.16,0.02,0.46-0.19,0.46-0.3c0-0.03,0-0.1,0.06-0.21c0.021-0.03,0.06-0.07,0.08-0.09l0.359-0.28c0.061-0.05,0.141-0.06,0.22-0.02
l0,0c0.04-0.01,0.101-0.01,0.141,0.01c0.06,0.03,0.1,0.01,0.12,0c0.199-0.1,0.419-0.13,1.479-0.2c0.04,0,0.06,0.02,0.1,0.04v0.01
c0.061,0.07,0,0.07,0.08,0.18c0.021,0.05,0,0.08-0.08,0.17c-0.04,0.03-0.04,0.08-0.02,0.08c0.02,0.01,0.1,0.02,0.16,0.05
c0.06,0.04,0.18,0.08,0.279,0.11c0.101,0.03,0.18,0.08,0.24,0.15c0.04,0.04,0.56,0.36,0.52-0.07c0-0.03,0.04-0.08,0.08-0.12
c0.18-0.14,0.3,0.04,0.359,0.05c0.061,0.02,0.08,0.02,0.12,0.02l0,0l0,0c0.04,0,0.08,0.05,0.22,0.04c0.26-0.01,0.52,0.03,0.779-0.02
c0.021,0,0.061-0.01,0.101-0.03c0.279-0.24-0.021-0.53,0.04-0.779v-0.01c-0.021,0-0.021,0-0.021,0l0,0
c-0.08,0.01-0.16,0.04-0.22,0.1c-0.04,0.02-0.06,0.04-0.1,0.04c-0.08,0.01-0.12-0.04-0.2-0.06c-0.02-0.01-0.06,0-0.06,0.03H40.01
c-0.02,0.06-0.279,0.02-0.359-0.12c-0.04-0.04-0.08-0.07-0.12-0.09l0,0l0,0c0.08-0.08-0.04-0.14-0.04-0.189
c-0.02-0.03,0-0.06,0.021-0.07c0,0,0,0,0.02,0c0.06-0.03,0.08-0.07,0.08-0.06c-0.04,0.02-0.08,0.04-0.1,0.04l0,0
c-0.021,0-0.04,0-0.061-0.01c-0.04-0.03-0.08-0.04-0.12-0.04c-0.06,0-0.119,0.02-0.119,0.07c0,0.01-0.021,0.02-0.021,0.03l0,0h-0.02
c-0.021-0.01-0.04,0-0.04,0c-0.021,0.01-0.021,0.02-0.021,0.04c0,0.05,0.14,0.09,0.04,0.14h-0.02l-0.04,0.03
c-0.04,0.02-0.101-0.03-0.141-0.03h-0.02l0,0c-0.02,0-0.02,0-0.02,0l0,0c0,0-0.04-0.04-0.061-0.05c0-0.02,0-0.03-0.02-0.04
c0,0-0.021-0.01-0.021-0.02c-0.02-0.01-0.04-0.03-0.04-0.06l0,0c0-0.02,0-0.04,0-0.08c0-0.06-0.04-0.12-0.1-0.16
c-0.021-0.01-0.021-0.01-0.04-0.01s-0.02-0.01-0.04-0.01c-0.04-0.03-0.08-0.04-0.08-0.04l0,0l-0.319-0.25
c-0.021-0.01-0.