Getting Started
General Information
Thank you for purchasing our theme. We are happy that you are one of our customers and we assure you won't be disappointed. We do our best to produce top notch themes with great functionality, premium designs and human readable code. Before you get started we highly encourage you to get familiar with this documentation file. Spending half an hour reading the manual may save a lot of your time and avoid questions with obvious answers.
If you have any questions that are beyond the scope of this help file, feel free to post them on our support forum at https://themerex.ticksy.com/.
PLEASE NOTE! Our support covers getting setup, trouble using any features, and any bug fixes that may arise. Unfortunately, we cannot provide support for customizations or 3rd party plugins. If you need help with customizations of your theme, then you should ask for help from a developer.
HTML Structure
Customizer panel
Files responsible for the output, styles and settings of the panel can be found here:
root directory.../js/core.customizer/...
root directory.../js/skin.customizer.js
To turn the panel on you need to uncomment the following lines in your index.html file (and in the rest of the files you want your customizer panel to appear):
<!--<script type="text/javascript" src="js/core.customizer/front.customizer.min.js"></script>
<script type="text/javascript" src="js/skin.customizer.min.js"></script>-->
IMPORTANT: Changes made via Customizer panel will be active until you refresh the page. To save the changes you'd need to edit the source files. Such "on-the-go" customization functionality was made for a demonstration purposes only.
Background Images
To change the background image add one of the classes below into the <body> tag:
<body class="home page body_filled article_style_stretch layout_single-standard top_panel_style_dark top_panel_opacity_transparent top_panel_show top_panel_over menu_right user_menu_show sidebar_hide body_style_boxed bg_image_1" style="background-color: transparent;">
<body class="home page body_filled article_style_stretch layout_single-standard top_panel_style_dark top_panel_opacity_transparent top_panel_show top_panel_over menu_right user_menu_show sidebar_hide body_style_boxed bg_image_2" style="background-color: transparent;">
<body class="home page body_filled article_style_stretch layout_single-standard top_panel_style_dark top_panel_opacity_transparent top_panel_show top_panel_over menu_right user_menu_show sidebar_hide body_style_boxed bg_image_3" style="background-color: transparent;">
To see the image in higher resolution right click on it and choose "Open image in new tab" option in the context menu.
To edit basic Education color scheme you need to edit styles in the styles.css file and the rest of the .css related ones.
Background Patterns
To change the background pattern add of one the classes below into the <body> tag:
<body class="home page body_filled article_style_stretch layout_single-standard top_panel_style_dark top_panel_opacity_transparent top_panel_show top_panel_over menu_right user_menu_show sidebar_hide body_style_boxed custom_options_opened bg_pattern_1" style="background-color: transparent;">
<body class="home page body_filled article_style_stretch layout_single-standard top_panel_style_dark top_panel_opacity_transparent top_panel_show top_panel_over menu_right user_menu_show sidebar_hide body_style_boxed custom_options_opened bg_pattern_2" style="background-color: transparent;">
<body class="home page body_filled article_style_stretch layout_single-standard top_panel_style_dark top_panel_opacity_transparent top_panel_show top_panel_over menu_right user_menu_show sidebar_hide body_style_boxed custom_options_opened bg_pattern_3" style="background-color: transparent;">
<body class="home page body_filled article_style_stretch layout_single-standard top_panel_style_dark top_panel_opacity_transparent top_panel_show top_panel_over menu_right user_menu_show sidebar_hide body_style_boxed custom_options_opened bg_pattern_4" style="background-color: transparent;">
<body class="home page body_filled article_style_stretch layout_single-standard top_panel_style_dark top_panel_opacity_transparent top_panel_show top_panel_over menu_right user_menu_show sidebar_hide body_style_boxed custom_options_opened bg_pattern_5" style="background-color: transparent;">
Widgets sidebar
This is how the standard widgets sidebar looks like.
<div class="sidebar widget_area bg_tint_light sidebar_style_light">
<!-- Reviews widget -->
<aside class="column-1_1 widget widget_reviews">
<div class="reviews_block">
<div id="users_marks" class="sc_tabs_content">
<div class="reviews_editor">
<div class="reviews_item reviews_max_level_100" data-max-level="100" data-step="1">
<div class="reviews_criteria inited">Reviews criteria 1</div>
<div class="reviews_stars reviews_style_stars reviews_editable" data-mark="79">
<div class="reviews_stars_wrap inited">
<div class="reviews_stars_bg"></div>
<div class="reviews_stars_hover" style="width: 199px;"></div>
<div class="reviews_slider inited ui-draggable ui-draggable-handle" style="left: 199px;"></div>
</div>
<div class="reviews_value">79</div>
<input type="hidden" name="reviews_marks[]" value="79">
</div>
</div>
<div class="reviews_item reviews_max_level_100" data-max-level="100" data-step="1">
<div class="reviews_criteria inited">Reviews criteria 2</div>
<div class="reviews_stars reviews_style_stars reviews_editable" data-mark="87">
<div class="reviews_stars_wrap inited">
<div class="reviews_stars_bg"></div>
<div class="reviews_stars_hover" style="width: 219px;"></div>
<div class="reviews_slider inited ui-draggable ui-draggable-handle" style="left: 219px;"></div>
</div>
<div class="reviews_value">87</div>
<input type="hidden" name="reviews_marks[]" value="87">
</div>
</div>
<div class="reviews_item reviews_max_level_100" data-max-level="100" data-step="1">
<div class="reviews_criteria inited">Reviews criteria 3</div>
<div class="reviews_stars reviews_style_stars reviews_editable" data-mark="89">
<div class="reviews_stars_wrap inited">
<div class="reviews_stars_bg"></div>
<div class="reviews_stars_hover" style="width: 224px;"></div>
<div class="reviews_slider inited ui-draggable ui-draggable-handle" style="left: 224px;"></div>
</div>
<div class="reviews_value">89</div>
<input type="hidden" name="reviews_marks[]" value="89">
</div>
</div>
<div class="reviews_item reviews_max_level_100" data-max-level="100" data-step="1">
<div class="reviews_criteria inited">Reviews criteria 4</div>
<div class="reviews_stars reviews_style_stars reviews_editable" data-mark="92">
<div class="reviews_stars_wrap inited">
<div class="reviews_stars_bg"></div>
<div class="reviews_stars_hover" style="width: 232px;"></div>
<div class="reviews_slider inited ui-draggable ui-draggable-handle" style="left: 232px;"></div>
</div>
<div class="reviews_value">92</div>
<input type="hidden" name="reviews_marks[]" value="92">
</div>
</div>
</div>
<div class="reviews_accept inited">
<a href="#" class="sc_button sc_button_square sc_button_style_filled sc_button_bg_link sc_button_size_small">Accept your votes</a>
</div>
<div class="reviews_summary">
<div class="reviews_item reviews_max_level_100" data-step="1">
<div class="reviews_criteria">Summary rating from <b>3</b> user's marks. You can set own marks for this article - just click on stars above and press "Accept".</div>
<div class="reviews_stars reviews_style_stars" data-mark="87">
<div class="reviews_stars_wrap">
<div class="reviews_stars_bg"></div>
<div class="reviews_stars_hover" style="width: 0px;"></div>
</div>
<div class="reviews_value">87</div>
</div>
</div>
</div>
</div>
</div>
</aside>
<!-- /Reviews widget -->
<!-- Categories widget -->
<aside class="widget">
<h5 class="widget_title">Categories</h5>
<ul>
<li class="has_children"><a href="masonry-2-columns.html">Masonry (2 columns)</a> (12)
<ul class="children">
<li><a href="masonry-3-columns.html">Masonry (3 columns)</a> (12)</li>
</ul>
</li>
<li class="has_children"><a href="portfolio-2-columns.html">Portfolio (2 columns)</a> (12)
<ul class="children">
<li><a href="portfolio-3-columns.html">Portfolio (3 columns)</a> (12)</li>
</ul>
</li>
<li class="has_children"><a href="post-formats.html">Post Formats</a> (10)
<ul class="children">
<li><a href="post-formats-with-sidebar.html">Post Formats with Sidebar</a> (10)</li>
</ul>
</li>
</ul>
</aside>
<!-- /Categories widget -->
<!-- Recent posts widget -->
<aside class="widget">
<h5 class="widget_title">Recent Posts</h5>
<article class="post_item first">
<div class="post_thumb">
<img alt="Medical Chemistry: The Molecular Basis" src="images/masonry_01-75x75.jpg"></div>
<div class="post_content">
<h6 class="post_title">
<a href="post-with-sidebar.html">Medical Chemistry: The Molecular Basis</a>
</h6>
<div class="post_info">
<span class="post_info_item post_info_posted">
<a href="#" class="post_info_date">January 14, 2015</a>
</span>
<span class="post_info_item post_info_posted_by">by
<a href="#" class="post_info_author">John Doe</a>
</span>
<span class="post_info_item post_info_counters">
<a href="#" class="post_counters_item icon-eye"><span>29</span></a>
</span>
</div>
</div>
</article>
<article class="post_item">
<div class="post_thumb">
<img alt="Introduction to Computer Science" src="images/masonry_02-75x75.jpg">
</div>
<div class="post_content">
<h6 class="post_title">
<a href="post-without-sidebar.html">Introduction to Computer Science</a>
</h6>
<div class="post_info">
<span class="post_info_item post_info_posted">
<a href="#" class="post_info_date">January 14, 2015</a>
</span>
<span class="post_info_item post_info_posted_by">by
<a href="#" class="post_info_author">John Doe</a>
</span>
<span class="post_info_item post_info_counters">
<a href="#" class="post_counters_item icon-eye"><span>0</span></a>
</span>
</div>
</div>
</article>
<article class="post_item">
<div class="post_thumb">
<img alt="Introduction to Biomedical Imaging" src="images/masonry_03-75x75.jpg"></div>
<div class="post_content">
<h6 class="post_title">
<a href="post-without-sidebar.html">Introduction to Biomedical Imaging</a>
</h6>
<div class="post_info">
<span class="post_info_item post_info_posted">
<a href="#" class="post_info_date">January 13, 2015</a>
</span>
<span class="post_info_item post_info_posted_by">by
<a href="#" class="post_info_author">John Doe</a>
</span>
<span class="post_info_item post_info_counters">
<a href="#" class="post_counters_item icon-eye"><span>0</span></a>
</span>
</div>
</div>
</article>
<article class="post_item">
<div class="post_thumb">
<img alt="Evaluating Social Programs" src="images/masonry_04-75x75.jpg"></div>
<div class="post_content">
<h6 class="post_title">
<a href="post-without-sidebar.html">Evaluating Social Programs</a>
</h6>
<div class="post_info">
<span class="post_info_item post_info_posted">
<a href="#" class="post_info_date">January 13, 2015</a>
</span>
<span class="post_info_item post_info_posted_by">by
<a href="#" class="post_info_author">John Doe</a>
</span>
<span class="post_info_item post_info_counters">
<a href="#" class="post_counters_item icon-eye">
<span class="post_counters_number">4</span>
</a>
</span>
</div>
</div>
</article>
</aside>
<!-- /Recent posts widget -->
<!-- Calendar widget -->
<aside class="widget widget_calendar">
<h5 class="widget_title">Calendar</h5>
<div>
<table>
<thead>
<tr>
<th class="month_prev">
<a href="#" data-type="post,courses,tribe_events" data-year="2015" data-month="01" title="View posts for January 2015"></a>
</th>
<th class="month_cur" colspan="5">September <span>2015</span></th>
<th class="month_next">
<a href="#" data-month="10" data-year="2015" data-type="post,courses,tribe_events" title="View posts for October 2015"></a>
</th>
</tr>
<tr>
<th class="weekday" title="Monday">M</th>
<th class="weekday" title="Tuesday">T</th>
<th class="weekday" title="Wednesday">W</th>
<th class="weekday" title="Thursday">T</th>
<th class="weekday" title="Friday">F</th>
<th class="weekday" title="Saturday">S</th>
<th class="weekday" title="Sunday">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="1" class="pad">
<span class="day_wrap"> </span>
</td>
<td class="day"><span class="day_wrap">1</span></td>
<td class="day"><span class="day_wrap">2</span></td>
<td class="day"><span class="day_wrap">3</span></td>
<td class="day"><span class="day_wrap">4</span></td>
<td class="day"><span class="day_wrap">5</span></td>
<td class="day"><span class="day_wrap">6</span></td>
</tr>
<tr>
<td class="day"><span class="day_wrap">7</span></td>
<td class="day"><span class="day_wrap">8</span></td>
<td class="day"><span class="day_wrap">9</span></td>
<td class="day"><a class="day_wrap" title="Post" href="#">10</a></td>
<td class="day"><span class="day_wrap">11</span></td>
<td class="day"><span class="day_wrap">12</span></td>
<td class="day"><span class="day_wrap">13</span></td>
</tr>
<tr>
<td class="day"><span class="day_wrap">14</span></td>
<td class="day"><span class="day_wrap">15</span></td>
<td class="day"><span class="day_wrap">16</span></td>
<td class="day"><span class="day_wrap">17</span></td>
<td class="day"><a class="day_wrap" title="Post" href="#">18</a></td>
<td class="day"><span class="day_wrap">19</span></td>
<td class="day"><span class="day_wrap">20</span></td>
</tr>
<tr>
<td class="today"><span class="day_wrap">21</span></td>
<td class="day"><span class="day_wrap">22</span></td>
<td class="day"><span class="day_wrap">23</span></td>
<td class="day"><span class="day_wrap">24</span></td>
<td class="day"><span class="day_wrap">25</span></td>
<td class="day"><span class="day_wrap">26</span></td>
<td class="day"><span class="day_wrap">27</span></td>
</tr>
<tr>
<td class="day"><span class="day_wrap">28</span></td>
<td class="day"><span class="day_wrap">29</span></td>
<td class="day"><span class="day_wrap">30</span></td>
<td class="pad" colspan="4"><span class="day_wrap"> </span></td>
</tr>
</tbody>
</table>
</div>
</aside>
<!-- /Calendar widget -->
<!-- Tag cloud widget -->
<aside class="widget widget_tag_cloud">
<h5 class="widget_title">Tags</h5>
<div class="tagcloud">
<a href="tag-page.html" title="1 topic">aside</a>
<a href="tag-page.html" title="1 topic">audio</a>
<a href="tag-page.html" title="1 topic">chat</a>
<a href="tag-page.html" title="1 topic">computer</a>
<a href="tag-page.html" title="2 topics">english</a>
<a href="tag-page.html" title="1 topic">gallery</a>
<a href="tag-page.html" title="1 topic">image</a>
<a href="tag-page.html" title="1 topic">link</a>
<a href="tag-page.html" title="10 topics">masonry</a>
<a href="tag-page.html" title="2 topics">medical</a>
<a href="tag-page.html" title="1 topic">quote</a>
<a href="tag-page.html" title="2 topics">social</a>
<a href="tag-page.html" title="1 topic">standard</a>
<a href="tag-page.html" title="1 topic">status</a>
<a href="tag-page.html" title="1 topic">video</a></div>
</aside>
<!-- /Tag cloud widget -->
<!-- Flickr widget -->
<aside class="widget widget_flickr">
<h5 class="widget_title">Flickr Photo</h5>
<div class="flickr_images">
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=6&display=random&flickr_display=random&size=s&layout=x&source=user&user=52617155%40N08">
</script><div class="flickr_badge_image" id="flickr_badge_image1"><a href="http://www.flickr.com/photos/we-are-envato/5201347564/"><img src="http://farm6.staticflickr.com/5002/5201347564_cfd7f4a7e9_s.jpg" alt="A photo on Flickr" title="Amazing race" height="75" width="75"></a></div><div class="flickr_badge_image" id="flickr_badge_image2"><a href="http://www.flickr.com/photos/we-are-envato/4845101730/"><img src="http://farm5.staticflickr.com/4103/4845101730_a1c3590767_s.jpg" alt="A photo on Flickr" title="Nett Magazine August 2010" height="75" width="75"></a></div><div class="flickr_badge_image" id="flickr_badge_image3"><a href="http://www.flickr.com/photos/we-are-envato/4971973996/"><img src="http://farm5.staticflickr.com/4151/4971973996_4bff1a4df5_s.jpg" alt="A photo on Flickr" title="The Envato Remote Team" height="75" width="75"></a></div><div class="flickr_badge_image" id="flickr_badge_image4"><a href="http://www.flickr.com/photos/we-are-envato/4865373174/"><img src="http://farm5.staticflickr.com/4114/4865373174_23b7e03047_s.jpg" alt="A photo on Flickr" title="Collis Presenting at WebDU 2007" height="75" width="75"></a></div><div class="flickr_badge_image" id="flickr_badge_image5"><a href="http://www.flickr.com/photos/we-are-envato/4975304355/"><img src="http://farm5.staticflickr.com/4108/4975304355_40553dd3bc_s.jpg" alt="A photo on Flickr" title="Village People" height="75" width="75"></a></div><div class="flickr_badge_image" id="flickr_badge_image6"><a href="http://www.flickr.com/photos/we-are-envato/5200756129/"><img src="http://farm6.staticflickr.com/5047/5200756129_02acb96112_s.jpg" alt="A photo on Flickr" title="Amazing race" height="75" width="75"></a></div><span style="position:absolute;left:-999em;top:-999em;visibility:hidden" class="flickr_badge_beacon"><img src="http://geo.yahoo.com/p?s=792600102&t=3d1f4147a6a8513fda76b048c0f7677f&fl_ev=0&lang=en&intl=ua" width="0" height="0" alt=""></span>
</div>
</aside>
<!-- /Flickr widget -->
<!-- Search widget -->
<aside class="widget widget_search">
<h5 class="widget_title">Search</h5>
<form method="get" class="search_form" action="#">
<input type="text" class="search_field" placeholder="Search %u2026" value="" name="s" title="Search for:">
<button type="submit" class="search_button icon-search-2"></button>
</form>
</aside>
<!-- /Search widget -->
<!-- Popular posts widget -->
<aside class="widget">
<h5 class="widget_title">Popular</h5>
<div class="sc_tabs sc_tabs_style_2 inited ui-tabs ui-widget ui-widget-content ui-corner-all" data-active="0">
<ul class="sc_tabs_titles ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist">
<li class="sc_tabs_title first ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="sc_tabs_1" aria-labelledby="ui-id-1" aria-selected="true" aria-expanded="true">
<a href="#sc_tabs_1" class="theme_button ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-1">Views</a>
</li>
<li class="sc_tabs_title ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="sc_tabs_2" aria-labelledby="ui-id-2" aria-selected="false" aria-expanded="false">
<a href="#sc_tabs_2" class="theme_button ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-2">Comments</a>
</li>
<li class="sc_tabs_title last ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="sc_tabs_3" aria-labelledby="ui-id-3" aria-selected="false" aria-expanded="false">
<a href="#sc_tabs_3" class="theme_button ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-3">Likes</a>
</li>
</ul>
<div id="sc_tabs_1" class="sc_tabs_content odd first ui-tabs-panel ui-widget-content ui-corner-bottom" aria-labelledby="ui-id-1" role="tabpanel" aria-hidden="false" style="display: block;">
<article class="post_item first">
<div class="post_thumb">
<img alt="Medical Chemistry: The Molecular Basis" src="images/masonry_01-75x75.jpg">
</div>
<div class="post_content">
<h6 class="post_title">
<a href="post-with-sidebar.html">Medical Chemistry: The Molecular Basis</a>
</h6>
<div class="post_info">
<span class="post_info_item post_info_posted">
<a href="#" class="post_info_date">January 14, 2015</a>
</span>
<span class="post_info_item post_info_posted_by">by
<a href="#" class="post_info_author">John Doe</a>
</span>
<span class="post_info_item post_info_counters">
<a href="#" class="post_counters_item post_counters_views icon-eye"><span>29</span></a>
</span>
</div>
</div>
</article>
<article class="post_item">
<div class="post_thumb">
<img alt="Audio Post Format" src="images/post_audio-75x75.jpg"></div>
<div class="post_content">
<h6 class="post_title">
<a href="post-audio-format.html">Audio Post Format</a>
</h6>
<div class="post_info">
<span class="post_info_item post_info_posted">
<a href="#" class="post_info_date">December 30, 2014</a>
</span>
<span class="post_info_item post_info_posted_by">by
<a href="#" class="post_info_author">John Doe</a>
</span>
<span class="post_info_item post_info_counters">
<a href="#" class="post_counters_item post_counters_views icon-eye"><span>27</span></a>
</span>
</div>
</div>
</article>
<article class="post_item with_thumb">
<div class="post_content">
<h6 class="post_title">
<a href="post-without-image.html">New Post Without Image</a>
</h6>
<div class="post_info">
<span class="post_info_item post_info_posted">
<a href="#" class="post_info_date">December 28, 2014</a>
</span>
<span class="post_info_item post_info_posted_by">by
<a href="#" class="post_info_author">John Doe</a></span>
<span class="post_info_item post_info_counters">
<a href="#" class="post_counters_item post_counters_views icon-eye"><span>25</span></a>
</span>
</div>
</div>
</article>
<article class="post_item">
<div class="post_thumb">
<img alt="Our Video Training for Microsoft products and technologies" src="images/post_video-75x75.jpg"></div>
<div class="post_content">
<h6 class="post_title">
<a href="post-with-video.html">Our Video Training for Microsoft products and technologies</a>
</h6>
<div class="post_info">
<span class="post_info_item post_info_posted">
<a href="#" class="post_info_date">December 30, 2014</a>
</span>
<span class="post_info_item post_info_posted_by">by
<a href="#" class="post_info_author">John Doe</a>
</span>
<span class="post_info_item post_info_counters">
<a href="#" class="post_counters_item post_counters_views icon-eye"><span>23</span></a>
</span>
</div>
</div>
</article>
</div>
<div id="sc_tabs_2" class="sc_tabs_content even ui-tabs-panel ui-widget-content ui-corner-bottom" aria-labelledby="ui-id-2" role="tabpanel" aria-hidden="true" style="display: none;">
<article class="post_item first">
<div class="post_content">
<h6 class="post_title">
<a href="post-without-image.html">New Post Without Image</a>
</h6>
<div class="post_info">
<span class="post_info_item post_info_posted">
<a href="#" class="post_info_date">December 28, 2014</a>
</span>
<span class="post_info_item post_info_posted_by">by
<a href="#" class="post_info_author">John Doe</a>
</span>
<span class="post_info_item post_info_counters">
<a href="#" class="post_counters_item post_counters_comments icon-comment-1"><span>4</span></a>
</span>
</div>
</div>
</article>
<article class="post_item">
<div class="post_thumb">
<img alt="Our Video Training for Microsoft products and technologies" src="images/post_video-75x75.jpg">
</div>
<div class="post_content">
<h6 class="post_title">
<a href="post-with-video.html">Our Video Training for Microsoft products and technologies</a>
</h6>
<div class="post_info">
<span class="post_info_item post_info_posted">
<a href="#" class="post_info_date">December 30, 2014</a>
</span>
<span class="post_info_item post_info_posted_by">by
<a href="#" class="post_info_author">John Doe</a>
</span>
<span class="post_info_item post_info_counters">
<a href="#" class="post_counters_item post_counters_comments icon-comment-1"><span>1</span></a>
</span>
</div>
</div>
</article>
<article class="post_item">
<div class="post_thumb">
<img alt="Audio Post Format" src="images/post_audio-75x75.jpg"></div>
<div class="post_content">
<h6 class="post_title">
<a href="post-audio-format.html">Audio Post Format</a>
</h6>
<div class="post_info">
<span class="post_info_item post_info_posted">
<a href="#" class="post_info_date">December 30, 2014</a>
</span>
<span class="post_info_item post_info_posted_by">by
<a href="#" class="post_info_author">John Doe</a>
</span>
<span class="post_info_item post_info_counters">
<a href="#" class="post_counters_item post_counters_comments icon-comment-1"><span>1</span>
</a>
</span>
</div>
</div>
</article>
<article class="post_item">
<div class="post_content">
<h6 class="post_title">
<a href="post-aside-format.html">Aside Format</a>
</h6>
<div class="post_info">
<span class="post_info_item post_info_posted">
<a href="#" class="post_info_date">December 10, 2014</a>
</span>
<span class="post_info_item post_info_posted_by">by
<a href="#" class="post_info_author">John Doe</a>
</span>
<span class="post_info_item post_info_counters">
<a href="#" class="post_counters_item post_counters_comments icon-comment-1"><span>0</span></a>
</span>
</div>
</div>
</article>
</div>
<div id="sc_tabs_3" class="sc_tabs_content odd ui-tabs-panel ui-widget-content ui-corner-bottom" aria-labelledby="ui-id-3" role="tabpanel" aria-hidden="true" style="display: none;">
<article class="post_item first">
<div class="post_thumb">
<img alt="Our Video Training for Microsoft products and technologies" src="images/post_video-75x75.jpg">
</div>
<div class="post_content">
<h6 class="post_title">
<a href="post-with-video.html">Our Video Training for Microsoft products and technologies</a>
</h6>
<div class="post_info">
<span class="post_info_item post_info_posted">
<a href="#" class="post_info_date">December 30, 2014</a>
</span>
<span class="post_info_item post_info_posted_by">by
<a href="#" class="post_info_author">John Doe</a>
</span>
<span class="post_info_item post_info_counters">
<a href="#" class="post_counters_item post_counters_likes icon-heart-1 inited"><span>1</span></a>
</span>
</div>
</div>
</article>
<article class="post_item with_thumb">
<div class="post_thumb">
<img alt="Introduction to Biomedical Imaging" src="images/masonry_03-75x75.jpg">
</div>
<div class="post_content">
<h6 class="post_title">
<a href="post-without-sidebar.html">Introduction to Biomedical Imaging</a>
</h6>
<div class="post_info">
<span class="post_info_item post_info_posted">
<a href="#" class="post_info_date">January 13, 2015</a>
</span>
<span class="post_info_item post_info_posted_by">by
<a href="#" class="post_info_author">John Doe</a>
</span>
<span class="post_info_item post_info_counters">
<a href="#" class="post_counters_item post_counters_likes icon-heart-1 inited"><span>0</span></a>
</span>
</div>
</div>
</article>
<article class="post_item">
<div class="post_thumb">
<img alt="Evaluating Social Programs" src="images/masonry_04-75x75.jpg">
</div>
<div class="post_content">
<h6 class="post_title">
<a href="post-without-sidebar.html">Evaluating Social Programs</a>
</h6>
<div class="post_info">
<span class="post_info_item post_info_posted">
<a href="#" class="post_info_date">January 13, 2015</a>
</span>
<span class="post_info_item post_info_posted_by">by
<a href="#" class="post_info_author">John Doe</a>
</span>
<span class="post_info_item post_info_counters">
<a href="#" class="post_counters_item post_counters_likes icon-heart-1 inited"><span>0</span></a>
</span>
</div>
</div>
</article>
<article class="post_item">
<div class="post_thumb">
<img alt="Audio Post Format" src="images/post_audio-75x75.jpg">
</div>
<div class="post_content">
<h6 class="post_title">
<a href="post-audio-format.html">Audio Post Format</a>
</h6>
<div class="post_info">
<span class="post_info_item post_info_posted">
<a href="#" class="post_info_date">December 30, 2014</a>
</span>
<span class="post_info_item post_info_posted_by">by
<a href="#" class="post_info_author">John Doe</a>
</span>
<span class="post_info_item post_info_counters">
<a href="#" class="post_counters_item post_counters_likes icon-heart-1 inited"><span>0</span></a>
</span>
</div>
</div>
</article>
</div>
</div>
</aside>
<!-- /Popular posts widget -->
<!-- Socials widget -->
<aside class="widget widget_socials">
<h5 class="widget_title">Follow Us</h5>
<div class="widget_inner">
<div class="logo_descr">Curabitur massa odio vulputate vel fringilla vitae posuere.</div>
<div class="sc_socials sc_socials_size_small">
<div class="sc_socials_item">
<a href="#" target="_blank" class="social_icons social_facebook">
<span class="sc_socials_hover social_facebook"></span>
</a>
</div>
<div class="sc_socials_item">
<a href="#" target="_blank" class="social_icons social_pinterest">
<span class="sc_socials_hover social_pinterest"></span>
</a>
</div>
<div class="sc_socials_item">
<a href="#" target="_blank" class="social_icons social_twitter">
<span class="sc_socials_hover social_twitter"></span>
</a>
</div>
<div class="sc_socials_item">
<a href="#" target="_blank" class="social_icons social_gplus">
<span class="sc_socials_hover social_gplus"></span>
</a>
</div>
<div class="sc_socials_item">
<a href="#" target="_blank" class="social_icons social_rss">
<span class="sc_socials_hover social_rss"></span>
</a>
</div>
<div class="sc_socials_item">
<a href="#" target="_blank" class="social_icons social_dribbble">
<span class="sc_socials_hover social_dribbble"></span>
</a>
</div>
</div>
</div>
</aside>
<!-- /Socials widget -->
<!-- Archive widget -->
<aside class="widget widget_archive">
<h5 class="widget_title">Archives</h5>
<ul>
<li><a href="#">February <span>2015</span></a> (8)</li>
<li><a href="#">January <span>2015</span></a> (12)</li>
<li><a href="#">December <span>2014</span></a> (10)</li>
</ul>
</aside>
<!-- /Archive widget -->
<!-- Meta widget -->
<aside class="widget">
<h5 class="widget_title">Meta</h5>
<ul>
<li><a href="#">Site Admin</a></li>
<li><a href="#">Log out</a></li>
<li><a href="#">Entries <abbr title="Really Simple Syndication">RSS</abbr></a></li>
<li><a href="#">Comments <abbr title="Really Simple Syndication">RSS</abbr></a></li>
<li><a href="#">WordPress.org</a></li>
</ul>
</aside>
<!-- /Meta widget -->
<!-- RSS widget -->
<aside class="widget widget_rss">
<h5 class="widget_title">
<a class="rsswidget" href="#">
<img class="border_0" width="14" height="14" src="images/rss.png" alt="RSS">
</a>
<a class="rsswidget" href="#">RSS Feed</a>
</h5>
<ul>
<li>
<a class="rsswidget" href="#">Jackie Collins, doyenne of the steamy Hollywood novel, dies at 77</a>
<span class="rss-date">September 20, 2015</span>
<div class="rssSummary">LOS ANGELES (Reuters) - Jackie Collins, the best-selling author of dozens of steamy novels who depicted the boardrooms and bedrooms of Hollywood's power crowd, died on Saturday of breast cancer at age 77, her family said.</div>
</li>
<li>
<a class="rsswidget" href="#">Former NHL enforcer Todd Ewen dies at 49</a>
<span class="rss-date">September 20, 2015</span>
<div class="rssSummary">(Reuters) - Former Montreal Canadiens enforcer Todd Ewen passed away on Saturday at the age of 49, his former team the St. Louis Blues announced via their official Twitter account.</div>
</li>
</ul>
</aside>
<!-- /RSS widget -->
<!-- Top 10 widget -->
<aside class="widget">
<h5 class="widget_title">Rating</h5>
<article class="post_item first">
<div class="post_thumb">
<img alt="Medical Chemistry: The Molecular Basis" src="images/masonry_01-75x75.jpg"></div>
<div class="post_content">
<h6 class="post_title">
<a href="post-with-sidebar.html">Medical Chemistry: The Molecular Basis</a>
</h6>
<div class="post_rating reviews_summary blog_reviews">
<div class="criteria_summary criteria_row">
<div class="reviews_stars reviews_style_stars" data-mark="84.0">
<div class="reviews_stars_wrap">
<div class="reviews_stars_bg">
<span class="reviews_star"></span><span class="reviews_star"></span><span class="reviews_star"></span><span class="reviews_star"></span><span class="reviews_star"></span></div>
<div class="reviews_stars_hover width_84per">
<span class="reviews_star"></span><span class="reviews_star"></span><span class="reviews_star"></span><span class="reviews_star"></span><span class="reviews_star"></span>
</div>
</div>
<div class="reviews_value">84.0</div>
</div>
</div>
</div>
<div class="post_info">
<span class="post_info_item post_info_posted">
<a href="#" class="post_info_date">January 14, 2015</a>
</span>
<span class="post_info_item post_info_posted_by">by
<a href="#" class="post_info_author">John Doe</a>
</span>
</div>
</div>
</article>
<article class="post_item">
<div class="post_thumb">
<img alt="Entrepreneurship 101: Who is your customer?" src="images/masonry_06-75x75.jpg">
</div>
<div class="post_content">
<h6 class="post_title">
<a href="post-without-sidebar.html">Entrepreneurship 101: Who is your customer?</a>
</h6>
<div class="post_rating reviews_summary blog_reviews">
<div class="criteria_summary criteria_row">
<div class="reviews_stars reviews_style_stars" data-mark="80.5">
<div class="reviews_stars_wrap">
<div class="reviews_stars_bg">
<span class="reviews_star"></span><span class="reviews_star"></span><span class="reviews_star"></span><span class="reviews_star"></span><span class="reviews_star"></span>
</div>
<div class="reviews_stars_hover width_81per">
<span class="reviews_star"></span><span class="reviews_star"></span><span class="reviews_star"></span><span class="reviews_star"></span><span class="reviews_star"></span>
</div>
</div>
<div class="reviews_value">80.5</div>
</div>
</div>
</div>
<div class="post_info">
<span class="post_info_item post_info_posted">
<a href="#" class="post_info_date">January 11, 2015</a>
</span>
<span class="post_info_item post_info_posted_by">by
<a href="#" class="post_info_author">John Doe</a>
</span>
</div>
</div>
</article>
<article class="post_item">
<div class="post_thumb">
<img alt="Our Video Training for Microsoft products and technologies" src="images/post_video-75x75.jpg">
</div>
<div class="post_content">
<h6 class="post_title">
<a href="post-with-video.html">Our Video Training for Microsoft products and technologies</a>
</h6>
<div class="post_rating reviews_summary blog_reviews">
<div class="criteria_summary criteria_row">
<div class="reviews_stars reviews_style_stars" data-mark="77.8">
<div class="reviews_stars_wrap">
<div class="reviews_stars_bg">
<span class="reviews_star"></span><span class="reviews_star"></span><span class="reviews_star"></span><span class="reviews_star"></span><span class="reviews_star"></span>
</div>
<div class="reviews_stars_hover width_78per">
<span class="reviews_star"></span><span class="reviews_star"></span><span class="reviews_star"></span><span class="reviews_star"></span><span class="reviews_star"></span>
</div>
</div>
<div class="reviews_value">77.8</div>
</div>
</div>
</div>
<div class="post_info">
<span class="post_info_item post_info_posted">
<a href="#" class="post_info_date">December 30, 2014</a>
</span>
<span class="post_info_item post_info_posted_by">by
<a href="#" class="post_info_author">John Doe</a>
</span>
</div>
</div>
</article>
<article class="post_item with_thumb">
<div class="post_thumb">
<img alt="Audio Post Format" src="images/post_audio-75x75.jpg">
</div>
<div class="post_content">
<h6 class="post_title">
<a href="post-audio-format.html">Audio Post Format</a>
</h6>
<div class="post_rating reviews_summary blog_reviews">
<div class="criteria_summary criteria_row">
<div class="reviews_stars reviews_style_stars" data-mark="67.3">
<div class="reviews_stars_wrap">
<div class="reviews_stars_bg">
<span class="reviews_star"></span><span class="reviews_star"></span><span class="reviews_star"></span><span class="reviews_star"></span><span class="reviews_star"></span>
</div>
<div class="reviews_stars_hover width_67per">
<span class="reviews_star"></span><span class="reviews_star"></span><span class="reviews_star"></span><span class="reviews_star"></span><span class="reviews_star"></span>
</div>
</div>
<div class="reviews_value">67.3</div>
</div>
</div>
</div>
<div class="post_info">
<span class="post_info_item post_info_posted">
<a href="#" class="post_info_date">December 30, 2014</a>
</span>
<span class="post_info_item post_info_posted_by">by
<a href="#" class="post_info_author">John Doe</a>
</span>
</div>
</div>
</article>
</aside>
<!-- /Top 10 widget -->
<!-- QR Code widget -->
<aside class="widget">
<h5 class="widget_title">QR Code</h5>
<div class="widget_inner">
<div class="qrcode"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAUcElEQVR4nO2dL5AUSRPFEQgEAoFYgTiBQK5EIJDIFQjkiIuJ7azaiBEI5DgEYiXixEoEYiUSgUAiT5xYcQKBQCAQJ75PzEBMZ73qflNVPTMLLyPSbFRXv86qX892/cm6EUL43yH46enpHzecVdR34esysyVzbYzxMdBxRVx75a9DZmYzf62ZLRm9ZjYD2t4zsSw1Vm8I4aI0lr7M6enpH/vujz 17VvAUKNW1CdAGpkAOQARuUatqE ANDIBcgAico1aUZ8AaWQCJP3jf uHmNK/M41a8WAJICGEBdDxDVz77PT09I9NjzF BNeOAjKbzW75uszsOdnhEr1m9hSUe PLdV330N/XX7dcLm8CbUe HAtIjPEV0HHi7xFC DfphM4ygHzfQb/8L9HGNHRrC RbryUgGR0XTH2ktiRuMcbHTP2ow9UYAtiXyXTC974cC0hGR9LOyEu1tTYYNwEiQATIT70CxNUvQATIpl4B4uoXIAJkU28ZIIvF4k6M8XGJow /CkC r68d83OvA9VvZi/AtV9Jbb3rYoyX/p5h9aFNAV0a34xfen3g2Y9Q3EC5J76cmS3Jdj4H90gGaPx1W8B7VBqjxWJxB gtA4R9EyKvGZpktCFr/dZjhk0PaWiy5TAvMnYIGhnshM5qft1Yp4egBUiZNm8CRIAIkAETIAJEgAyYABEgvwUg6w/3i02fz d30T2cJzPkIYTPvq4J/HMJIGZ2GzzDEyZGXdedeB1m9gLUhz7cBch1BoQ18vl3MTRJxdJb66HUMP1aLAECygmQcR0CRIAIkAEdAkSACJABHQLkdwXEzJabHkJYoGD6cjXOjgCBZ/0K6kue3cyOfTnUWOvZaV/fcatYtvYQwieyEy78tahNBUjBWw9ZRlvTDVPImLghY3/d2KFUNpZTt3NNLL0JEAEiQAZMgAgQATJgAkSACJABu3aAmNkRmCVl/T4QwjbqxabHGF R2h6Bcse XAjhA3j d/6 yME9k/3iyMzsPrh2Ce6RfPSu9fpyC19fjPE1KNesndfL6X19f4H4njOx9Dq2AATFknVulp8JXGvbApBJtWU6DuUtdbC/bjVvwpaxrPl1Y2J57TZMTSBEgGyYAOmbABEgPRMgfRMgAqRnAqRvhw4Iu 7xtl936ONambHvn4zewHKzYCOBdhHjj6On4Fyvq43FdoQIMk 9bAaQCgCxNe1XrLun6F4T3oA 8/XH/S XLI8398zA8jXHfTLdL88ELIXbzw0SQ3z7mnYlNW2BPe8QB0flEsA8WVaZzXZgba9uABJ7ylA toEyCG4ADmITihABIgAuXFDgLB w2ff3pcvl8ubKFCbfnZ2ds XaQ2ImR2VaOu67mFw2cJjjJeg3KkvF8CgxfpvvXJd1536 taz2r6 NEu5sy2yu98G5Zal2kozz /LvbZrZ60BKbWaNzLrLYdSa6z1r7FsQhMgAkQ2YAJEgMgGTIAIkEmNbBxqmr9myQQTuC1GNxJAaixwSzdYp7SxsSzdc4FsXyOCU2urcQFCmAAZ1yZACBMgAmTTBEhDcQKkbwKknbZaQK4IT1aqIgv4qGXKmQmks7Oze DaZHVoDSBoojByx0Cz/tbXnzntqPjYajSx6Q1NxoUQnjGxRNrYiUI02VuhLYklmsTMxO0zKDc6wbo3Q52OuY59s2yhg3rrVQCSOFq6kdF2wdS3j19jpK1x0obiWLLaSvvgTkyAUNoEiAARIAPaBIgAESAD2gTIdQZk/WE2ejywmR0zWzF9GeSZrbTJMdCsh/Itt8hRXZ99ObSFNaMNHauMVgInekFd6KMX Tt/beaFQXXCrusejmnLbAemPLNCOznuu3Q7cJW13sxPetPlHKwz8Wg9NLmDWFLe i0NfC JQ0rbmTYB0jcBIkB6JkD6JkAESM8ESN8EyC8AiJUn/00SRLPHAwcyqTHwtxWAfAL1/QPKoeTVyUws0wgxxge rhjjSx PiJNBU4AYOLYa6SVjiY6tThJ8xxgvwTO8BNeyibV9jF6D/kYdUW0gSbmRCdQhIEyhjB/K8N9BJBpgrfV EGSM3tb7V1quxWK1IWv9X4wAESACRIAIEF9GgAgQASJADguQ9cz2ssTRkm9vi8XiDlMX uhtDYi/ZwBHVGcaMDkGGjlqwPXHcVF8yVjOGL1IWw0g5DMk9SPL9EHq OwQwnkSt5aA1NDbeCMNesMtgY5iQIA3HZpEsWR96sQIrdt56lgio/ugABEgLbQJEAEiQAa0CRABIkAGtP2ygFjDmXQ2cGb2xNeHZlj9dfP5/K4vE8CpSyGED0Dv0l9r5Cx/13WnY/FYJ6X22or9x4dpod8e6yCZWCL/k2nnQB5RjbSBur6Vxq3rupOxZ1/fMwEkrFYXDPbBKmMByQhO3tK TM0mn6l/3Wo2 SBHv3gtrXUskbPD fuIWwaQxLeL6ogJEAEiQAZMgAgQATJgAkSA/HKAhHRfL5UkDhnakx7wPmrkyRG8vsw6gZsv8wnccwHqTwAMIfwNyiV7vNf37ZXzzz6bzW5ldPh7Jnu8AxhNQw1tYG816xV6qT30gT i g1o16L8AcgzM/Xle9JBQJoOsaHGb y/5IYpdlh6B3oTbz1kzmirsSptAkSAjOgVIAJEgAzoFSACRIAM6P29AfHZsdFxxgF8uJvZU1AuWfI9n8/v nuUupk9Ag32Hej4AsqdM/fIDAQg9/dMPIJjoOfz V0fo8VicaciS/nUgFAZ1FseUZ3J4s/2wcRbamu KamltU5JiSxMnHGFtZq1WI0BaTpkzmjb12YuKm4CRIAIEAGSNQEiQATIgAkQAdLT1rKhWzcq8GSErXWjllrrF8s AEFW0wlZY9q5tSFAajZMCZAREyACZNQEiAApMQEiQDZ1CBBn1x6QGONHZsJri0aljuCtAKR4cms2m93y9zg7O7s3NsGIJljRROF6a26vnJktfbmwWgXdDJCKydnnJCDPmVhmOquPW9LfWjuaEK75BUHedJ9AKEyMcMhJG1off3DdvHEGzcldgKT3vNiDNgEyYgJEgBTF7bq5AClsaAFSFrfr5r8KIO9L3MxegIaegbLJNsYQwoLZ7gj8s78uc8 /UcdktgMbTnR8BerrXRdjvGS0ZeLGAlK8RZh06tjqjMNjvP2zomOgKwBhtVHedd3JmLbmFg54P8gOEko0HR5vmWQCGfuLhwy1c l kC0AaZrYjdHW3ATIuAmQvgkQAeL1CpANEyACxOsVIBt2UIBYmlz4aeObIkDQUcuMv60AJDkG2nAC7iSxdgBbeP11mUb9G8Q38VhxDHQpIGZ2G h4yXRCA0ctB3xc9GOgN mEICbU7H3AScqTQRbWYoyvfB ZfB0M 2ZhbBd7VVCHQ05qa otAal5S 9gOL8mRlQ70yZAEr0CRID0BAuQvl4BIkB6ggVIX68AESA9wf4mXy09RncGgkQdZ8w6cwx0plGvfF2Zj973jI5MA6bHAztDxyqjl0MI4RMoR0EZwTHQSC8DCHukdiZGiV6kLXNtMvPP9EE2luzLd/1BP94HSTIn3zDf K3X1KceNmXfyFPrRda6nUkvXtfGGt0HBYgAGTIBIkAEyIAJEAEiQAZMgKQ3PZiPdPKj7wI8Q/LxlrkWLe KNEWQOLuH3vhp/RADiowepFlAKEGPA7Z2bgd9DDv1G WqbUhQx3OrHxosuVbukZvTSy91Qznt3YBIkCa6BUghSZA iZAxk2ACBABMmAHBYgRy91jjA9C2fL0CzN74e8RVnvBe Uyieh6162Trvl7nINnSJaxI2sMyDf07Eyjog7Xdd0JqC95LgSImT0HMWFimXiM8SW4fgnK/rMHQO57bezWAfRcgdjWAI3NHILcph/mpTYlIWsMCPKmqUd3EEvkTddiMbaLzWdNz08UIPBaASJAViZA4LUCRICsTIDAawXI7wBISBNoJcftbgEIm5xt5ssxmcArAzcDz5oksGOW3f IiXvOZ0DbV3BPlNTuCpRLGiuAxHGNY/nJ1xVjfABiuQ9AklhmBkESbTHGl6C9LkDMvyNAksZCnYEJyKEM/yFj38iltq91YocSyx1oQ079urG/vMgFSCMTIAJEgGyvTYC00yZACgMnQNrpFSAeEH801dnZ2T1fWQ0g8/n8Ljj 6jK4Y7fQfb0tl8ubvi4zOwJBeurrD2AvNAtIWCVF69Xny6BGjeRRYqHiuLXSTsjGElmmEyZHsKF2ZpyNG3sMIGpnMzsC7fBvAghjNYAgQ/QeyiafjN6rscDt4o3cEpAaa/2WBl68HrDmPwWmnaEJEAEypleACBABMqBXgAgQATKg95cFhBS8lyMGWmpj4W2sDXnTlP1bPEMr/VXtzFjrEcGqJToCZFJtAqTABAgwATKtCZAkHgJEgPSeQYD040EDcuU8mSzJdMLiyTg0SRNXRxf7 ryO/0CZZPUxCwiaxMxM5KGYMNrQ0dYJIIvF4g6jw8xuM7HMPAPTzsi/ke2cTBQyq4qRbQEI0pZ413WnzCRm13UPfTlWXNPlHCy9QMfkiQYqvDihBDuKVbVkwtk13A9CaUOG2rl4w5QAESACRID8qF ACJDNcgLE1S9ABMhmuWJA0FbMxJGQTKOibbjJSlJfJsZ4yeiImeOMgd536Fn9fQPYignKoMGCY/CcuVxZvr6ksXYACNoifM60c5h OzC15RaZmb1gtK0/3HvlWHHFfsjDf8ibZruosOb7Gpyx/ynUDOcjbcySopr/Ylgr1SZABIjXIUAIcQJEgAiQAXECRIAIkBs3VrPLoTBRNXIDyaszjmaJfZnnIHCfwX0/gHKfQDkq4XKM8RV4Lq8tSfrNmq1O6xpNEI1iGUAicORMOw8MIEwKiH mmiTlmVjeL9U2uQVyKJUc5kVevBYLaavIrNh6D0NTvRXaJgeEiWXNkHnLX7fmJkDGTYAIEAEyYAJEgAiQARMgBwyIpcfjsscDJ8dAo8bquu7El2MdBAQdUV3s4UCOgUaNxQLC6i21DCDvS2Neetz3vnzy9U6sBW5T0uTrnZCX/vSyyS4yb QliBECpJleZGw7I21TZ31srQ31QQEiQAZNgAgQATJgAkSACJAB 0BscIZYQNH8K474cWmG57tfOHLdV13Curr RYzrEn9AX Q/ WvDfgEqLe PjJGR2PPNODHoL5HrfRusWJi8lUJvkzlMphEm HVHGh7RQpIS0NvadvDGp1M4NBbmtKGvDBEza1U7yGva9tFO2diKUAEyMoECIylABEgKxMgMJYCRICsTIDAWJYBYuTe6nVCrqJjoNF YO/r5HKlgUv2pKMPNTM7Bs AEsANas05ilsm5jOyviSWSC9qK/BMxbkHYsVRy6Cdk9wDmUGLmhdh0i RNqat6KFUZJlgPgblEnpJ/yVTj7LD0lO/pVltNb/GwIunGrYAhNLG6BAgAmRUmwARIAJkQJsAESACZEDbLwtIILJjxxgvfdbr9az26LVhlYHb3/izL4cya4Pr/gUZz9GH9m1Qbunvya4aODs7u0doKwYkhLAAcUsyqGc8iWVYZZofBKT1kdohhC gTU9A3Eoz5SP/wsQIAWJkVny0Fgt58RAb6y1TjyJj33qstQSE/bWo8Yq4Fbdz4/8Uir2mnQVIoQkQASJABkyACBABMmAC5DcB5JCtcZCWoP6LhvcohncXtutOuQ0gpc 0i9HK0rp2YgKknQkQKkYCxNUvQATIJNp2YgKknQkQKkapNmayZBe XC5vZgSPOVppi/zc3zPG Jq8RzLx5svEGD8yE281xh5bTcay6THQoWKi0GvdYhITDSAk7cw61LaPNwtyZj8IssrECDPmHmHipRushYZJG7ZYDdA0eyFyUtvkI6lQ277BECC8CZBEhwAZMwEiQATIgAkQAbJrQL6Hwu2kW3jykYcaldn yW5NRZ08s8qT2nILyjwDsURbWB gDkFudaWOrWYGB8zsCMQIJvMG1yaAZLbcovpGAcloOycBuWrZV5su52AtgDcLudQE aHsYWC96VKT0uyFyHaRpZIBhLXWw7zQBMi4NgHSTq8A4e4pQEa0CZBxEyACRIAM2MEAYnVJmIuP4AXavgWQmBjoTRJrr/Nu frY5NWwoxOOPqqTDtd13QlZH5Ug2sye udi kKM8QG455 gfgTIB3AttcqhtG FEP4C8bhk qCZPWHuQQHSeii1ApCmm/lrnNFRk wCWahJ49/QDujXuGkfhO0sQATItiZAnAkQAbJpAsSZABEgmyZAnO0LEOOO6k3qN3BENfJAHgM9taNOvl4lsFMdyLuuO2EAWX8cF90DtEFy3Dd6OYQQPlXcM3mJXDtAvLVe74SCzg6bks9fnPWx5i1dMWSOvHiYtyKWbB8szu7JugARIAJEgPCBEyACRIAMBE6ACJBrC4iZ3bZ0NnURiNnfLQL3ztc3n8/vgmuZ5//s64oxvvTPsPER tPXH5O XPGqBFDX8wpAjkE7oOOik1hmfLQPGl7NkRwxnlmVgFYgJO0QQDLsawUIsl28WfbxRka/KplnKIplzYapjA4qlqQ3zaCJnB4eFyACRID8fAYB4nQIEAGy QwCxOkQIAJk8xnKAFksFneYPdOZPePJ/mi2UUO6R/gNqS3Z92147/qCeYbZbHbL10fuSS8GJIC91Wb2pDSW3jKAUHvoM7FkE/g9G4t313UPx/SvdTwBOpJOntkvfwGuTY Bbkkva1sAMumbBf26lVrrLCHID2XInNWLvPQ/hYyOZMi8Jm7IBUgjEyACpJkJkHFtAoTSIUAEiAAZ0LEXQNgjeGs8 RgiAUHakg93I48uZgEJq1niXn2 DOpwEWR8zxyfzR75/KUilr3rMtpOyPZDsXzOZFCPMX4k6v/g9Xdd9xA8w2vyniiLfxI3M3vkr60ZrmzqLbOa1LxZMoBc WsZQGq07SCWkw/ns7Gs0Db5cL4AKWxUX0aACJBDaFQBIkAEyJbaBIgAGbtnMSD/B2vjAY5Gk4cLAAAAAElFTkSuQmCC" alt=""></div>
</div>
</aside>
<!-- /QR Code widget -->
</div>
Standard post
<article class="post_item post_item_single">
<section class="post_featured">
<div class="post_thumb" data-image="img/news/Education_20.jpg" data-title="Import Fundamentals">
<a class="hover_icon hover_icon_view inited" href="img/news/Education_20.jpg" title="Import Fundamentals" rel="magnific">
<img alt="Import Fundamentals" src="img/news/Education_20-1150x647.jpg">
</a>
</div>
</section>
<div class="post_info">
<span class="post_info_item post_info_posted">
<a href="#" class="post_info_date date updated">January 11, 2015</a>
</span>
<span class="post_info_item post_info_posted_by vcard">
by
<a href="#" class="post_info_author">Admin</a>
</span>
<span class="post_info_item post_info_counters">
<span class="post_counters_item post_counters_views icon-eye" title="Views - 22">22</span>
</span>
</div>
<section class="post_content">
<div class="sc_reviews alignright">
<div class="reviews_block">
<div id="users_marks" class="sc_tabs_content">
<div class="reviews_editor">
<div class="reviews_item reviews_max_level_100" data-max-level="100" data-step="1">
<div class="reviews_criteria inited">Reviews criteria 1</div>
<div class="reviews_stars reviews_style_stars reviews_editable" data-mark="42">
<div class="reviews_stars_wrap inited">
<div class="reviews_stars_bg"></div>
<div class="reviews_stars_hover" style="width: 42%;"></div>
<div class="reviews_slider inited ui-draggable ui-draggable-handle" style="left: 131px;"></div>
</div>
<div class="reviews_value">42</div>
<input type="hidden" name="reviews_marks[]" value="42">
</div>
</div>
<div class="reviews_item reviews_max_level_100" data-max-level="100" data-step="1">
<div class="reviews_criteria inited">Reviews criteria 2</div>
<div class="reviews_stars reviews_style_stars reviews_editable" data-mark="44">
<div class="reviews_stars_wrap inited">
<div class="reviews_stars_bg"></div>
<div class="reviews_stars_hover" style="width: 44%;"></div>
<div class="reviews_slider inited ui-draggable ui-draggable-handle" style="left: 137px;"></div>
</div>
<div class="reviews_value">44</div>
<input type="hidden" name="reviews_marks[]" value="44">
</div>
</div>
<div class="reviews_item reviews_max_level_100" data-max-level="100" data-step="1">
<div class="reviews_criteria inited">Reviews criteria 3</div>
<div class="reviews_stars reviews_style_stars reviews_editable" data-mark="65">
<div class="reviews_stars_wrap inited">
<div class="reviews_stars_bg"></div>
<div class="reviews_stars_hover" style="width: 65%;"></div>
<div class="reviews_slider inited ui-draggable ui-draggable-handle" style="left: 203px;"></div>
</div>
<div class="reviews_value">65</div>
<input type="hidden" name="reviews_marks[]" value="65">
</div>
</div>
<div class="reviews_item reviews_max_level_100" data-max-level="100" data-step="1">
<div class="reviews_criteria inited">Reviews criteria 4</div>
<div class="reviews_stars reviews_style_stars reviews_editable" data-mark="35">
<div class="reviews_stars_wrap inited">
<div class="reviews_stars_bg"></div>
<div class="reviews_stars_hover" style="width: 35%;"></div>
<div class="reviews_slider inited ui-draggable ui-draggable-handle" style="left: 109px;"></div>
</div>
<div class="reviews_value">35</div>
<input type="hidden" name="reviews_marks[]" value="35">
</div>
</div>
</div>
<div class="reviews_accept inited">
<a href="#" class="sc_button sc_button_square sc_button_bg_custom">
<span>Accept your votes</span>
</a>
</div>
<div class="reviews_summary">
<div class="reviews_item reviews_max_level_100" data-step="1">
<div class="reviews_criteria">
Summary rating from <b>9</b> user's marks. You can set own marks for this article - just click on stars above and press "Accept".
</div>
<div class="reviews_stars reviews_style_stars" data-mark="47">
<div class="reviews_stars_wrap">
<div class="reviews_stars_bg"></div>
<div class="reviews_stars_hover" style="width: 47%;"></div>
</div>
<div class="reviews_value">47</div>
</div>
</div>
</div>
</div>
</div>
</div>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse tristique neque tortor, et rhoncus ex ullamcorper vitae. Suspendisse convallis nisl a gravida malesuada. Cras eleifend ex sed mi gravida, sit amet vulputate est convallis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed at purus rhoncus, convallis purus congue, bibendum lacus. Nullam accumsan id velit sed accumsan.</p>
<p>Sed orci dolor, pulvinar nec luctus a, malesuada ac nisl. Aliquam eleifend et dui et suscipit. Nam semper accumsan ante, ac dapibus urna dapibus et. Aenean lobortis viverra nibh in porttitor. Aenean vel eros posuere, laoreet ligula et, lobortis tellus. Morbi quis nunc in risus ornare egestas et ac libero. Donec egestas nunc massa, ac euismod odio posuere sit amet. Ut interdum nisi lectus, eget aliquet quam sagittis et. Nam volutpat convallis sem vel lobortis. Nullam consectetur dolor urna, eget ultricies enim eleifend sit amet.</p>
<div class="post_info post_info_bottom">
<span class="post_info_item post_info_tags">
Tags:
<a class="post_tag_link" href="#">Supply Management</a>
</span>
<span class="post_info_item post_info_category">
Category:
<a class="category_link" href="#">3 Columns</a>,
<a class="category_link" href="#">3 Columns</a>,
<a class="category_link" href="#">3 Columns</a>,
<a class="category_link" href="#">4 Columns</a>,
<a class="category_link" href="#">4 Columns</a>,
<a class="category_link" href="#">4 Columns</a>,
<a class="category_link" href="#">Gallery Classic</a>,
<a class="category_link" href="#">Gallery Grid</a>,
<a class="category_link" href="#">Gallery Masonry</a>,
<a class="category_link" href="#">Grid Alternative</a>
</span>
</div>
</section>
<section class="post_author author vcard">
<div class="post_author_avatar">
<a href="#">
<img alt="" src="img/team/54e4e56ab413e126437d9f90ebc3826b.jpeg" srcset="img/team/54e4e56ab413e126437d9f90ebc3826b.jpeg" class="avatar avatar-90 photo">
</a>
</div>
<h6 class="post_author_title">
About
<span>
<a href="#" class="fn">Admin</a>
</span>
</h6>
<div class="post_author_info">
Aliquam consequat dolor non lacus eleifend congue. In neque enim, vestibulum nec posuere sed, bibendum vel elit. Fusce scelerisque euismod facilisis.
</div>
<div class="sc_socials sc_socials_size_tiny">
<div class="sc_socials_item">
<a href="https://twitter.com/Theme_REX" target="_blank" class="social_icons social_twitter icons">
<span class="icon-twitter"></span>
<span class="sc_socials_hover icon-twitter"></span>
</a>
</div>
<div class="sc_socials_item">
<a href="https://www.facebook.com/themerex" target="_blank" class="social_icons social_facebook icons">
<span class="icon-facebook"></span>
<span class="sc_socials_hover icon-facebook"></span>
</a>
</div>
<div class="sc_socials_item">
<a href="https://plus.google.com/102189073109602153696" target="_blank" class="social_icons social_gplus icons">
<span class="icon-gplus"></span>
<span class="sc_socials_hover icon-gplus"></span>
</a>
</div>
<div class="sc_socials_item">
<a href="#" target="_blank" class="social_icons social_linkedin icons">
<span class="icon-linkedin"></span>
<span class="sc_socials_hover icon-linkedin"></span>
</a>
</div>
</div>
</section>
</article>
Typography
Image alignment can be changed by adding one of the values into the <figure class=> tag:
<figure class="sc_image alignleft sc_image_shape_square width_280 height_158">
<img src="images/post_video-280x158.jpg" alt="">
<figcaption><span class="icon-users-2"></span> Aligned left</figcaption>
</figure>
Highlight
To highlight an element add one of the values below into the <span class=> tag:
<span class="sc_highlight sc_highlight_style_1">vitae quam</span>
Portfolio
The example of portfolio-like page can be seen on "All Courses" (as well as on the Portfolio (2columns)/(3columns)) page.
Please note that animation effects are made with Isotope script. See the screenshots below for more information.
The snippet below belongs to the "Courses-streampage" which can be found in root directory.../courses-streampage.html file.
<div class="isotope_filters isotope-courses-streampage inited"><a href="#" data-filter="*" class="isotope_filters_button active">All</a><a href="#" data-filter=".flt_55" class="isotope_filters_button">Language</a><a href="#" data-filter=".flt_43" class="isotope_filters_button">Marketing</a><a href="#" data-filter=".flt_57" class="isotope_filters_button">Social</a><a href="#" data-filter=".flt_52" class="isotope_filters_button">Medicine</a><a href="#" data-filter=".flt_53" class="isotope_filters_button">Computers</a></div>
Please also note that filtration in portfolio block works only if an element contains filtering class, for example "flt_55".
Files responsible for the Isotope script can be found here:
root directory.../js/global.js
root directory.../js/jquery.isotope.min.js
Skills
You can customize the skills bar by changing width and data-ed values as well as their styles. Check below screenshot.
<div class="sc_skills_total" data-start="0" data-stop="50" data-step="1" data-max="100" data-speed="12" data-duration="600" data-ed="%">59%</div>
Contact form
File responsible for contact form functionality:
root directory...include/sendmail.php
Your email address should be specified in the sendmail.php file. See the code below.
$contact_email = 'your_mail@mail.com';
Google map
Files responsible for Google map functionality:
root directory...js/shortcodes/shortcodes.js
root directory...shortcodes.html
The Google map is inserted to the pages using the iFrame. Specify the code for the map in the root directory.../shortcodes.html file or any .html related one where the Google map should appear.
<div class="sc_googlemap">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3153.4843630509763!2d-122.42343108468219!3d37.778687079758576!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808580999d2acfb3%3A0x687352ddeebecb93!2z0KHQsNC9LdCk0YDQsNC90YbQuNGB0LrQviwg0JrQsNC70LjRhNC-0YDQvdC40Y8gOTQxMDIsINCh0KjQkA!5e0!3m2!1sru!2sua!4v1557826954403!5m2!1sru!2sua" width="690" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
How to get the iFrame tag for Google map
- Enter your address in the search box at Google Maps.
- Click the Search Maps icon.
- Click the Share icon to the left of the map.
- Navigate to the "Embed a map" section and copy the iFrame tag.
Revolution Slider
Homepage Wide
Homepage Boxed
Homepage Photos
Files responsible for the Revolution Slider functionality:
root directory...js/rs-plugin/jquery.themepunch.revolution.min.js
root directory...js/rs-plugin/jquery.themepunch.tools.min.js
root directory...js/rs-plugin/settings.css
root directory...css/slider-style.css
root directory...index.html
Check the index.html file for more information. Lines #188-#245.
Swiper Slider
Files responsible for the Swiper Slider functionality can be found in the root directory...js/swiper/... directory.
Courses
HTML files responsible for all the courses pages can be found in your root directory.
On some of these pages you can find the "Course info section". Check the screenshot below.
Shop
HTML files responsible for all the Shops' pages (products.html, products-category.html etc) can be found in your root directory.
As for the styles, they can be found in root directory.../css/... and in root directory.../css/woocommerce/... folders.
See the screenshot for more information about cart widget.
Events Calendar
HTML files responsible for the Events Calendar (events-example.html, events.html etc) can be found in your root directory.
As for the styles, they can be found in root directory.../css/events-calendar/... folder.
PSD Files
We do not include theme-related .PSD files into the theme package, because it significantly increases the theme archive size. If you need those files, feel free to submit a support request.
Sources and Credits
In this section you can find an additional information regarding fonts and clipart used in this theme.
-
Fonts:
- LoveYaLikeASister, Roboto, Open Sans.
Check the style.css file and root directory.../css/font-face/... folder for more information. - Fontello (non standard, icons set).
Specified in every .html file. Styles and fonts can be found in the root directory.../css/fontello/... folder.
- LoveYaLikeASister, Roboto, Open Sans.
-
Clipart:
- Images were taken from here.
PLEASE NOTE!
This team comes with no images (clipart) in it. All the images used in this theme are the property of their respective owners and should be purchased separately.
In case you need these files you can always request them by contacting our support department at https://themerex.ticksy.com/.
We can provide you with the list of image ids used in the theme, just contact our support team.
Support
We are happy that you are one of our customers and we assure you won't be disappointed. If you come up with any questions that are beyond the scope of this help file, feel free to post them on our support forum at https://themerex.ticksy.com/.
We are open from 10am to 7pm (CET), from Monday till Friday.
PLEASE NOTE!
Our support policy covers getting setup, trouble using any features, and any bug fixes that may arise.
Unfortunately, we cannot provide support for installation, any customizations or 3rd party plugins. You also need to have a valid purchase code to request an assistance from our support team.
How to find a purchase key (check the screenshot):
- Log in to your ThemeForest account.
- Click on the "Downloads" tab.
- Find our theme in the products list.
- Click the "Download" button and select "License certificate & purchase code" in the drop down menu.
Website Customization
Custom Websites are usually the most important part of an online marketing campaign. A properly built custom website can help you get the most results from your marketing efforts. Our team can do it for you.
Please, find some of our offers below:
You can check the full list of offers here.
Social icons
To add a link to your social icon paste the necessary URL into the <a href=> tag. See the example below:
<a href="#" target="_blank" class="social_icons social_facebook"> <span class="sc_socials_hover social_facebook"></span> </a><div class="sc_socials sc_socials_size_big"> <div class="sc_socials_item"> <a href="#" target="_blank" class="social_icons social_facebook"> <span class="sc_socials_hover social_facebook"></span> </a> </div> <div class="sc_socials_item"> <a href="#" target="_blank" class="social_icons social_pinterest"> <span class="sc_socials_hover social_pinterest"></span> </a> </div> <div class="sc_socials_item"> <a href="#" target="_blank" class="social_icons social_twitter"> <span class="sc_socials_hover social_twitter"></span> </a> </div> <div class="sc_socials_item"> <a href="#" target="_blank" class="social_icons social_gplus"> <span class="sc_socials_hover social_gplus"></span> </a> </div> <div class="sc_socials_item"> <a href="#" target="_blank" class="social_icons social_rss"> <span class="sc_socials_hover social_rss"></span> </a> </div> <div class="sc_socials_item"> <a href="#" target="_blank" class="social_icons social_dribbble"> <span class="sc_socials_hover social_dribbble"></span> </a> </div> </div>