xml version="1.0" encoding="UTF-8"
<!DOCTYPE html>
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<meta content='width=device-width, minimum-scale=1.0, maximum-scale=1.0' name='viewport'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
<link href='//stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css' rel='stylesheet'/>
<b:skin><![CDATA[/*
/* **************************
Template name: LMS Education Free
Template url: https://btemplates.com/2020/blogger-template-lms-education/
Ported by: https://rivieramaya.mx & https://ixibanyayu.com/
Designed by: https://btemplates.com/
Distributed by: https://btemplates.com/
Documentation: https://btemplates.com/blog/lms-education-template/
Realise date: 01/06/2020
License: Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International
License url: http://creativecommons.org/licenses/by-nc-nd/4.0/
CSS Framework: Bootstrap 4.1 https://getbootstrap.com/
Version: 1.0.8
*****************************
*/
body {
font: $bodyfont;
background-color: $bgcolor;
color: $textcolor;
}
a {
color: $linkcolor;
}
a:hover {
color: $hoverlinkcolor;
}
p.description {
color: $descriptioncolor;
}
#header-wrapper h1, #header-wrapper h1 a {
color: $pagetitlecolor;
}
.post-title a {
color: $titlecolor;
}
#testimonials .carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e") !important;
}
#testimonials .carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e") !important;
}
body#layout {
max-width: 1000px;
}
body#layout .widget .editlink {
background-color: #999;
color: #000;
}
body#layout .layout-widget-description {
display: none;
}
body#layout .add_widget {
padding: 0;
}
body#layout #bt-labels, body#layout #btemplates-search {
display: none;
}
body#layout #topMenu, body#layout #logoImage {
float: left;
width: 45%;
}
body#layout #SocialNetworks, body#layout #MainMenu {
float: right;
width: 45%;
}
body#layout #btemplates-main-menu {
clear: both;
}
body#layout #header-wrapper {
height: auto;
}
body#layout #btemplates-main-content {
margin-top: auto;
}
body#layout #content-wrapper {
float: left;
width: 67%;
}
body#layout #sidebar-wrapper {
float: right;
width: 30%;
}
body#layout #footers .section {
width: 30%;
float:left;
}
body#layout #blocksMainMenu, body#layout #content-1 .Image, body#layout #bt-subscription .Image, body#layout #bt-videos .Image {
display: block;
}
body#layout #btemplates-dropdown-2::before {
content: "Template documentation at: https://btemplates.com/blog/lms-education-template/";
}
body#layout #LinkList67::before {
content: "Here you can add info like email, phone number or location:";
}
body#layout #LinkList68::before {
content: "Add your social networks here. Your links will be changed for icons automatically:";
}
body#layout #LinkList78::before {
content: "Main menu with dropdown items support:";
}
body#layout #Image97::before {
content: "Add your logo here:";
}
body#layout #Header1::before {
content: "Edit blog title/logo and description here:";
}
body#layout #Image98::before {
content: "You can change the header background image here:";
}
body#layout #LinkList63::before {
content: "Edit/add items for the Blocks menu in the home page here:";
}
body#layout #HTML49::before {
content: "List of latest posts or by Label. Check the documentation to add your own content:";
}
body#layout #Image91::before {
content: "You can change the Labels section background image here:";
}
body#layout #Label3::before {
content: "Select Labels to display here:";
}
body#layout #HTML59::before {
content: "List of posts to show profiles/testimonials:";
}
body#layout #Image93::before {
content: "You can change the Search Form section background image here:";
}
body#layout #HTML79::before {
content: "List of latest post or by Label. Check the documentation to add your own content:";
}
body#layout #Image89::before {
content: "You can change the Video section background image here:";
}
body#layout #HTML96::before {
content: "Settings for the Video section in the home page:";
}
body#layout #ContactForm1::before {
content: "Contact form in the home page settings:";
}
body#layout #HTML98::before {
content: "List of latest posts or by Label as gallery. Check the documentation to add your own content:";
}
body#layout #footers::after {
content: "Thank you for using LMS Education template by BTemplates.com";
}
body#layout #content-wrapper {
margin: 0;
}
body#layout #header-wrapper .Image {display: block;}
body#layout #footer-wrapper .links, body#layout #search {
display:none;
}
]]></b:skin>
<style type='text/css'>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
body {
}
a {
}
a:hover {
}
a:visited {
color: #666;
}
blockquote {
background-color: #d4f7f7;
border-left: 10px solid #86e8e8;
margin: 1.5em 10px;
padding: 0.5em 10px;
quotes: 'C''D''8''9';
}
blockquote:before {
color: #86e8e8;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
blockquote p {
display: inline;
}
.clear {
clear:both;
}
.clearfix:after {
clear:both;content:'.';
display:block;
visibility:hidden;
height:0;
}
.clearfix {
display:inline-block;
}
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
#bt-header {
background-position: center center;
background-size: auto 100%;
background-repeat: no-repeat;
height: 30rem;
width: 100%;
}
#header-bg-1 {
background-image: url(https://2.bp.blogspot.com/-7Wj-vIgtneY/XS4uM_rIBcI/AAAAAAAABOk/EhbQjIgf6Rg-aJRTUaia8OmxLBlKOSGMwCLcBGAs/s1600/header-left.png);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: left center;
}
#header-bg-2 {
background-image: url(https://1.bp.blogspot.com/-cRoJO1bxDHA/XS4v7eZdcSI/AAAAAAAABO4/7tGrxkhJYgsm_h54zG5EwuJPf1GygZ3egCLcBGAs/s1600/header-right.png);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: right center;
}
#header-wrapper h1, #header-wrapper h1 a {
letter-spacing: 0.025em;
font-weight: bold;
position: relative;
}
#header-wrapper h1, #header-wrapper h1 a {
content: ' ';
display: block;
padding: 1rem;
border-radius: 5px;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0.8;
background-color: #fff;
}
#header-wrapper h1 a:hover {
text-decoration: none;
}
#header-wrapper h1 a:hover:after, .status-msg-body b:after {
content: '';
position: absolute;
bottom: -0.125rem;
left: -0.5rem;
right: -0.5rem;
height: 0.75rem;
z-index: -1;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 15.6'%3E%3Cstyle%3E .st0{fill:%23f3bc34} %3C/style%3E%3Cpath class='st0' d='M206.8 7.3l-.1.3c.1-.2.2-.3.1-.3zM234.7 10h-.1c-.2.4-.1.3.1 0zM54.8 4.2l-.6-.4c.2.4.4.5.6.4zM17.1 5.1zM34.5 9.6l.1.3c0-.2 0-.3-.1-.3zM22.4 10.8c-.3-.1-.7-.1-1-.1.2.1.7.1 1 .1zM17.5 5c-.1.1-.2.1-.4.2.2-.1.3-.2.4-.2zM52.7 9.8l.5.9c-.1-.3-.3-.6-.5-.9zM19.5 11.6c-.2-.2-.4-.2-.6-.3 0 .2.3.3.6.3zM120.9 11.4c-.1.1-.2.2-.2.3.3-.1.3-.2.2-.3zM80.9 10.4h-.1s.1.1.2.1l-.1-.1zM92.6 10.4l-.2.2c.2-.1.2-.1.2-.2zM72.1 11.3c-.1.1-.3.2-.4.3l.4-.3z'/%3E%3Cpath class='st0' d='M260 6c-1-.6-4.7-1.2-5.8.3-.2-.1.1-.3.2-.4-.9.2-2.2.1-3.6 0s-2.9-.2-4.2 0c-1 1.5-3.9-.6-4.8 1.4l.5-.4c.9.5-1.2 1.4-1.5 1.9-.8-1.2-.1-1-1-2l1.1.4-.3-1c-3.1 2.8-6.2-.9-8.2 1.1.1-.1.1-.3.2-.4-1.4-.5-2.3.8-3.3 1.2-.1-.5.6-.9 1.1-1.3-2.4-.3-6.4 1.2-9 .4-.9.7.4.9-.6 1.5-.8-.2-1.4-.7-.4-1.1-2.3-1.2-7.6 1-11.1-.2-1.8.8-.7 1.1-3.5 1.6.7-.5-.7-1.7 1-1.7l.2-.5c-2.8-.1-6.6-.3-8.1 1.2-.1-1.1-.5-.2-1.6-.8-.4.1 0 .2.2.2-1 .9-1.6-.1-2.3.1l.3-.2-2 .7c-.3-.2-.8-.4-.9-.7v.8c-1.1 0-.5-1-1.9-.8l.3.6c-.9-.4-2.2.4-2.4-.5 0-.2.1-.1.4-.1-1.3-1.2-3.5.3-5.1-.3l.4 1.3c-1.6.4-1-.3-.9-.7-1.1 0-1.3-.4-2.7-.6-.7.3-.4.5-.6.8l-1.5-.4 1-.7c-2.3 1.8-5.6-.4-7.2 1.2-.8-.4.8-.7.3-1-2.6-.9-6 1-8.2 0-3.6-1-7.8-.4-11.8-1.1l.1.3-2.9-.4c-.8.7-2.7.3-4 1.1.1-.3-.1-.7.2-.9-1.2.1-2.6.4-3.3-.1l.4-.3c-2.7-.3-6.4-.5-7.9.1-.9 0-.9-.6-1.1-1-1.6-.1-2.6.2-3.9.7-.3-.2-.7-.3-1-.6l-.6.8c-.6-.1-.1-.7-.6-.9-2.5.9-5.3-.1-7-.1l.2.4c-.7.3-2.1-.3-1.2-.7-3.4-.6-5.1 1.2-9.6.8-.6-1.5-4.1.3-4.8-1.4-1.9.4-3.2-.3-4.5.6 0-.2-.2-.2.1-.3-.8-.6-3.3-.2-5.3.2l-.1-.5c-.9 1.2-4.2.9-4.9 2-.2-.2.4-.5.7-.7-1-1.1-1.8.5-3.1.2.1-.3-.3-.6 0-.8-4.4-1.2-10.6.7-16.3-.1-1.6 0 .6 1.2-1.5 1.1-.6-.6 1-1.1-.3-1.4-.9.7-1.3.5-2.6.5.2-.4 0-.6.9-.9-.7-.5-3.1.9-4.5 0 .1.3-.2.5-.5.7-2.1 1-4.9-.9-5.1-.4 0 0-.7.2-.1.3-.8 0-1.9-.2-1.7-.7-.4.3-.8.8-1.4.8l.3-.6c-.4.1-.8.5-1.1.6l.6.4c-.9-.5-2.6.8-2.6-.4h.3l-1.7-.5c-.7.5-1.3 1-2.5.9-.5-1.3-2.9-.2-4.3-.3l.1-.4c-1.1.6-4 .4-3.5.6-1.1 0-2.6-.2-2-.6-.8.1-2.7.1-3.2.9l-1.8-1c-1 1.6-3.6-.5-3.6 1.2-1-.2-.8-.6-1.5-.9-1.4.9-2.8.8-4.2.7v-.2c-1.4-.1-3.1.8-5.1 1l-.5-1.2c-1 .2-1.3 1.2-2.3 1-.2-.2 0-.3.2-.3-1 .3-2.3.1-3.1-.2-1.5 1-2.7.7-3.9 1.8-1.3-1 1.7-.6.6-1.6-2.2-.4-4.4.4-6.7 1.1-.2-.2 0-.4.1-.7 0 0-1.2.9-2.2 1.8C.9 8.3 0 9.4.5 10c-.5.9-1.2 1.4.9 2 .6-.5 2.5-1.3 2.9-.4l.1-.9c2.6-.6.4 1.8 3.6 1.6l-.7-.3c.6-.1 1.1-.7 1.8-.5.2.2-.2.4-.5.6.9-.5 1.7-.9 2.6-1.4.1.5.1.8-.4 1.2 2.5-.2-.6-1.6 2.4-1.4.6.4-.2.6-.5.9 1.4.7 2.3-.1 3.8-.6.1.8-.9.7.3 1.2-.3-.4-.5-1.1.5-1.2-.4.8.7.4 1.6.5-.2-.3-.1-.6.2-.8.4-.1.8.1 1.4.1l-1.1-.7c1.5-.8 2.4.3 3.6.6-.1.1-.3.3-.5.3 1.2.3 2.5.9 4.1.1l-.3.1c2.9-.9-1-1.3 2.4-2.2 1.1.1-.4 2.6 2.1 1.6-1.3-.6 1.6-1.7 3.1-2L32.4 10c.6 0 1.6-.5 2-.3l-.1-.3c-.2-1.3 1.9.1 3-.7-1.3 1.8-1.4 1.5-1.6 3.2 1-1 2.2-1.9 4.1-1.8l-1.5 1.4c2.5.2 5.5-1.9 7.6-3-.5 1 .3 1.4-.6 2.2l2.4-.3-.7 1.1c1-1.2 2.1-.4 1.9-1.9-.3.2-.2.4-.7.3.1-.4.5-1.4 1.7-1.3.9.3-.5.6-.2 1 .8-.6.9.3 1.7-.1l-.8-.6c.6-.9 1.4-.1 2.2-.5-1 .4-.7.9-.3 1.4l-.1-.1c.8-.1 1.6-.7 2-.2l-.5 1.2.9-.9c.3.1.6.6 0 .8 2.8.7-.1-2.5 3.6-1.5 0 .5-.4.8-1.4.5-.2.7.1 1.1 1.1 1.4v.1c1.9 0 4.4 0 5.6-.8.4.3 0 .6-.4.9 2.1.4 2.8-.7 5 .1l-1-.4c1.4-.6 4-.8 5.3.1l-.4.3c1.3-.7 3.5.6 4 0-.6-.4 0-.6-.8-1l3.4-.7.2 1.2 1.8-.4c-.4-.5 2.4.4 2.5-.7 1 .4-.4.9-.8 1.4 1-.3 1.1.2 2.1-.5l1 1.1 2.6-.7c-.1.1 0 .2-.1.3 1.2-.9 3.1.6 4.6-.9-.1.1-.1.1-.1.2.9-.8 2.9-.2 3.7 0 1.4-.2.6-1 .6-1.4 3.9.4 2.7.3 6-.9 2 1.4-2.4 2.1.1 3 .4-.6 2.1-1.1 4.1-1.3 1.8.5 4.8.9 6.5 1.9l-.2-.9 2.6-.4-1.5 1.2c.4-.3 1.7-.8 2.6-1.2 2.7-.7 1.4 1.9 3.5.7.1.1.1.2.2.3.7-.6 2.4-.3 4.4-.5l-.7 1.1-1.3-.3c.7 1.1 2.1-.1 3.4 0 1.3-.3.7-1.3 1.4-1.6.5.1 1.2-.2 1.6.1 1.1.4.1 1.3-.3 1.8 1-1.1 1.4-.9 3.6-1.3.1.5-.1.8-.4.9.5-.1.9-.3 1.2-.8l.7.7c2.5 1 2.6-2 5.6-1.5-.8.6 2.6 0 3.5.7-1.1.1.4 1.6-.2 2.3 2.4.5 1-1.3 3-1.4l-.9 1.3c1.9-.5.5-.7 2.4-1.1-.5.4.8.4-.3.8 2.5.2 1.9.1 4.1.3l.2-1.3c.7-.1 1 .5 1.2.7-.3 0-.8-.1-.7.1.8 1.2 1.4-.6 2.4.5-.2-.4-.5-1 .4-1.1-.3.8 1.4.8 1.4 1.2-.6-.6 2-.2 2.1-1 1 .7-.4.6-.4 1.1.9-1 3.7 0 4.6-.6 0 .1.1.1.1.2 1.2-.6 3-.7 5.3-1.5l-.8.7c2.2.4 1.4-1.5 3.3-1.5-.4 1.1 3.1 0 2.2 1.2 1.1-.6 2.3-.8 3.1-1.7 1 .6-2.1 1.4-.6 1.8l1.6-.5.3.6c.1-.4 1.5-.4 1.4-.8.2.7.9 1.2.8 1.8 1-.2 2.4.5 3.3-.1l.1.3c1-1.3 3.1-.2 3.6-1.5l.6.7c1.5-.1 1.3-1.5 2-1.8.6 0 1.4-.2 2 0-2 .8 1 1.1 1.4 1.6.8 0 3.1 0 3.7-.7-1 .7-.4 1.2-2.1 1.3.9 1.3 2.6-.2 4.5-.1v.6c2.7-.4 2.8-1.5 4-2.5.3.8.1 1-.7 1.7 1.8.5 4.7-.1 6.7 0 .6.5.2.9-.5 1.1 2.1-.6 4.7.1 6-1.2-.5.5.9.3 1.6.6 0-.3.1-.6.2-.6 1.3-.6 4.1-1.1 5.6-.7l-.5.4c1.7.1 3-.5 4.3-.9 1.3-.4 2.6-.8 4.5-.4.7.3-.7 1.1.7 1 .7-.5.4-1.5 2.2-1.3l-.1.9 1.2-.9c-.7-.7-2.6-.4-1.3-1.2 1.6.8 1.3-.9 3.3 0-.4.1-1 .8-1.3 1.2 2 .4 3.4.1 4.8-.1 1.4-.3 2.8-.6 4.9-.2 2-.8 4.6-1.2 5.9-1.9 0 .9 0 1.7-.8 2.4 1.8 0 2.4-2.1 3.7-.9.7-1.3 4.7-1.2 5-3l2-.8z'/%3E%3Cpath class='st0' d='M58.1 11.1c-1 0-1.9 0-2.3.2.2.2 2.3.6 2.3-.2zM208.2 13.3c-.1 0-.3.1-.4.1.1 0 .3 0 .4-.1zM216.3 12.9c-.1-.1-.2-.2-.4-.3 0 .3.1.5.4.3zM132.6 11.5zM178.5 13.7c.7-.4 1-.7 1-1-.4.1-.7.3-1 1zM163 12.6c-.1.1-.2.1-.3.2.3-.1.3-.2.3-.2zM130.2 12c.7-.4 1.6-.3 2.4-.5-.7.2-1.9-.3-2.4.5zM226.1 11.4l-.7.6.8-.4zM218.6 12c-.3-.1-1.7.3-1.3.6.4-.3.9-.5 1.3-.6zM189.6 11.4l-.3.6.7-.5z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: cover;
}
h1 .first-word, h1 a .first-word {
color: #2EB8D7;
}
#header-wrapper .Image {display: none;}
#header-inner {
text-align: center;
}
#header-inner a img {
margin: 0 auto;
max-width: 90%;
height: auto;
}
p.description {
}
#secondary-menu a {
color: #212529;
font-size:1.5em;
margin-right: 0.25em;
}
#btemplates-dropdown-2 {
background-color: #F3F8FC;
}
#btemplates-dropdown-2 .fa {
color: #333;
}
#btemplates-main-menu {
font-weight: bold;
position: relative;
z-index: 8;
background-color: transparent;
transition: background-color 0.25s;
}
#btemplates-main-menu .btemplates-dropdown {
width:100%;
}
#btemplates-main-menu nav{
}
#btemplates-main-menu .nav-item .dropdown-item img {
width: 100%;
object-fit: cover;
transition: all 1.5s cubic-bezier(0, 0, .3, 1);
}
#btemplates-main-menu .nav-item a.dropdown-item:hover img {
transform: scale(1.1);
}
#btemplates-main-menu .nav-item a {
color: rgb(17, 70, 105);
}
#btemplates-main-menu .nav-item > a {
color: #111;
}
#btemplates-main-menu .nav-item > a:hover {
color: #555;
}
#btemplates-main-menu .nav-item:last-child a {
}
.dropdown-submenu {
position: relative;
}
#btemplates-main-menu h2 {
display: none;
}
.dropdown-submenu>a:after {
content: "\f0da";
border: none;
font-family: 'FontAwesome';
vertical-align: middle;
}
.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
padding-left: 0.5rem;
margin-top: 0px;
margin-left: 0px;
}
@media (min-width: 991px) {
.dropdown-menu {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
}
#logoImage h2, #logoImage .caption {
display:none;
}
.status-msg-body b {
position: relative;
}
.status-msg-body a {
display: none;
}
#blocksMainMenu h2 {
display: none;
}
#blocksMainMenu a {
color: #fff;
font-weight: bold;
}
#blocksMainMenu a:hover {
text-decoration: none;
}
.bt-block {
cursor: pointer;
transition: opacity 0.25s, margin-top 0.3s linear;
}
.bt-block:hover {
opacity: 0.85;
margin-top: -1rem;
}
.status-msg-wrap {
background-color: #F3F8FC;
font-size: 150% !important;
}
.status-msg-bg {
border-radius: 5px;
opacity: 1;
}
.status-msg-body, .status-msg-bg {
padding: 1rem;
}
#bt-posts-1 .bt-post-title a, .btemplates-tags a.bt-tag, #btemplates-posts-slider .bt-post-title a, #bt-blog .bt-post-title a, #bt-videos .bt-post-title a {
color: #2EB7D7;
}
#bt-posts-1 .bt-post-title a:hover, .btemplates-tags a.bt-tag:hover, #btemplates-posts-slider .bt-post-title a:hover, #bt-blog .bt-post-title a:hover, #bt-videos .bt-post-title a:hover {
color: #5AB6CC;
}
#bt-posts-1 {
color: #666;
}
#bt-posts-1 h2 {
text-align: center;
}
#bt-posts-1 .btemplates-post {
border: solid 1px #eee;
max-width: 350px;
transition: background-color 0.5s;
}
#bt-posts-1 .btemplates-post:hover {
background-color: #eee;
}
#bt-posts-1 .btemplates-post:hover .bt-post-thumbnail img {
transform: scale3d(1.1, 1.1, 1.1);
}
#bt-posts-1 .btemplates-post:hover .bt-post-author-avatar img {
transform: rotate(-10deg);
}
hr.title-separator {
width: 100px;
text-align: center;
border: solid 1.5px #FAC300;
}
hr.subtitle-separator {
width: 100px;
text-align: center;
border: solid 1.5px #eee;
}
#bt-posts-1 .bt-post-thumbnail {
width: 350px;
height: 180px;
overflow: hidden;
float: none;
max-width: 100%;
}
#bt-posts-1 .bt-post-thumbnail img{
width: 100%;
height: 100%;
object-fit: cover;
border-bottom: 1px solid #eee;
transition: all 1.5s cubic-bezier(0, 0, .3, 1);
}
#bt-posts-1 .bt-post-author-avatar {
text-align: center;
margin-top: -25px;
}
#bt-posts-1 .bt-post-author-avatar img {
transition: transform 1s;
border-color: #eee;
position: relative;
z-index: 1;
}
#bt-posts-1 .bt-post-title {
text-align: center;
margin: 1rem 0;
font-weight: bold;
}
#bt-posts-1 .bt-post-content {
padding: 0 1rem;
font-size: 0.9rem;
}
#bt-posts-1 .bt-post-location {
text-align: center;
padding: 1rem 1rem 0;
font-size: 0.8rem;
}
#bt-posts-1 .bt-post-location .fa, #btemplates-posts-slider .bt-post-location .fa {
color: rgb(230, 161, 14);
}
#bt-posts-1 .bt-post-date {
text-align: right;
font-size: 0.7rem;
padding: 1rem;
color: #999;
}
.parallax {
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#content-1 {
text-align: center;
min-height: 300px;
}
#content-2 h2 {
padding-bottom: 1.5rem;
}
#content-1 .Image {
display: none;
}
#btemplates-search h2 {
}
#btemplates-search input[type='text'] {
padding: 0.5rem;
}
#btemplates-search input[type='submit'] {
background-color: #43e8d8;
border: 0;
border-radius: 0.25rem;
padding: 0.5rem 2rem;
color: #fff;
font-weight: bold;
}
#testimonials h2 {
text-align: center;
}
#testimonials .carousel-item {
text-align: center;
}
#testimonials .carousel-inner img {
width: 175px;
height: 175px;
}
#testimonials .bt-post-content {
font-size: 1rem;
}
#testimonials .bt-post-location {
color: #999;
}
#bt-subscription .Image {
display: none;
}
#bt-subscription {
text-align: center;
min-height: 300px;
color: #fff;
background-color: #2EB8D7;
}
#bt-subscription .input-group-prepend {
display: none;
}
#bt-subscription .bt-widget-description {
color: #fff;
}
#bt-subscription input[type='text'] {
padding: 0.75rem;
font-size: 1rem;
height: auto;
width: inherit;
border: 1px solid #ced4da;
}
#bt-subscription input[type='submit'] {
font-size: 1rem;
padding: 0.75rem;
width: auto;
height: auto;
margin-left: 1rem;
border-radius: 5px;
}
#bt-blog h2 {
text-align: center;
}
#bt-blog .bt-post-thumbnail {
width: 350px;
height: 180px;
overflow: hidden;
float: none;
max-width: 100%;
}
#bt-blog .btemplates-post {
transition: background-color 0.5s;
}
#bt-blog .btemplates-post:hover .bt-post-thumbnail img {
transform: scale3d(1.1, 1.1, 1.1);
}
#bt-blog .btemplates-post:hover {
background-color: #eee;
}
#bt-blog .bt-post-thumbnail img{
width: 100%;
height: 100%;
object-fit: cover;
border-bottom: 1px solid #eee;
transition: all 1.5s cubic-bezier(0, 0, .3, 1);
}
#bt-blog .bt-post-title {
text-align: center;
margin: 1rem 0;
font-weight: bold;
}
#bt-blog .bt-post-content {
padding: 0 1rem;
font-size: 0.9rem;
}
#bt-blog .bt-post-date {
text-align: center;
font-size: 0.7rem;
}
#bt-videos {
background-color: #333;
color: #fff;
}
#bt-videos .Image {
display: none;
}
#bt-videos a {
color: #fff;
}
#bt-videos h2, #bt-videos h3, #bt-videos .bt-post-content {
text-align: center;
}
#bt-contact h2, #bt-contact .bt-widget-description {
text-align: center;
}
#bt-contact .contact-form-widget {
max-width: 100% !important;
text-align: center;
}
#bt-contact .contact-form-widget .form {
display: inline-block;
width: 90%;
text-align: left;
}
#bt-contact input[type="text"] {
padding: 0.75rem;
font-size: 1rem;
height: auto;
margin: 0;
}
#bt-contact input[type="button"] {
font-size: 1rem;
padding: 0.75rem;
height: auto;
border-radius: 5px;
background-color: rgb(66, 203, 219);
color: #fff;
}
#bt-contact form span {
color: rgb(66, 203, 219);
}
#btemplates-dropdown-2 ul {
margin-right: auto;
}
#btemplates-dropdown-2 .nav-item > a {
}
#btemplates-dropdown-2 .nav-item > a:hover {
}
#btemplates-social a.nav-link{
padding: .5rem .7rem;
}
#btemplates-social a.nav-link:hover {
opacity: 0.8;
}
#btemplates-social a.nav-link .fa-tiktok {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' preserveAspectRatio='xMidYMid meet' viewBox='0 0 24 24'%3E%3Cpath fill='%23333333' d='M12.525.02c1.31-.02 2.61-.01 3.91-.02c.08 1.53.63 3.09 1.75 4.17c1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97c-.57-.26-1.1-.59-1.62-.93c-.01 2.92.01 5.84-.02 8.75c-.08 1.4-.54 2.79-1.35 3.94c-1.31 1.92-3.58 3.17-5.91 3.21c-1.43.08-2.86-.31-4.08-1.03c-2.02-1.19-3.44-3.37-3.65-5.71c-.02-.5-.03-1-.01-1.49c.18-1.9 1.12-3.72 2.58-4.96c1.66-1.44 3.98-2.13 6.15-1.72c.02 1.48-.04 2.96-.04 4.44c-.99-.32-2.15-.23-3.02.37c-.63.41-1.11 1.04-1.36 1.75c-.21.51-.15 1.07-.14 1.61c.24 1.64 1.82 3.02 3.5 2.87c1.12-.01 2.19-.66 2.77-1.61c.19-.33.4-.67.41-1.06c.1-1.79.06-3.57.07-5.36c.01-4.03-.01-8.05.02-12.07z'/%3E%3C/svg%3E");
padding: 1px;
}
#btemplates-social a.nav-link .fa-mastodon {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' preserveAspectRatio='xMidYMid meet' viewBox='0 0 24 24'%3E%3Cpath fill='%23333333' d='M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127C.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611c.118 1.24.325 2.47.62 3.68c.55 2.237 2.777 4.098 4.96 4.857c2.336.792 4.849.923 7.256.38c.265-.061.527-.132.786-.213c.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041a.053.053 0 0 0-.046-.01a20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433a.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546c.376 0 .75 0 1.125-.01c1.57-.044 3.224-.124 4.768-.422c.038-.008.077-.015.11-.024c2.435-.464 4.753-1.92 4.989-5.604c.008-.145.03-1.52.03-1.67c.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976c-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35c-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12c.696-.77 1.608-1.164 2.74-1.164c1.311 0 2.302.5 2.962 1.498l.638 1.06l.638-1.06c.66-.999 1.65-1.498 2.96-1.498c1.13 0 2.043.395 2.74 1.164c.675.77 1.012 1.81 1.012 3.12z'/%3E%3C/svg%3E");
padding: 1px;
}
#btemplates-dropdown-1 a {
color: #c41d1d;
}
#btemplates-dropdown-1 a:hover {
color: #D8815F;
}
nav.navbar h2 {
display: none;
}
#btemplates-popular-posts .PopularPosts {
display: none;
}
body#layout #btemplates-popular-posts .PopularPosts {
display: block !important;
}
#btemplates-popular-posts .PopularPosts h2 {
display: block;
text-align: center;
}
#btemplates-popular-posts .PopularPosts img {
padding-right: 0 !important;
}
#btemplates-popular-posts .PopularPosts .widget-item-control {
margin-top: 0;
}
#bt-labels h2 {
text-align: center;
}
.btemplates-tags {
text-align: center;
}
.btemplates-tags a.bt-tag {
text-align: center;
display: inline-block;
margin: 0 1rem 1rem 0;
}
.btemplates-tags a:hover img {
opacity: 0.8;
}
.btemplates-tags a img {
border: 2px solid #333;
transform: scale(1);
transition: all 0.3s ease;
width: 75px;
height: 75px;
}
.btemplates-tags a:hover img, .btemplates-tags a:focus img {
transform: scale(1.1);
}
#btemplates-first-post {
display: none;
}
body#layout #btemplates-first-post {
display: block;
}
#btemplates-first-post-c h2 {
display: none;
}
#btemplates-first-post-c .widget {
margin-bottom: 2rem;
}
#btemplates-main-content {
background-color: #fff;
padding: 15px;
}
.breadcrumb, .status-msg-bg {
background-color: #F3F8FC;
}
.post-title a {
}
.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100% !important;
height:100% !important;
}
.post-header-line-1 {
transition: color 1s;
}
.post-header-line-1 .post-labels:hover .fa {
color: rgb(240, 188, 13) !important;
}
.post-header-line-1 .post-labels:hover .rounded-circle {
border-color: rgb(240, 188, 13) !important;
}
.post-header-line-1 .post-author:hover .fa {
color: rgb(66, 203, 219) !important;
}
.post-header-line-1 .post-author:hover .rounded-circle {
border-color: rgb(66, 203, 219) !important;
}
.post-header-line-1 > span {
margin: 0 0.5rem;
}
.post-header-line-1 .rounded-circle {
width: 1.5em;
height: 1.5em;
display: inline-block;
transition: border-color 1s;
}
.post-header-line-1 a {
color: #444;
}
.post-body {
line-height: 1.5;
}
.post-body ul{list-style-type:circle;list-style-position:inside;padding:0 0 0 0.25em;}
.post-body ol{list-style-type:decimal;list-style-position:inside;padding:0 0 0 0.25em;}
.post-body a { text-decoration: underline; color: rgb(17, 70, 105); }
.post-body a:hover { color: rgb(31, 92, 132); }
.post-body a img: hover {
border: 1px solid #999;
}
.post code{
background:url(//1.bp.blogspot.com/_Zuzii37VUO4/TUws668Wr6I/AAAAAAAAFX0/LgnevWURtjQ/s000/code.png) no-repeat 0 5px;padding:0 35px 0 0;display:block;min-height:35px;padding:0 0 0 30px;
}
.post table {
border-color:#CDCDCD;border-style:solid;border-width:1px 0;width:100%;text-align:center;
}
.post table td,.post table th {
border-bottom:1px solid #EFEFEF;padding:5px 15px 5px 0;
}
.post img {
max-width: 100%;
}
.post .posts-list-tag {
}
.post .posts-list-tag li {
list-style: none;
border-bottom: 1px solid #F3F8FC;
line-height: 3;
transition: background-color 0.5s;
}
.post .posts-list-tag li:hover {
background-color: #DBE4EC;
}
.post .posts-list-tag li a {
text-decoration: none;
display: block;
transition: color 0.5s;
}
.post-footer-line {
margin-bottom: 0.5rem;
}
.post-footer .post-timestamp {
font-size: 80%;
}
.bt-post-share-buttons a {
text-align: center;
border: 2px solid #999;
border-radius: 50%;
width: 2em;
height: 2em;
display: inline-block;
line-height: 2;
}
.bt-post-share-buttons a i {
transition: font-size 0.5s;
}
.bt-post-share-buttons a:hover i {
font-size: 125%;
}
.bt-post-share-buttons a[href$="email"] {
border-color: rgb(240, 188, 13);
color: rgb(240, 188, 13);
}
.bt-post-share-buttons a[href$="facebook"] {
border-color: #3b5998;
color: #3b5998;
}
.bt-post-share-buttons a[href$="twitter"] {
border-color: #55acee;
color: #55acee;
}
.bt-post-share-buttons a[href$="pinterest"] {
border-color: #CB2125;
color: #CB2125;
}
.bt-post-share-buttons a[href$="tools.html"] {
border-color: #28AE00;
color: #28AE00;
}
.post-author, .Profile .profile-name-link {
}
#btemplates-author-box {
box-shadow: 0 0 50px .1px rgba(0,0,0,0.07);
box-sizing: border-box;
border-radius: 7px;
padding: 1rem;
margin: 1rem 0 1.75rem;
transition: box-shadow 1s;
}
#btemplates-author-box:hover {
box-shadow: 0 0 50px .1px #CFDEEA;
}
#btemplates-author-box img.rounded-circle{
width: 75px;
height: 75px;
}
#btemplates-author-box a[rel='author'] {
font-weight: bold;
font-size: 1.25rem;
margin-bottom: 0.75rem;
display: block;
}
#btemplates-author-box span[itemprop='description'] {
color: #444;
}
#blog-pager {
margin-bottom: 1.5rem;
}
#blog-pager .btemplates-post:first-child::before {
content: ' Newer post';
}
#blog-pager .btemplates-post:last-child::before {
content: 'Older post >';
}
#blog-pager .bt-post-thumbnail {
width: 100%;
height: 150px;
}
#blog-pager .bt-post-title {
}
#blog-pager a {
color: #212529;
}
#blog-pager .bt-post-content {
display:none;
}
#blog-pager .bt-post-date {
display: none;
color: #999;
}
.home-link::before {
content: ' a0\f015';
font-family: fontAwesome;
}
.blog-pager-older-link::after {
content: ' a0\f105';
font-family: fontAwesome;
}
.blog-pager-newer-link::before {
content: '\f104 a0';
font-family: fontAwesome;
}
.status-msg-wrap {
width: 100%;
margin: 0 auto 2em;
font-size: 125%;
}
.status-msg-border {
border: 0;
}
#sidebar-wrapper .widget {
margin-bottom: 1em;
}
#sidebar-wrapper .widget h2, #footers .widget h2 {
padding-bottom: 0.5em;
margin-bottom: 0.5em;
border-bottom: 1px solid #FAC300 !important;
}
#sidebar-wrapper h2 {
}
#sidebar-wrapper ul {
padding: 0;
}
#sidebar-wrapper li {
}
#sidebar-wrapper .widget {
}
#sidebar-wrapper .widget-content {
}
#sidebar .widget, #footers .widget {
margin-bottom: 2.5em;
}
#sidebar input[type=text] {
}
#sidebar input[type=submit] {
cursor: pointer;
}
#sidebar .PopularPosts ul , #footers .PopularPosts ul {
padding: 0;
}
#sidebar .PopularPosts li, #footers .PopularPosts li {
list-style: none;
}
#sidebar .PopularPosts .item-thumbnail, #footers .PopularPosts .item-thumbnail {
width:75px;
float:left;
}
#sidebar .PopularPosts .item-thumbnail img, #footers .PopularPosts .item-thumbnail img {
width:75px;
}
#sidebar .PopularPosts .item-title, #footers .PopularPosts .item-title {
font-size:0.9em;
}
#sidebar .PopularPosts .item-snippet, #footers .PopularPosts .item-snippet {
display: none;
}
#sidebar .Label ul, #footers .Label ul {
}
.cloud-label-widget-content {
color: #fff;
}
.cloud-label-widget-content .label-size {
background-color: #13a5a5;
margin: 0.05rem;
padding: 0.2rem;
border-radius: 5px;
display: inline-block;
}
.cloud-label-widget-content a {
color: #fff;
}
#sidebar-icons a {
color: #666;
text-decoration:none;
}
.Profile .widget-content {
text-align:center;
}
.Profile ul {
text-align: left;
}
.Profile li a {
padding: 0 0.5em 0 0.3em;
}
.Profile li:before {
content: '\f2bd';
font-family: fontAwesome;
}
.Profile li {
list-style: none;
}
.Profile .profile-name-link {
background-image: none !important;
font-size: 1.1em;
}
.Profile > div:nth-child(2) > a:nth-child(1) img {
display:block;
float:none;
margin: 0.5em auto;
width: 125px;
height: 125px !important;
}
.Profile .profile-link{
font-size: 80%;
}
#sidebar .btemplates-post, #footers .btemplates-post {
clear: both;
margin-bottom:1em;
}
#sidebar .btemplates-post:hover .bt-post-thumbnail img, #footers .btemplates-post:hover .bt-post-thumbnail img {
transform: scale3d(1.1, 1.1, 1.1);
}
#sidebar .bt-post-thumbnail, #footers .bt-post-thumbnail {
margin:0 0.5em 1em 0;
float:left;
}
#sidebar .bt-post-thumbnail img, #footers .bt-post-thumbnail img {
transition: all 1.5s cubic-bezier(0, 0, .3, 1);
}
#sidebar .bt-post-title, #footers .bt-post-title {
}
#sidebar .bt-post-content, #footers .bt-post-content {
display:none;
}
#sidebar .bt-post-date, #footers .bt-post-date {
font-size: 70%;
float: right;
color: #999;
}
#footers .fa, #sidebar .fa {
background-color: #efefef;
color: #fff;
font-size: 1.75rem;
width: 2.5rem;
height: 2.5rem;
border-radius: 50% !important;
vertical-align: middle;
margin: 0 1rem 0.5rem 0;
float: left;
}
#footers .fa:hover, #sidebar .fa:hover {
opacity: 0.75;
}
#footers .fa.fa-500px, #sidebar .fa.fa-500px {
background-color: #0099e5;
}
#footers .fa.fa-adn, #sidebar .fa.fa-adn {
background-color: #4a484c;
}
#footers .fa.fa-amazon, #sidebar .fa.fa-amazon {
background-color: #ff9900;
}
#footers .fa.fa-android, #sidebar .fa.fa-android {
background-color: #a4c639;
}
#footers .fa.fa-angellist, #sidebar .fa.fa-angellist {
background-color: #000;
}
#footers .fa.fa-apple, #sidebar .fa.fa-apple {
background-color: #979797;
}
#footers .fa.fa-behance, #sidebar .fa.fa-behance {
background-color: #1769ff;
}
#footers .fa.fa-behance-square, #sidebar .fa.fa-behance-square {
background-color: #1769ff;
}
#footers .fa.fa-bitbucket, #sidebar .fa.fa-bitbucket {
background-color: #205081;
}
#footers .fa.fa-bitbucket-square, #sidebar .fa.fa-bitbucket-square {
background-color: #205081;
}
#footers .fa.fa-bitcoin, #sidebar .fa.fa-bitcoin {
background-color: #ee9209;
}
#footers .fa.fa-black-tie, #sidebar .fa.fa-black-tie {
background-color: #222;
}
#footers .fa.fa-btc, #sidebar .fa.fa-btc {
background-color: #ee9209;
}
#footers .fa.fa-buysellads, #sidebar .fa.fa-buysellads {
background-color: #c90100;
}
#footers .fa.fa-cc-amex, #sidebar .fa.fa-cc-amex {
background-color: #007bc1;
}
#footers .fa.fa-cc-diners-club, #sidebar .fa.fa-cc-diners-club {
background-color: #004a97;
}
#footers .fa.fa-cc-discover, #sidebar .fa.fa-cc-discover {
background-color: #f68121;
}
#footers .fa.fa-cc-jcb, #sidebar .fa.fa-cc-jcb {
background-color: #003a8f;
}
#footers .fa.fa-cc-mastercard, #sidebar .fa.fa-cc-mastercard {
background-color: #0a3a82;
}
#footers .fa.fa-cc-paypal, #sidebar .fa.fa-cc-paypal {
background-color: #253b80;
}
#footers .fa.fa-cc-stripe, #sidebar .fa.fa-cc-stripe {
background-color: #00afe1;
}
#footers .fa.fa-cc-visa, #sidebar .fa.fa-cc-visa {
background-color: #0157a2;
}
#footers .fa.fa-chrome, #sidebar .fa.fa-chrome {
background-color: #4587f3;
}
#footers .fa.fa-codepen, #sidebar .fa.fa-codepen {
background-color: #000;
}
#footers .fa.fa-connectdevelop, #sidebar .fa.fa-connectdevelop {
background-color: #391448;
}
#footers .fa.fa-contao, #sidebar .fa.fa-contao {
background-color: #eb8623;
}
#footers .fa.fa-creative-commons, #sidebar .fa.fa-creative-commons {
background-color: #231f20;
}
#footers .fa.fa-css3, #sidebar .fa.fa-css3 {
background-color: #1680c0;
}
#footers .fa.fa-dashcube, #sidebar .fa.fa-dashcube {
background-color: #7f7f7f;
}
#footers .fa.fa-delicious, #sidebar .fa.fa-delicious {
background-color: #3399ff;
}
#footers .fa.fa-deviantart, #sidebar .fa.fa-deviantart {
background-color: #4e6252;
}
#footers .fa.fa-digg, #sidebar .fa.fa-digg {
background-color: #000;
}
#footers .fa.fa-dribbble, #sidebar .fa.fa-dribbble {
background-color: #444444;
}
#footers .fa.fa-dropbox, #sidebar .fa.fa-dropbox {
background-color: #007ee5;
}
#footers .fa.fa-drupal, #sidebar .fa.fa-drupal {
background-color: #0077c0;
}
#footers .fa.fa-empire, #sidebar .fa.fa-empire {
background-color: #000;
}
#footers .fa.fa-expeditedssl, #sidebar .fa.fa-expeditedssl {
background-color: #343433;
}
#footers .fa.fa-facebook, #sidebar .fa.fa-facebook {
background-color: #3b5998;
}
#footers .fa.fa-etsy, #sidebar .fa.fa-etsy {
background-color: #F45700;
}
#footers .fa.fa-facebook-official, #sidebar .fa.fa-facebook-official {
background-color: #3b5998;
}
#footers .fa.fa-facebook-square, #sidebar .fa.fa-facebook-square {
background-color: #3b5998;
}
#footers .fa.fa-firefox, #sidebar .fa.fa-firefox {
background-color: #e66000;
}
#footers .fa.fa-flickr, #sidebar .fa.fa-flickr {
background-color: #ff0084;
}
#footers .fa.fa-fonticons, #sidebar .fa.fa-fonticons {
background-color: #1c1e29;
}
#footers .fa.fa-forumbee, #sidebar .fa.fa-forumbee {
background-color: #83ad13;
}
#footers .fa.fa-foursquare, #sidebar .fa.fa-foursquare {
background-color: #0072b1;
}
#footers .fa.fa-ge, #sidebar .fa.fa-ge {
background-color: #000;
}
#footers .fa.fa-get-pocket, #sidebar .fa.fa-get-pocket {
background-color: #d3505a;
}
#footers .fa.fa-gg, #sidebar .fa.fa-gg {
background-color: #000;
}
#footers .fa.fa-gg-circle, #sidebar .fa.fa-gg-circle {
background-color: #000;
}
#footers .fa.fa-git, #sidebar .fa.fa-git {
background-color: #333;
}
#footers .fa.fa-git-square, #sidebar .fa.fa-git-square {
background-color: #333;
}
#footers .fa.fa-github, #sidebar .fa.fa-github {
background-color: #333;
}
#footers .fa.fa-github-alt, #sidebar .fa.fa-github-alt {
background-color: #333;
}
#footers .fa.fa-github-square, #sidebar .fa.fa-github-square {
background-color: #333;
}
#footers .fa.fa-gittip, #sidebar .fa.fa-gittip {
background-color: #663300;
}
#footers .fa.fa-google, #sidebar .fa.fa-google {
background-color: #4285f4;
}
#footers .fa.fa-google-plus, #sidebar .fa.fa-google-plus {
background-color: #dd4b39;
}
#footers .fa.fa-google-plus-square, #sidebar .fa.fa-google-plus-square {
background-color: #dd4b39;
}
#footers .fa.fa-google-wallet, #sidebar .fa.fa-google-wallet {
background-color: #4285f4;
}
#footers .fa.fa-hacker-news, #sidebar .fa.fa-hacker-news {
background-color: #ff6600;
}
#footers .fa.fa-houzz, #sidebar .fa.fa-houzz {
background-color: #7ac142;
}
#footers .fa.fa-html5, #sidebar .fa.fa-html5 {
background-color: #e34f26;
}
#footers .fa.fa-instagram, #sidebar .fa.fa-instagram {
background-color: #3f729b;
}
#footers .fa.fa-internet-explorer, #sidebar .fa.fa-internet-explorer {
background-color: #1ebbee;
}
#footers .fa.fa-ioxhost, #sidebar .fa.fa-ioxhost {
background-color: #faa729;
}
#footers .fa.fa-joomla, #sidebar .fa.fa-joomla {
background-color: #142849;
}
#footers .fa.fa-jsfiddle, #sidebar .fa.fa-jsfiddle {
background-color: #4679bd;
}
#footers .fa.fa-lastfm, #sidebar .fa.fa-lastfm {
background-color: #c3000d;
}
#footers .fa.fa-lastfm-square, #sidebar .fa.fa-lastfm-square {
background-color: #c3000d;
}
#footers .fa.fa-leanpub, #sidebar .fa.fa-leanpub {
background-color: #0c0c0c;
}
#footers .fa.fa-linkedin, #sidebar .fa.fa-linkedin {
background-color: #0976b4;
}
#footers .fa.fa-linkedin-square, #sidebar .fa.fa-linkedin-square {
background-color: #0976b4;
}
#footers .fa.fa-linux, #sidebar .fa.fa-linux {
background-color: #333333;
}
#footers .fa.fa-maxcdn, #sidebar .fa.fa-maxcdn {
background-color: #ff6600;
}
#footers .fa.fa-meanpath, #sidebar .fa.fa-meanpath {
background-color: #538ed7;
}
#footers .fa.fa-medium, #sidebar .fa.fa-medium {
background-color: #000;
}
#footers .fa.fa-odnoklassniki, #sidebar .fa.fa-odnoklassniki {
background-color: #ed812b;
}
#footers .fa.fa-odnoklassniki-square, #sidebar .fa.fa-odnoklassniki-square {
background-color: #ed812b;
}
#footers .fa.fa-opencart, #sidebar .fa.fa-opencart {
background-color: #2ac2ef;
}
#footers .fa.fa-openid, #sidebar .fa.fa-openid {
background-color: #f78c40;
}
#footers .fa.fa-opera, #sidebar .fa.fa-opera {
background-color: #cc0f16;
}
#footers .fa.fa-optin-monster, #sidebar .fa.fa-optin-monster {
background-color: #83c11f;
}
#footers .fa.fa-pagelines, #sidebar .fa.fa-pagelines {
background-color: #000;
}
#footers .fa.fa-paypal, #sidebar .fa.fa-paypal {
background-color: #253b80;
}
#footers .fa.fa-pied-piper, #sidebar .fa.fa-pied-piper {
background-color: #2f9f46;
}
#footers .fa.fa-pied-piper-alt, #sidebar .fa.fa-pied-piper-alt {
background-color: #2f9f46;
}
#footers .fa.fa-pied-piper-square, #sidebar .fa.fa-pied-piper-square {
background-color: #2f9f46;
}
#footers .fa.fa-pinterest, #sidebar .fa.fa-pinterest {
background-color: #cc2127;
}
#footers .fa.fa-pinterest-p, #sidebar .fa.fa-pinterest-p {
background-color: #cc2127;
}
#footers .fa.fa-pinterest-square, #sidebar .fa.fa-pinterest-square {
background-color: #cc2127;
}
#footers .fa.fa-qq, #sidebar .fa.fa-qq {
background-color: #000;
}
#footers .fa.fa-ra, #sidebar .fa.fa-ra {
background-color: #000;
}
#footers .fa.fa-rebel, #sidebar .fa.fa-rebel {
background-color: #000;
}
#footers .fa.fa-reddit, #sidebar .fa.fa-reddit {
background-color: #ff4500;
}
#footers .fa.fa-reddit-square, #sidebar .fa.fa-reddit-square {
background-color: #ff4500;
}
#footers .fa.fa-renren, #sidebar .fa.fa-renren {
background-color: #005eac;
}
#footers .fa.fa-safari, #sidebar .fa.fa-safari {
background-color: #1b88ca;
}
#footers .fa.fa-sellsy, #sidebar .fa.fa-sellsy {
background-color: #1f78b9;
}
#footers .fa.fa-share-alt, #sidebar .fa.fa-share-alt {
background-color: #01bf01;
}
#footers .fa.fa-share-alt-square, #sidebar .fa.fa-share-alt-square {
background-color: #01bf01;
}
#footers .fa.fa-shirtsinbulk, #sidebar .fa.fa-shirtsinbulk {
background-color: #dd3a26;
}
#footers .fa.fa-simplybuilt, #sidebar .fa.fa-simplybuilt {
background-color: #000;
}
#footers .fa.fa-skyatlas, #sidebar .fa.fa-skyatlas {
background-color: #00adbb;
}
#footers .fa.fa-skype, #sidebar .fa.fa-skype {
background-color: #00aff0;
}
#footers .fa.fa-slack, #sidebar .fa.fa-slack {
background-color: #0f7965;
}
#footers .fa.fa-slideshare, #sidebar .fa.fa-slideshare {
background-color: #e98325;
}
#footers .fa.fa-soundcloud, #sidebar .fa.fa-soundcloud {
background-color: #f80;
}
#footers .fa.fa-spotify, #sidebar .fa.fa-spotify {
background-color: #7ab800;
}
#footers .fa.fa-stack-exchange, #sidebar .fa.fa-stack-exchange {
background-color: #000;
}
#footers .fa.fa-stack-overflow, #sidebar .fa.fa-stack-overflow {
background-color: #fe7a15;
}
#footers .fa.fa-steam, #sidebar .fa.fa-steam {
background-color: #0b0b0b;
}
#footers .fa.fa-steam-square, #sidebar .fa.fa-steam-square {
background-color: #0b0b0b;
}
#footers .fa.fa-stumbleupon, #sidebar .fa.fa-stumbleupon {
background-color: #eb4924;
}
#footers .fa.fa-stumbleupon-circle, #sidebar .fa.fa-stumbleupon-circle {
background-color: #eb4924;
}
#footers .fa.fa-tencent-weibo, #sidebar .fa.fa-tencent-weibo {
background-color: #74af2c;
}
#footers .fa.fa-trello, #sidebar .fa.fa-trello {
background-color: #256a92;
}
#footers .fa.fa-tripadvisor, #sidebar .fa.fa-tripadvisor {
background-color: #589442;
}
#footers .fa.fa-tumblr, #sidebar .fa.fa-tumblr {
background-color: #35465c;
}
#footers .fa.fa-tumblr-square, #sidebar .fa.fa-tumblr-square {
background-color: #35465c;
}
#footers .fa.fa-twitch, #sidebar .fa.fa-twitch {
background-color: #6441a5;
}
#footers .fa.fa-twitter, #sidebar .fa.fa-twitter {
background-color: #55acee;
}
#footers .fa.fa-twitter-square, #sidebar .fa.fa-twitter-square {
background-color: #55acee;
}
#footers .fa.fa-viacoin, #sidebar .fa.fa-viacoin {
background-color: #333;
}
#footers .fa.fa-vimeo, #sidebar .fa.fa-vimeo {
background-color: #1ab7ea;
}
#footers .fa.fa-vimeo-square, #sidebar .fa.fa-vimeo-square {
background-color: #1ab7ea;
}
#footers .fa.fa-vine, #sidebar .fa.fa-vine {
background-color: #00b488;
}
#footers .fa.fa-vk, #sidebar .fa.fa-vk {
background-color: #45668e;
}
#footers .fa.fa-wechat, #sidebar .fa.fa-wechat {
background-color: #93d034;
}
#footers .fa.fa-weibo, #sidebar .fa.fa-weibo {
background-color: #e71d34;
}
#footers .fa.fa-weixin, #sidebar .fa.fa-weixin {
background-color: #93d034;
}
#footers .fa.fa-wikipedia-w, #sidebar .fa.fa-wikipedia-w {
background-color: #000;
}
#footers .fa.fa-windows, #sidebar .fa.fa-windows {
background-color: #00bcf2;
}
#footers .fa.fa-wordpress, #sidebar .fa.fa-wordpress {
background-color: #21759b;
}
#footers .fa.fa-xing, #sidebar .fa.fa-xing {
background-color: #026466;
}
#footers .fa.fa-xing-square, #sidebar .fa.fa-xing-square {
background-color: #026466;
}
#footers .fa.fa-y-combinator, #sidebar .fa.fa-y-combinator {
background-color: #f0652f;
}
#footers .fa.fa-yc, #sidebar .fa.fa-yc {
background-color: #f0652f;
}
#footers .fa.fa-yahoo, #sidebar .fa.fa-yahoo {
background-color: #400191;
}
#footers .fa.fa-yelp, #sidebar .fa.fa-yelp {
background-color: #af0606;
}
#footers .fa.fa-youtube, #sidebar .fa.fa-youtube {
background-color: #e52d27;
}
#footers .fa.fa-youtube-play, #sidebar .fa.fa-youtube-play {
background-color: #e52d27;
}
#footers .fa.fa-youtube-square, #sidebar .fa.fa-youtube-square {
background-color: #e52d27;
}
#footers .fa.fa-tiktok, #sidebar .fa.fa-tiktok{
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' preserveAspectRatio='xMidYMid meet' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M12.525.02c1.31-.02 2.61-.01 3.91-.02c.08 1.53.63 3.09 1.75 4.17c1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97c-.57-.26-1.1-.59-1.62-.93c-.01 2.92.01 5.84-.02 8.75c-.08 1.4-.54 2.79-1.35 3.94c-1.31 1.92-3.58 3.17-5.91 3.21c-1.43.08-2.86-.31-4.08-1.03c-2.02-1.19-3.44-3.37-3.65-5.71c-.02-.5-.03-1-.01-1.49c.18-1.9 1.12-3.72 2.58-4.96c1.66-1.44 3.98-2.13 6.15-1.72c.02 1.48-.04 2.96-.04 4.44c-.99-.32-2.15-.23-3.02.37c-.63.41-1.11 1.04-1.36 1.75c-.21.51-.15 1.07-.14 1.61c.24 1.64 1.82 3.02 3.5 2.87c1.12-.01 2.19-.66 2.77-1.61c.19-.33.4-.67.41-1.06c.1-1.79.06-3.57.07-5.36c.01-4.03-.01-8.05.02-12.07z'/%3E%3C/svg%3E");
padding: 5px;
background-color: #000000;
}
#footers .fa.fa-mastodon, #sidebar .fa.fa-mastodon{
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' preserveAspectRatio='xMidYMid meet' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127C.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611c.118 1.24.325 2.47.62 3.68c.55 2.237 2.777 4.098 4.96 4.857c2.336.792 4.849.923 7.256.38c.265-.061.527-.132.786-.213c.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041a.053.053 0 0 0-.046-.01a20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433a.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546c.376 0 .75 0 1.125-.01c1.57-.044 3.224-.124 4.768-.422c.038-.008.077-.015.11-.024c2.435-.464 4.753-1.92 4.989-5.604c.008-.145.03-1.52.03-1.67c.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976c-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35c-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12c.696-.77 1.608-1.164 2.74-1.164c1.311 0 2.302.5 2.962 1.498l.638 1.06l.638-1.06c.66-.999 1.65-1.498 2.96-1.498c1.13 0 2.043.395 2.74 1.164c.675.77 1.012 1.81 1.012 3.12z'/%3E%3C/svg%3E");
padding: 5px;
background-color: #2A8CD3;
}
.btemplates-comment {
clear: both;
}
.bt-comment-avatar {
}
.bt-comment-avatar img {
width: 50px;
height: 50px;
margin: 0 0.5em 1em 0;
}
.bt-comment-author {
}
.bt-comment-content {
font-size: 0.8rem;
word-break: break-word;
}
.Label li {
clear:both;
margin-bottom: 0.5em;
list-style: none;
}
.Label li::before {
}
.Label span[dir='ltr'] {
width: 1.5em;
height: 1.5em;
}
.ContactForm input, .ContactForm textarea {
max-width: 100%;
}
.ContactForm input[type='button'] {
width: 100%;
background-color: #43e8d8;
color: #fff;
background-image: none;
border: 0;
}
.ContactForm form span {
color: #43e8d8;
}
.Feed li {
clear:both;
margin-bottom: 0.5em;
list-style: none;
}
.Feed li::before {
content: '\f101 ';
font-family: fontAwesome;
}
.Feed .item-date {
color: #999;
}
.bt-comment-date a {
font-size: 0.8rem;
float: right;
color: #999;
}
.Image img {
max-width: 100%;
}
#footers {
background-color: rgb(17, 70, 105);
color: #fff;
}
#footers a {
color: #fff;
}
#footers h2, #footers .bt-post-date, #footers .bt-comment-date a {
color: #fff;
}
#footer-wrapper a {
color: rgb(140, 209, 255);
}
#footers .section img, #sidebar-wrapper img {
max-width: 100%;
height: auto;
}
#footers .widget-item-control .quickedit, #btemplates-dropdown-2 .widget-item-control .quickedit {
opacity: 1;
}
#footer-menu h2 {
display: none;
}
#footer-menu ul {
margin: 0;
padding: 0;
}
#footer-menu li {
display: inline;
padding-right: 1rem;
}
#footer-menu li:last-child {
padding-right: 0;
}
#comments {
margin-bottom: 1.5rem;
}
#top-ra {
margin-bottom: 2em;
}
#top-ra > .comment {
border: 1px solid #dee2e6;
margin: 0 0 1em;
padding: 1em;
}
.comment-content {
word-break: break-word;
}
.comments .comments-content .datetime {
margin-left: 0;
display: block;
}
.comments .comments-content .datetime a{
color: #999;
font-size:0.9em;
}
a.comment-reply {
display: inline !important;
background-color: #3bccce;
color: #fff;
}
.comment-form {
max-width:100% !important;
}
p.comment-footer {
text-align:center;
}
dd.comment-footer, dd.comment-body {
margin:0;
}
.bt-widget-description {
color: #888;
}
#main-wrapper .BlogSearch {
background-color: #f8f9fa;
padding: 2em;
}
#main-wrapper .BlogSearch h2 {
border-bottom: 1px solid #666;
padding-bottom: 1em;
margin-bottom: 1em;
font-size: 1.75em;
text-align: center;
}
#main-wrapper .BlogSearch .bt-widget-description {
text-align: center;
}
#main-wrapper .BlogSearch input[type=text] {
height: 3em;
padding: 1em;
font-size: 0.9em;
}
#main-wrapper .BlogSearch input[type=submit] {
height: 3em;
font-size: 0.9em;
padding: 0;
font-weight: bold;
background-color: #43e8d8;
}
.btemplates-portfolio {}
#portfolio-footer {
text-align: center;
width: 100%;
}
#portfolio-footer h2 {
text-align: center;
font-size:2.5rem;
}
.btemplates-portfolio h3 {
font-size: 1.25rem;
}
.btemplates-portfolio .item {
position: relative;
width: 100%;
display: block;
overflow: hidden;
z-index: 0;
cursor: pointer;
}
.btemplates-portfolio .item:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
background: #000;
opacity: 0;
z-index: 1;
transition: all 0.3s ease;
}
.btemplates-portfolio .item:hover:after, .btemplates-portfolio .item:focus:after {
opacity: .8;
}
.btemplates-portfolio .item:hover .item-title, .btemplates-portfolio .item:focus .item-title {
opacity: 1;
top: 0;
}
.btemplates-portfolio .item:hover img, .btemplates-portfolio .item:focus img {
transform: scale(1.3);
}
.btemplates-portfolio .item img {
transform: scale(1);
z-index: -1;
max-width: 100%;
height: auto;
transition: all 0.6s ease;
padding-right: 0 !important;
}
.btemplates-portfolio .item-title {
position: absolute;
top: -100px;
left: 0;
right: 0;
padding: 1em;
opacity: 0;
z-index: 2;
transition: all 0.6s ease;
color: #fff;
text-align: center;
}
.btemplates-portfolio .item-title a {
color: #fff;
}
.btemplates-portfolio .item-title a:hover {
color: #43e8d8;
}
.btemplates-portfolio .item-title span {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
color: rgba(255, 255, 255, 0.8);
}
.btemplates-portfolio .item-title h3 a {
color: #fff;
}
#btemplates-404 h4 {
font-size:2.5em;
}
#btemplates-404 p {
margin-bottom: 2em;
}
#btemplates-404 img {
max-width: 100%;
}
#btemplates-error-404 .widget {
margin-bottom: 2rem;
}
#btemplates-error-404 h2 {
text-align: center;
}
#btemplates-error-404 .Image img {
height: auto;
max-width: 100%;
}
@keyframes heartbeat
{
0%
{
transform: scale( .75 );
}
20%
{
transform: scale( 1 );
}
40%
{
transform: scale( .75 );
}
60%
{
transform: scale( 1 );
}
80%
{
transform: scale( .75 );
}
100%
{
transform: scale( .75 );
}
}
#thanks-for-keeping-this .fa-heart:hover {
animation: heartbeat 1s infinite;
}
#back-top {
position: fixed;
right: 20px;
bottom: 0;
z-index: 1041;
width: 40px;
height: 40px;
text-indent: 0;
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-o-transition-duration: 0s;
color: #e8e8e8;
font-size: 32px;
line-height: 26px;
padding: 4px 0 0;
text-align: center;
border-radius: 5px 5px 0 0;
display: none;
background-color: rgb(16, 52, 77);
}
.introjs-tooltiptext a{
color: #007bff;
}
#blog-pager-newer-link {float: left;}
#blog-pager-older-link {float: right;}
#blog-pager {text-align: center; }
.introjs-donebutton {
color: green !important;
font-weight: bold !important;
background-color: #fff !important;
background-image: none !important;
}
@media (min-width: 576px) {
#bt-header {
height: 35rem;
}
.btemplates-tags a img {
border: 3px solid #333;
width: 100px;
height: 100px;
}
#testimonials .carousel-inner img {
width: 250px;
height: 250px;
}
#testimonials .bt-post-content {
font-size: 1.25rem;
}
#bt-subscription input[type="text"] {
width: auto;
}
#bt-subscription .input-group-prepend {
display: inherit;
}
#btemplates-author-box img.rounded-circle{
width: 120px;
height: 120px;
}
}
@media (min-width: 768px) {
#btemplates-main-content {
}
#btemplates-main-menu .btemplates-dropdown {
width: auto;
}
#blog-pager .btemplates-post {
width: 49%;
float: left;
}
#header {
margin-top: -4rem;
}
#btemplates-dropdown-2 {
font-size: 0.85rem;
}
#bt-header {
height: 35rem;
}
#btemplates-main-menu .navbar li {
margin: 0 0.1rem;
}
.btemplates-portfolio h3 {
font-style: inherit;
}
.btemplates-portfolio .item-title {
padding: 2em;
}
#btemplates-author-box img.rounded-circle{
width: 150px;
height: 150px;
}
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
#btemplates-main-menu .navbar li {
margin: 0 0.25rem;
}
}
</style>
<link href='https://fonts.googleapis.com/css?family=Rubik&display=swap' rel='stylesheet'/>
</head>
<body>
<b:class cond='data:view.isPreview' name='preview'/>
<b:class cond='data:view.isMultipleItems' name='feed'/>
<b:class cond='data:view.isSingleItem' name='item'/>
<b:class cond='data:view.isPost' name='single-post'/>
<b:class cond='data:view.isArchive' name='archive'/>
<b:class cond='data:view.isPage' name='page'/>
<b:class cond='data:view.isLabelSearch' name='label'/>
<b:class cond='data:view.isSearch and !data:view.isLabelSearch' name='search'/>
<b:class cond='data:view.isError' name='error'/>
<b:class cond='data:view.isHomepage' name='home'/>
<div id='outer-wrapper'><div id='wrap2'>
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main (ir a principal) </a> |
<a href='#sidebar'>skip to sidebar (ir al sidebar)</a>
</span>
<b:section id='settings' maxwidgets='1' name='Template Options' showaddelement='no'>
<b:widget id='LinkList46' locked='false' title='Sidebar location, Sticky menu and more.' type='LinkList' version='1'>
<b:widget-settings>
<b:widget-setting name='link-2'>560</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='text-1'>Top Menu Is Always Visible (true or false)</b:widget-setting>
<b:widget-setting name='link-1'>true</b:widget-setting>
<b:widget-setting name='text-0'>Sidebar Location (left, right or none)</b:widget-setting>
<b:widget-setting name='text-2'>Header height in pixels (number)</b:widget-setting>
<b:widget-setting name='link-0'>right</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.name == "Sidebar Location (left, right or none)"'>
<b:if cond='data:link.target == "left"'>
<style type='text/css'>#btemplates-main-content > .row { flex-direction: row-reverse !important; }</style>
<b:else/>
<b:if cond='data:link.target == "none"'>
<style type='text/css'>#sidebar-wrapper { display: none } #content-wrapper { width: 100%; }</style>
<script type='text/javascript'>function ready(fn) { if (document.readyState !== 'loading'){ fn(); } else { document.addEventListener('DOMContentLoaded', fn); } };
ready( function(){ $j('#content-wrapper').removeClass(['col-lg-9']) });</script>
</b:if>
</b:if>
</b:if>
<b:if cond='data:link.name == "Top Menu Is Always Visible (true or false)" and data:link.target == "true"'>
<style type='text/css'>.sticky { position: fixed !important; top: 0; z-index: 900; width: 100%; background-color: #fff !important; }</style>
</b:if>
<b:if cond='data:link.name == "Force Uppercase In Titles (true or false)" and data:link.target == "true"'>
<style type='text/css'>.post-title, #sidebar h2, .post-tags a, .btemplates-tags a, .popular-post-title, #footers h2, #post-navigation a, #related-posts h5 { text-transform: uppercase; }</style>
</b:if>
<b:if cond='data:link.name == "Header height in pixels (number)" and data:link.target != "560"'>
<style type='text/css'>@media (min-width: 768px) { #bt-header { height: <data:link.target/>px; } }</style>
</b:if>
</b:loop>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
<div class='container-fluid btemplates-dropdown' id='btemplates-dropdown-2'>
<div class='d-flex justify-content-between'>
<nav class='navbar navbar-expand-lg navbar-light d-none py-0 '>
<button aria-controls='navbarNav' aria-expanded='false' aria-label='Toggle navigation' class='navbar-toggler' data-target='#topMenu' data-toggle='collapse' type='button'>
<span class='navbar-toggler-icon'/>
</button>
<b:section class='crosscol collapse navbar-collapse' id='topMenu' name="Top Menu" maxwidgets='1' showaddelement='yes'>
<b:widget id='LinkList67' locked='false' title='Top Links Menu' type='LinkList' version='1'>
<b:widget-settings>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='text-1'>email@example.com</b:widget-setting>
<b:widget-setting name='link-1'>mailto:email@example.com</b:widget-setting>
<b:widget-setting name='text-0'>+0-000-00000</b:widget-setting>
<b:widget-setting name='link-2'>https://www.google.com/maps/place/Playa+del+Carmen,+Quintana+Roo,+Mexico/@20.6537884,-87.1068017,13z/data=!3m1!4b1!4m5!3m4!1s0x8f4e4323d22d4e61:0xe8c10b783bab4adc!8m2!3d20.6295586!4d-87.0738851</b:widget-setting>
<b:widget-setting name='link-0'>tel:+0-000-00000</b:widget-setting>
<b:widget-setting name='text-2'>An address</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</nav>
<div class='navbar-simple d-none' id='btemplates-social'>
<b:section id='SocialNetworks' maxwidgets='1' showaddelement='yes' name="Social media icons">
<b:widget id='LinkList68' locked='false' title='Top Links Menu' type='LinkList' version='1'>
<b:widget-settings>
<b:widget-setting name='link-3'>https://twitter.com/USER_NAME</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='text-1'>YouTube</b:widget-setting>
<b:widget-setting name='link-1'>https://www.youtube.com/c/USER_NAME</b:widget-setting>
<b:widget-setting name='text-0'>Instagram</b:widget-setting>
<b:widget-setting name='link-2'>https://facebook.com/USER_NAME</b:widget-setting>
<b:widget-setting name='text-3'>Twitter</b:widget-setting>
<b:widget-setting name='link-0'>https://instagram.com/USER_NAME</b:widget-setting>
<b:widget-setting name='text-2'>Facebook</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</div>
<div class='container-fluid border-bottom py-2' id='btemplates-main-menu'>
<div class='container'>
<div class='btemplates-dropdown'>
<nav class='navbar navbar-light navbar-expand-lg d-none pr-0'>
<div class='align-self-center'>
<b:section id='logoImage' maxwidgets='1' showaddelement='false' name="Site Logo">
<b:widget id='Image97' locked='false' title='Logo' type='Image' version='1'>
<b:widget-settings>
<b:widget-setting name='displayUrl'>http://3.bp.blogspot.com/-IrT6CQzskHs/XS1zK48cBoI/AAAAAAAABNs/2oVf4iioXMMI2BFd3L9CYTXYBiz1yefwACK4BGAYYCw/s1600/logo.png</b:widget-setting>
<b:widget-setting name='displayHeight'>28</b:widget-setting>
<b:widget-setting name='sectionWidth'>150</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='displayWidth'>197</b:widget-setting>
<b:widget-setting name='link'>#bt-home</b:widget-setting>
<b:widget-setting name='caption'>Logo Image. Ideal width 300px.</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:tag cond='data:link' expr:href='data:link' name='a'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:tag>
<br/>
<b:if cond='data:caption'>
<span class='caption'><data:caption/></span>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<button aria-controls='navbarNav' aria-expanded='false' aria-label='Toggle navigation' class='navbar-toggler' data-target='#MainMenu' data-toggle='collapse' type='button'>
<span class='navbar-toggler-icon'/>
</button>
<b:section name="Main Menu" class='crosscol collapse navbar-collapse justify-content-lg-end' id='MainMenu' maxwidgets='1' showaddelement='yes'>
<b:widget id='LinkList78' locked='false' title='Main Menu' type='LinkList' version='1'>
<b:widget-settings>
<b:widget-setting name='link-3'>#</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='link-4'>#</b:widget-setting>
<b:widget-setting name='text-1'>Drop down menu</b:widget-setting>
<b:widget-setting name='link-1'>#</b:widget-setting>
<b:widget-setting name='text-0'>Home</b:widget-setting>
<b:widget-setting name='link-2'>#</b:widget-setting>
<b:widget-setting name='text-3'>-Menu item 2nd level</b:widget-setting>
<b:widget-setting name='link-0'>#bt-home</b:widget-setting>
<b:widget-setting name='text-2'>-Menu item</b:widget-setting>
<b:widget-setting name='text-4'>--Menu item 3rd level</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</nav>
</div>
</div>
</div>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='container-fluid px-0' id='header-bg-1'>
<div class='d-flex justify-content-center' id='header-bg-2'>
<div class='px-0' id='bt-header'>
<div class='container d-flex justify-content-center justify-content-lg-end align-items-center w-100 h-100' id='header-wrapper'>
<b:section name="Header" class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='Image98' locked='false' title='Header Background' type='Image' version='1'>
<b:widget-settings>
<b:widget-setting name='displayUrl'>http://3.bp.blogspot.com/-m6RHE7Xjf8I/XS4bl-87OHI/AAAAAAAABOc/hos9vOwUAjcdV5N8pAlmzBGmngL7g4iwwCK4BGAYYCw/s1600/education-header-2.png</b:widget-setting>
<b:widget-setting name='displayHeight'>718</b:widget-setting>
<b:widget-setting name='sectionWidth'>600</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='displayWidth'>1600</b:widget-setting>
<b:widget-setting name='link'/>
<b:widget-setting name='caption'>Header Background Image. Ideal width 1600px with.</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:tag cond='data:link' expr:href='data:link' name='a'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:tag>
<br/>
<b:if cond='data:caption'>
<span class='caption'><data:caption/></span>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Header1' locked='true' title='LMS Education Std (Header)' type='Header' version='1'>
<b:widget-settings>
<b:widget-setting name='displayUrl'/>
<b:widget-setting name='displayHeight'>0</b:widget-setting>
<b:widget-setting name='sectionWidth'>-1</b:widget-setting>
<b:widget-setting name='useImage'>false</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
<b:widget-setting name='displayWidth'>0</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<div id='header-inner'>
<div class='titlewrapper justify-content-center'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper justify-content-center'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:tag cond='data:blog.url != data:blog.homepageUrl' expr:href='data:blog.homepageUrl' name='a'>
<data:title/>
</b:tag>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</div>
</div>
<div class='container-fluid'>
<b:section name="Blocks Menu" class='mb-5' id='blocksMainMenu' maxwidgets='1' showaddelement='no'>
<b:widget id='LinkList63' locked='false' title='Menu based on Icons' type='LinkList' version='1'>
<b:widget-settings>
<b:widget-setting name='link-5'>#contactForm</b:widget-setting>
<b:widget-setting name='link-3'>#</b:widget-setting>
<b:widget-setting name='link-4'>#</b:widget-setting>
<b:widget-setting name='text-1'>Item</b:widget-setting>
<b:widget-setting name='text-0'>Home</b:widget-setting>
<b:widget-setting name='text-3'>Item</b:widget-setting>
<b:widget-setting name='text-2'>Item</b:widget-setting>
<b:widget-setting name='text-5'>Contact us</b:widget-setting>
<b:widget-setting name='text-4'>Item</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='link-1'>#</b:widget-setting>
<b:widget-setting name='link-2'>#</b:widget-setting>
<b:widget-setting name='link-0'>#bt-home</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='container-fluid mb-5' id='bt-posts-1'>
<div class='container'>
<b:section name="Courses List" id='CoursesList'>
<b:widget id='HTML49' locked='false' title='Courses' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'>6-latest-350px-course</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div class='container-fluid mb-5 parallax p-4 d-flex justify-content-center align-items-center' id='content-1'>
<div class='container'>
<b:section name="Labels" id='sectionsLabels'>
<b:widget id='Image91' locked='false' title='Section Background' type='Image' version='1'>
<b:widget-settings>
<b:widget-setting name='displayUrl'>http://1.bp.blogspot.com/-lkwHuh_LH58/XUY0g-ExCLI/AAAAAAAABQ0/gj5BnawRmJQFtIEGL8c2_hwpyGO-2pI4QCK4BGAYYCw/s1600/work-space-o75w.jpg</b:widget-setting>
<b:widget-setting name='displayHeight'>1067</b:widget-setting>
<b:widget-setting name='sectionWidth'>150</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='displayWidth'>1600</b:widget-setting>
<b:widget-setting name='link'/>
<b:widget-setting name='caption'>Background image. Ideal width 1600px with.</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:tag cond='data:link' expr:href='data:link' name='a'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:tag>
<br/>
<b:if cond='data:caption'>
<span class='caption'><data:caption/></span>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML93' locked='false' title='Sections' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'><hr class="title-separator" />
<div class="btemplates-tags">
<a href="https://lms-education.blogspot.com/search/label/Campus" class="bt-tag" title="Campus: Library"><div class="tag-thumb d-flex justify-content-center align-items-center"><img class="rounded-circle" src="https://1.bp.blogspot.com/-2vJ3REa24Jc/Xs0Yzk4TXVI/AAAAAAAAJhE/v2g2oOSJ54EpVpHTPoMuUsOb-W2xHqU0gCLcBGAsYHQ/s100-c/student-b.jpg" /></div><h4>Campus</h4></a>
<a href="https://lms-education.blogspot.com/search/label/Courses" class="bt-tag" title="Courses: Ubuntu free course"><div class="tag-thumb d-flex justify-content-center align-items-center"><img class="rounded-circle" src="https://1.bp.blogspot.com/-6VZnwXS7iIc/XTZ-38AjweI/AAAAAAAABQA/M_k9pDBsNbMVtZoodflz6UzA39eeiX3jQCLcBGAs/s100-c/open-source.jpg" /></div><h4>Courses</h4></a>
<a href="https://lms-education.blogspot.com/search/label/Testimonials" class="bt-tag" title="Testimonials: Amaira Bahl"><div class="tag-thumb d-flex justify-content-center align-items-center"><img class="rounded-circle" src="https://1.bp.blogspot.com/-kdNPyrynmoE/XUeM2kblVVI/AAAAAAAABRU/NfOHtoftAHwhPNg8p9iDooy2Wj7r2WydwCLcBGAs/s100-c/student-3.jpg" /></div><h4>Testimonials</h4></a>
</div></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div class='container-fluid'>
<div class='container'>
<b:section name="Testimonials" class='mb-5' id='testimonials' maxwidgets='1' showaddelement='no'>
<b:widget id='HTML59' locked='false' title='Testimonials' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'>3-tag:Testimonials-250px-testimonial</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div class='container-fluid mb-5 parallax p-4 d-flex justify-content-center align-items-center' id='bt-subscription'>
<div class='container'>
<b:section name="Search form" class='mb-5' id='emailSubscription' maxwidgets='1' showaddelement='no'>
<b:widget id='Image93' locked='false' title='Section Background' type='Image' version='1'>
<b:widget-settings>
<b:widget-setting name='displayUrl'>http://4.bp.blogspot.com/-7F09sOv2g94/XUo8NJcz-UI/AAAAAAAABRk/jYvyTN1EtDMob395BTsLjnMttnuPh74QwCK4BGAYYCw/s1600/library-blue.jpg</b:widget-setting>
<b:widget-setting name='displayHeight'>1068</b:widget-setting>
<b:widget-setting name='sectionWidth'>150</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='displayWidth'>1600</b:widget-setting>
<b:widget-setting name='link'/>
<b:widget-setting name='caption'>Background image. Ideal width 1600px with.</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:tag cond='data:link' expr:href='data:link' name='a'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:tag>
<br/>
<b:if cond='data:caption'>
<span class='caption'><data:caption/></span>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='BlogSearch15' locked='false' title='Search This Blog' type='BlogSearch'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<div expr:id='data:widget.instanceId + "_form"'>
<form class='gsc-search-box' expr:action='data:blog.searchUrl'>
<b:attr cond='not data:view.isPreview' name='target' value='_top'/>
<table cellpadding='0' cellspacing='0' class='gsc-search-box'>
<tbody>
<tr>
<td class='gsc-input'>
<input autocomplete='off' class='gsc-input' expr:value='data:view.isSearch ? data:view.search.query.escaped : ""' name='q' size='10' title='search' type='text'/>
</td>
<td class='gsc-search-button'>
<input class='gsc-search-button' expr:value='data:messages.search' title='search' type='submit'/>
</td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div class='container-fluid mb-5' id='bt-contact'>
<div class='container'>
<b:section name="Contact form" id='contactForm'>
<b:widget id='ContactForm1' locked='false' title='Contact us-desc:Feel free to contact us at anytime about our courses and tutorials.' type='ContactForm' version='1'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='contact-form-widget'>
<div class='form'>
<form name='contact-form'>
<p/>
<data:contactFormNameMsg/>
<br/>
<input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' name='name' size='30' type='text' value=''/>
<p/>
<data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
<br/>
<input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' name='email' size='30' type='text' value=''/>
<p/>
<data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
<br/>
<textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' name='email-message' rows='5'/>
<p/>
<input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/>
<p/>
<div style='text-align: center; max-width: 222px; width: 100%'>
<p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/>
<p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/>
</div>
</form>
</div>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div class='container-fluid mb-5 parallax p-4 d-flex justify-content-center align-items-center' id='bt-videos'>
<div class='container'>
<b:section name="Latest Video" id='latestVideo'>
<b:widget id='Image89' locked='false' title='Section Background' type='Image' version='1'>
<b:widget-settings>
<b:widget-setting name='displayUrl'>http://1.bp.blogspot.com/-Ak4o42F3078/XrlABdN4FjI/AAAAAAAAJgE/1kOAqK5CeoMpTB4nEk3yKEv8wXkxI52hACK4BGAYYCw/s1600/media-learning.jpg</b:widget-setting>
<b:widget-setting name='displayHeight'>1065</b:widget-setting>
<b:widget-setting name='sectionWidth'>150</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='displayWidth'>1600</b:widget-setting>
<b:widget-setting name='link'/>
<b:widget-setting name='caption'/>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:tag cond='data:link' expr:href='data:link' name='a'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:tag>
<br/>
<b:if cond='data:caption'>
<span class='caption'><data:caption/></span>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML96' locked='false' title='Latest video-course' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'>1-tag:Videos-800px-video</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</b:if>
<div class='container-fluid'>
<div class='container' id='btemplates-main-content'>
<b:if cond='data:blog.pageType != "item"'>
<div id='btemplates-first-post'>
<b:section id='ContentAfterFirstPost'>
<b:widget id='HTML88' locked='false' title='Ads block' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<div class="d-flex justify-content-center"><img src="//3.bp.blogspot.com/-9ytRH_q5x6M/VmQXH-c5HiI/AAAAAAAAIqE/F0Flg9iHwKA/s000/728x90.jpg" alt="Banner 728x90px" width="728" height="auto" style="max-width: 100%"/></div>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
</b:if>
<div class='row'>
<b:if cond='data:view.isLayoutMode || data:blog.url != data:blog.homepageUrl'>
<div class='col-lg-9' id='content-wrapper'>
<div id='main-wrapper'>
<b:if cond='data:blog.pageType == "error_page"'>
<style type='text/css'>
.status-msg-wrap {display: none;}
</style>
<div class='text-center' id='btemplates-404'>
<h4>Error 404<br/>Not Found</h4>
<img alt='Error 404' src='https://1.bp.blogspot.com/-W_8l-L7BARo/Xs0wlcD8GcI/AAAAAAAAJhQ/H5ztSXUAVYIKy2cEynjAOMd1M9qicizcgCLcBGAsYHQ/s1600/404.png'/>
<p>Sorry! The content you were looking for does not exist or changed its url.</p>
<p>Please check if the url is written correctly or try using our search form.</p>
</div>
</b:if>
<b:section name="Main" class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1'>
<b:widget-settings>
<b:widget-setting name='showDateHeader'>true</b:widget-setting>
<b:widget-setting name='style.textcolor'>#212529</b:widget-setting>
<b:widget-setting name='showShareButtons'>true</b:widget-setting>
<b:widget-setting name='authorLabel'>By</b:widget-setting>
<b:widget-setting name='showCommentLink'>true</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#212529</b:widget-setting>
<b:widget-setting name='showAuthor'>true</b:widget-setting>
<b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#343a40</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showAuthorProfile'>true</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='showLabels'>true</b:widget-setting>
<b:widget-setting name='showLocation'>false</b:widget-setting>
<b:widget-setting name='showTimestamp'>true</b:widget-setting>
<b:widget-setting name='postsPerAd'>1</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showInlineAds'>false</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='top'>
<b:if cond='!data:mobile'>
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
</div></div>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
</div>
<b:if cond='data:post.includeAd'>
<div class='inline-ad'>
<data:adCode/>
</div>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
</div>
<b:include name='nextprev'/>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
<b:include cond='data:top.showPlusOne' name='googlePlusBootstrap'/>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='btemplates-breadcrumbs' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<nav aria-label='breadcrumb' role='navigation'>
<ol class='breadcrumb'>
<li aria-current='page' class='breadcrumb-item'>
<a expr:href='data:blog.homepageUrl' rel='tag'><data:messages.home/></a>
</li>
<b:if cond='data:post.labels'>
<li aria-current='page' class='breadcrumb-item'>
<a class='b-label' expr:href='data:post.labels.first.url'>
<data:post.labels.first.name/>
</a>
</li>
</b:if>
<li aria-current='page' class='breadcrumb-item active'>
<data:post.title/>
</li>
</ol>
</nav>
</b:if>
</b:includable>
<b:includable id='btemplates-post-content' var='post'>
<b:if cond='data:post.body'>
<b:if cond='data:blog.pageType == "item" || data:blog.pageType == "static_page"'>
<div class='post-body entry-content mb-4 pb-4' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" : "description ") + "articleBody"'>
<data:post.body/>
<div style='clear: both;'/>
</div>
<b:else/>
<b:if cond='data:post.firstImageUrl'>
<div class='post-thumb mb-4 text-center'>
<a expr:href='data:post.link ? data:post.link : data:post.url'>
<img expr:alt='data:post.title' expr:src='data:post.firstImageUrl resizeImage 850' expr:srcset='sourceSet(data:post.firstImageUrl, [200,400,600,800])'/>
</a>
</div>
</b:if>
<div class='post-summary entry-content mb-4 pb-4 border-bottom' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" : "description ") + "articleBody"'>
<b:eval expr='snippet(data:post.longSnippet, {length: 160, links: true, linebreaks: false})'/>
<div style='clear: both;'/>
<b:if cond='data:post.longSnippet != ""'>
<a class='read-more float-right' expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</b:if>
<div style='clear: both;'/>
</div>
</b:if>
</b:if>
</b:includable>
<b:includable id='btemplates-seo-title' var='post'>
<b:if cond='data:post.title'>
<b:if cond='data:blog.pageType == "item"'>
<h1 class='post-title entry-title text-center' itemprop='name'>
<data:post.title/>
</h1>
<b:else/>
<h2 class='post-title entry-title text-center' itemprop='name'>
<a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
</h2>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.url.canonical.http'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<i aria-hidden='true' class='fa fa-comment-o fa-flip-horizontal'/> <data:post.commentLabelFull/>.
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:elseif cond='data:post.showThreadedComments'/>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4><data:post.commentLabelFull/>:</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
</b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</b:if>
</span>
</b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:elseif cond='data:post.allowComments'/>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/>
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title' itemprop='name'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</a>
<div class='mobile-index-comment'>
<b:include cond='data:blog.pageType != "static_page" and data:post.allowComments and data:post.numComments != 0' data='post' name='comment_count_picker'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.thumbnailUrl'>
<meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.url.canonical' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</div>
</div>
</div>
<b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template mb-5' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
<b:include cond='data:view.isPost' data='post' name='btemplates-breadcrumbs'/>
<a expr:name='data:post.id'/>
<b:include data='post' name='btemplates-seo-title'/>
<hr class='title-separator mb-4'/>
<div class='post-header mb-4'>
<div class='post-header-line-1 text-center mb-4'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<span class='rounded-circle border border-secondary text-center'>
<i aria-hidden='true' class='fa fa-user-o'/>
</span>
<data:top.authorLabel/>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
<span class='post-labels'>
<span class='rounded-circle border border-secondary text-center'>
<i aria-hidden='true' class='fa fa-bookmark-o'/>
</span>
<b:if cond='data:top.showPostLabels and data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a>
<b:if cond='not data:label.isLast'> &middot; </b:if>
</b:loop>
</b:if>
</span>
</div>
</div>
<b:include data='post' name='btemplates-post-content'/>
<div class='container mb-4'>
<div class='post-footer text-center'>
<div class='post-footer-line post-footer-line-1'>
<b:if cond='data:post.sharePostUrl'>
<div class='bt-post-share-buttons'>
<b:if cond='data:top.showEmailButton'>
<a class='' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
<i aria-hidden='true' class='fa fa-envelope-open-o'/>
</a>
</b:if>
<b:if cond='data:top.showTwitterButton'>
<a class='' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<i aria-hidden='true' class='fa fa-twitter'/>
</a>
</b:if>
<b:if cond='data:top.showFacebookButton'>
<a class='' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<i aria-hidden='true' class='fa fa-facebook'/>
</a>
</b:if>
<b:if cond='data:top.showPinterestButton'>
<a class='' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'>
<i aria-hidden='true' class='fa fa-pinterest-p'/>
</a>
</b:if>
<a class='' expr:href='"https://api.whatsapp.com/send?text=" + data:post.title + ": " + data:post.url' target='_blank'>
<i aria-hidden='true' class='fa fa-whatsapp'/>
</a>
</div>
</b:if>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.url'>
<meta expr:content='data:post.url.canonical' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<span class='reactions-label'>
<data:top.reactionsLabel/></span> </td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>
<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType not in {"item","static_page"} and data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</span>
<span class='post-icons'>
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='https://resources.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<b:include data='post' name='postQuickEdit'/>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-comment-link'>
<b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/>
</span>
<span class='post-location'>
<b:if cond='data:top.showLocation and data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</span>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.authorAboutMe'>
<div class='container' id='btemplates-author-box'>
<div class='row'>
<div class='author-profile col-12' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<b:if cond='data:post.authorPhoto.url'>
<img class='rounded-circle' expr:src='data:post.authorPhoto.url resizeImage 150' itemprop='image'/>
</b:if>
<div>
<a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</div>
<span itemprop='description'><data:post.authorAboutMe/></span>
</div>
</div>
</div>
</b:if>
</b:if>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
var text = (entry &&
((entry.content && entry.content.$t) ||
(entry.summary && entry.summary.$t))) ||
'';
if (entry && entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + text + '</span>';
}
}
}
return text;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
replybox.src = '';
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4><data:post.commentLabelFull/>:</h4>
<div class='comments-content'>
<b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div class='col-lg-3' id='sidebar-wrapper'>
<b:section name="Sidebar" class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogSearch43' locked='false' title='SEARCH' type='BlogSearch' version='1'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<div expr:id='data:widget.instanceId + "_form"'>
<form class='gsc-search-box' expr:action='data:blog.searchUrl'>
<b:attr cond='not data:view.isPreview' name='target' value='_top'/>
<div class='input-group'>
<input autocomplete='off' class='gsc-input form-control' expr:value='data:view.isSearch ? data:view.search.query.escaped : ""' name='q' size='10' title='search' type='text'/>
<div class='input-group-append'>
<input class='gsc-search-button btn btn-info' expr:value='data:messages.search' title='search' type='submit'/>
</div>
</div>
</form>
</div>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML67' locked='false' title='LATEST' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'>3-latest-65px</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML66' locked='false' title='FOLLOW ME' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'><ul>
<a href="https://www.youtube.com/c/USER_NAME"><i class="fa fa-youtube d-flex justify-content-center align-items-center" aria-hidden="true"></i></a>
<a href="https://facebook.com/USER_NAME"><i class="fa fa-facebook d-flex justify-content-center align-items-center" aria-hidden="true"></i></a>
<a href="https://twitter.com/USER_NAME"><i class="fa fa-twitter d-flex justify-content-center align-items-center" aria-hidden="true"></i></a>
<a href="https://instagram.com/USER_NAME"><i class="fa fa-instagram d-flex justify-content-center align-items-center" aria-hidden="true"></i></a>
</ul></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='SECCIONS' type='Label' version='1'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>LIST</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Profile1' locked='false' title='ABOUT' type='Profile' version='1'>
<b:widget-settings>
<b:widget-setting name='showaboutme'>true</b:widget-setting>
<b:widget-setting name='showlocation'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team'>
<ul>
<b:loop values='data:authors' var='i'>
<li><a class='profile-name-link g-profile' expr:href='data:i.userUrl' expr:style='"background-image: url(" + data:i.profileLogo + ");"'><data:i.display-name/></a></li>
</b:loop>
</ul>
<b:else/>
<b:if cond='data:photo.url != ""'>
<a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:messages.myPhoto' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
</b:if>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' expr:href='data:userUrl' expr:style='"background-image: url(" + data:profileLogo + ");"' rel='author'>
<data:displayname/>
</a>
<b:if cond='data:hasgoogleprofile'>
<br/>
<div class='g-follow' data-annotation='bubble' data-height='20' expr:data-href='data:userUrl'/>
</b:if>
</dt>
<b:if cond='data:showlocation'>
<dd class='profile-data'><data:location/></dd>
</b:if>
<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</b:if>
<div class='clear'> </div>
</div>
</div>
</div>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='container-fluid'>
<div class='row'>
<b:section name="Campus gallery" class='' id='portfolio-footer' showaddelement='yes'>
<b:widget id='HTML98' locked='false' title='Campus' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'>4-tag:Campus-500px-mosaic</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</b:if>
<div class='container-fluid' id='footers'>
<div class='container'>
<div class='row py-4'>
<b:section name="Footer 1" class='col-md-6 col-lg-4' id='footer-1' showaddelement='yes'>
<b:widget id='PopularPosts2' locked='false' title='Popular' type='PopularPosts' version='1'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>3</b:widget-setting>
<b:widget-setting name='showThumbnails'>true</b:widget-setting>
<b:widget-setting name='showSnippets'>true</b:widget-setting>
<b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='!data:showThumbnails'>
<b:if cond='!data:showSnippets'>
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'>
<b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 72, "1:1") : data:post.thumbnail' var='image'>
<img alt='' border='0' expr:src='data:image'/>
</b:with>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<b:if cond='data:showSnippets'>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
</div>
<div style='clear: both;'/>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive2' locked='false' title='Archive' type='BlogArchive' version='1'>
<b:widget-settings>
<b:widget-setting name='showStyle'>FLAT</b:widget-setting>
<b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
<b:widget-setting name='showWeekEnd'>true</b:widget-setting>
<b:widget-setting name='monthPattern'>MMMM</b:widget-setting>
<b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
<b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
<b:widget-setting name='chronological'>false</b:widget-setting>
<b:widget-setting name='showPosts'>false</b:widget-setting>
<b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:include cond='data:style == "HIERARCHY"' data='data' name='interval'/>
<b:include cond='data:style == "FLAT"' data='data' name='flat'/>
<b:include cond='data:style == "MENU"' data='data' name='menu'/>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='interval'>
<ul class='hierarchy'>
<li expr:class='"archivedate " + data:interval.expclass'>
<b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
<a class='post-count-link' expr:href='data:interval.url'>
<data:interval.name/>
</a>
<span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
<b:include cond='data:interval.data' data='interval.data' name='interval'/>
<b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='post'>
<li><a expr:href='data:post.url'><data:post.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='toggle' var='interval'>
<a class='toggle' href='javascript:void(0)'>
<span expr:class='"zippy" + (data:interval.expclass == "expanded" ? " toggle-open" : "")'>
<b:if cond='data:interval.expclass == "expanded"'>
▼ 
<b:elseif cond='data:blog.languageDirection == "rtl"'/>
◄ 
<b:else/>
► 
</b:if>
</span>
</a>
</b:includable>
</b:widget>
</b:section>
<b:section name="Footer 2" class='col-md-6 col-lg-4' id='footer-2' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='Latest courses' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'>3-tag:Courses-65px</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Label2' locked='false' title='Categories' type='Label' version='1'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>CLOUD</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section name="Footer 3" class='col-md-6 col-lg-4' id='footer-3' showaddelement='yes'>
<b:widget id='HTML63' locked='false' title='Comments' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'>3-comments</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Text19' locked='false' title='About' type='Text' version='1'>
<b:widget-settings>
<b:widget-setting name='content'>This just a demo text widget, you can use it to create an about text, for example.</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Image19' locked='false' title='' type='Image' version='1'>
<b:widget-settings>
<b:widget-setting name='displayUrl'>http://1.bp.blogspot.com/-cfPfKMfUBPQ/XrlAoqevfBI/AAAAAAAAJgQ/4vLaxq9InJIARyaR7LqLmi5Ev0dhVhSNACK4BGAYYCw/s1600/logo.png</b:widget-setting>
<b:widget-setting name='displayHeight'>36</b:widget-setting>
<b:widget-setting name='sectionWidth'>150</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='displayWidth'>253</b:widget-setting>
<b:widget-setting name='link'>https://btemplates.com/2020/blogger-template-lms-education/</b:widget-setting>
<b:widget-setting name='caption'/>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:tag cond='data:link' expr:href='data:link' name='a'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:tag>
<br/>
<b:if cond='data:caption'>
<span class='caption'><data:caption/></span>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</div>
<div class='container-fluid bg-dark text-white'>
<div class='container'>
<div class='row py-2' id='footer-wrapper'>
<div class='col-12 col-md-5 mb-3 mb-md-0' id='you-can-modify-this-as-you-want'>
<span class='links'> Copyright © <span id='this-year'>2020</span> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>.</span>
</div>
<div class='col-12 col-md-7 text-md-right' id='thanks-for-keeping-this'><span class='text-danger'><i aria-hidden='true' class='fa fa-heart'/></span> Designed by <a href='https://btemplates.com/' rel='nofollow' title='Blogger templates'>Blogger Templates</a>, <a href='https://rivieramaya.mx/' rel='nofollow'>Riviera Maya</a> & <a href='https://ixibanyayu.com' rel='nofollow'>爱西班牙语</a></div>
</div>
</div>
</div>
</div></div>
<a href='javascript:void(0)' id='back-top' style='display: block;'>
<i class='fa fa-angle-up'/>
</a>
<link href='//stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js'/>
<script crossorigin='anonymous' integrity='sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy' src='https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js'/>
<script type='text/javascript'>
var blogurl = '<data:blog.homepageUrl/>';
//<![CDATA[
$j = jQuery.noConflict();
$j(document).ready(function () {
$j('#topMenu li a').each(function (i) {
var lt = $j(this).text().toLowerCase();
var la = $j(this).attr('href').toLowerCase();
var emailr = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/i;
var email2r = /^mailto:.*$/i;
var telr = /[\d\s+-]{5,}/;
var telr2 = /^tel:.*$/;
if (emailr.test(lt) || email2r.test(la)) {
$j(this).prepend('<i class="fa fa-envelope-o" aria-hidden="true"></i> ');
} else if (telr.test(lt) || telr2.test(la)) {
$j(this).prepend('<i class="fa fa-phone" aria-hidden="true"></i> ');
} else if (la.indexOf('map') !== -1 || lt.indexOf('map') !== -1) {
$j(this).prepend('<i class="fa fa-map-marker" aria-hidden="true"></i> ');
}
});
var headerBackground = $j('#header-wrapper .Image img');
var header = $j('#bt-header');
if (headerBackground.length > 0) {
var headerImage = headerBackground.attr('src');
header.css({'background-image': 'url("' + headerImage + '")'});
}
var blogTitle = $j('h1.title');
var index = blogTitle.text().indexOf(' ');
if( index !== -1 )
blogTitle.html( '<a href="'+blogurl+'"><span class="first-word">' +
blogTitle.text().substring(0, index) + '</span>' + blogTitle.text().substring(index, blogTitle.text().lenght) )+'</a>';
var stickyNavigation = $j('#btemplates-main-menu');
var header = $j('#btemplates-dropdown-2').height();
$j(window).scroll(function() {
if( $j(this).scrollTop() > header ) {
stickyNavigation.addClass('sticky');
} else {
stickyNavigation.removeClass('sticky');
}
});
var btBlocks = $j('#blocksMainMenu');
var blocksMenuElements = $j('#blocksMainMenu .LinkList li');
var blocksMenuUl = $j('#blocksMainMenu .LinkList ul');
var defaultColors = [ '#114669', '#42CBDB', '#B84030', '#BD4E3F', '#E6A10E', '#F0BC0D',
'#F0BC0D', '#E6A10E', '#BD4E3F', '#B84030', '#42CBDB', '#114669'];
var re = new RegExp('^.*#(\w{6})$', 'i');
blocksMenuElements.each(function(i){
var la = $j(this).attr('href');
var currentL = $j(this);
currentL.replaceWith( '<div id="block-'+i+
'" class="bt-block d-flex justify-content-center align-items-center col-6 col-sm-4 col-lg-2" style="background-color: '+
defaultColors[i]+';">'+currentL.html()+'</div>');
$j('#block-'+i).height( $j('#block-'+i).width() );
if( i == blocksMenuElements.length-1 )
blocksMenuUl.replaceWith('<div class="row justify-content-center">'+blocksMenuUl.html()+'</div>');
});
$j('body').on('click', '.bt-block', function(){
window.location.href = $j(this).find('a').attr('href');
});
$j('#content-1').css('background-image', 'url('+$j('#sectionsLabels .Image img').attr('src')+')');
$j('#bt-subscription').css('background-image', 'url('+$j('#emailSubscription .Image img').attr('src')+')');
$j('#bt-videos').css('background-image', 'url('+$j('#latestVideo .Image img').attr('src')+')');
$j('#bt-contact h2, #portfolio-footer h2').after('<hr class="title-separator mb-4">');
$j('#bt-contact input, #bt-contact textarea, #emailSubscription .gsc-input input').addClass('form-control').wrap('<div class="input-group"></div>');
$j('#bt-contact .contact-form-name').before('<div class="input-group-prepend"><div class="input-group-text"><i class="fa fa-user-o" aria-hidden="true"></i></div></div>');
$j('#bt-contact .contact-form-email, #emailSubscription .gsc-input input').before('<div class="input-group-prepend"><div class="input-group-text"><i class="fa fa-search" aria-hidden="true"></i></div></div>');
var popularPosts = $j('#btemplates-popular-posts .PopularPosts ul li .item-content, #btemplates-icons-menu .PopularPosts ul li .item-thumbnail-only');
if (popularPosts.length) {
var postHTML = '';
popularPosts.each(function () {
var pThumb = $j(this).find('.item-thumbnail img');
var pThumbSize = '285';
if (pThumb.length > 0) {
pThumb = pThumb.attr('src');
pThumb = pThumb.replace('w72-h72-p-k-no-nu', 'w' + pThumbSize + '-h' + pThumbSize + '-p-k-no-nu').replace('w72-h72-n-k-no-nu', 'w' + pThumbSize + '-h' + pThumbSize + '-n-k-no-nu');
} else {
pThumb = 'https://1.bp.blogspot.com/-OoP4sWGVriY/XPBuyFZuqyI/AAAAAAAABGI/F3CU_cugs1ozET0Wl6ijZrNcvwJzupbcgCLcBGAs/w285-h285-p-k-no-nu/post-image.png';
}
var pTitle = $j(this).find('.item-title a').text();
var pLink = $j(this).find('.item-title a').attr('href');
postHTML += '<div class="col-6 col-md-3">' +
'<div class="item">' +
'<a href="' + pLink + '">' +
'<img src="' + pThumb + '" width="' + pThumbSize + 'px" alt="' + pTitle + ' image"/>' +
'</a>' +
'<div class="item-title">' +
'<a href="' + pLink + '">' +
'<h3>' + pTitle + '</h3>' +
'</a>' +
'</div>' +
'</div>' +
'</div>';
});
postHTML = '<div class="btemplates-portfolio"><div class="row no-gutters">' + postHTML + '</div></div>';
$j('#btemplates-popular-posts .PopularPosts .widget-content ul').replaceWith(postHTML);
$j('#btemplates-popular-posts .PopularPosts').show();
}
var firstPostContent = $j('#btemplates-first-post .widget');
if (firstPostContent.length) {
var firstPostContent = $j('#btemplates-first-post').html();
var firstPost = $j('#main-wrapper .post:first');
firstPost.after('<div id="btemplates-first-post-c">' + firstPostContent + '</div>');
}
var ProfileImage = $j('.Profile > div:nth-child(2) > a:nth-child(1) img');
if (ProfileImage.length) {
ProfileImage.attr('src', $j('.Profile > div:nth-child(2) > a:nth-child(1) img').attr('src').replace('s80', 's125')).attr('width', '125').attr('height', '125');
ProfileImage.addClass('rounded-circle border border-secondary');
}
if ($j('.widget').length) {
$j('.widget').each(function (index) {
var widgetTitle = $j(this).children('h2').text();
var regDescription = /(.*?)-desc:(.*?)$/i;
if (regDescription.exec(widgetTitle)) {
var widgetSettings = widgetTitle.match(regDescription);
var title = widgetSettings[1];
var description = widgetSettings[2];
$j(this).children('h2').text(title);
$j(this).children('h2').after('<p class="bt-widget-description">' + description + '</p>');
}
});
}
if ($j('.avatar-image-container').length) {
$j('.avatar-image-container img').each(function () {
$j(this).addClass('rounded-circle border border-secondary');
if ($j(this).attr('src').indexOf('blogblog.com/img/blank.gif') !== -1) {
$j(this).attr('src', 'https://3.bp.blogspot.com/-qnvargRhquo/XSJ9VCaxZ4I/AAAAAAAABNU/f5c-lN4M9dIl3Wr87zT_guszgZY9RDe6gCLcBGAs/s35/user.png');
}
})
}
if ($j('.comment-reply').length)
$j('.comment-reply').addClass('btn text-white mr-2 p-1');
$j('span.blog-author').html('<i class="fa fa-user-o" aria-hidden="true" title="Author"></i>');
$j('.post-body iframe, .post-body embed, .post-body object').wrap('<div class="video-container"></div>');
$j('.Label li span').each(function (i) {
$j(this).text($j(this).text().replace('(', '').replace(')', ''));
if ($j.isNumeric($j(this).text()) && $j(this).parent().children().length > 1) {
$j(this).addClass('rounded-circle border border-secondary text-center float-right');
var link = $j(this).prev().attr('href');
if (link !== undefined)
$j(this).wrap('<a href="' + link + '"></a>');
}
});var _0xae99=[":visible","is","#thanks-for-keeping-this","opacity","css","https://btemplates.com","indexOf","html","https://rivieramaya.mx","https://ixibanyayu.com","Riviera Maya","text","Blogger Templates","#thanks-for-keeping-this a:first","position","absolute","background-color","color","#thanks-for-keeping-this a","0","text-indent","<div class="text-danger text-center my-4">Please don't delete the credits on this template. It took more than 5 weeks of work to make. You can consider buying a license to be able to delete them and support us. Thank you! :)</div>","after","#btemplates-dropdown-2"];var _0x6f19=[_0xae99[0],_0xae99[1],_0xae99[2],_0xae99[3],_0xae99[4],_0xae99[5],_0xae99[6],_0xae99[7],_0xae99[8],_0xae99[9],_0xae99[10],_0xae99[11],_0xae99[12],_0xae99[13],_0xae99[14],_0xae99[15],_0xae99[16],_0xae99[17],_0xae99[18],_0xae99[19],_0xae99[20],_0xae99[21],_0xae99[22],_0xae99[23]];if(!$j(_0x6f19[2])[_0x6f19[1]](_0x6f19[0])|| $j(_0x6f19[2])[_0x6f19[4]](_0x6f19[3])!= 1 || $j(_0x6f19[2])[_0x6f19[7]]()[_0x6f19[6]](_0x6f19[5])=== -1 || $j(_0x6f19[2])[_0x6f19[7]]()[_0x6f19[6]](_0x6f19[8])=== -1 || $j(_0x6f19[2])[_0x6f19[7]]()[_0x6f19[6]](_0x6f19[9])=== -1 || $j(_0x6f19[2])[_0x6f19[11]]()[_0x6f19[6]](_0x6f19[10])=== -1 || $j(_0x6f19[2])[_0x6f19[11]]()[_0x6f19[6]](_0x6f19[12])=== -1 || !$j(_0x6f19[13])[_0x6f19[1]](_0x6f19[0]) || $j(_0x6f19[2])[_0x6f19[4]](_0x6f19[14])== _0x6f19[15] || $j(_0x6f19[2])[_0x6f19[4]](_0x6f19[16])== $j(_0x6f19[18])[_0x6f19[4]](_0x6f19[17]) || $j(_0x6f19[18])[_0x6f19[4]](_0x6f19[20])[_0x6f19[6]](_0x6f19[19])=== -1){$j(_0x6f19[23])[_0x6f19[22]](_0x6f19[21]);var ajaxSupport=![]}else {var ajaxSupport=!![]}
$j('#btemplates-social li a').each(function () {
var la = $j(this).attr('href').toLowerCase();
var socialNetworks = ['500px', 'amazon', 'android', 'angellist', 'apple', 'bandcamp', 'behance', 'bitbucket', 'bitcoin', 'bluetooth', 'buysellads', 'chrome', 'codepen', 'deviantart', 'digg', 'dribbble', 'dropbox', 'drupal', 'etsy', 'facebook', 'firefox', 'flickr', 'foursquare', 'github', 'gitlab', 'google', 'imdb', 'instagram', 'joomla', 'linkedin', 'linode', 'linux', 'medium', 'meetup', 'opencart', 'openid', 'opera', 'paypal', 'pinterest', 'qq', 'quora', 'reddit', 'renren', 'scribd', 'skype', 'slideshare', 'snapchat', 'soundcloud', 'spotify', 'steam', 'telegram', 'tripadvisor', 'tumblr', 'twitch', 'twitter', 'vimeo', 'wechat', 'weibo', 'weixin', 'whatsapp', 'wikipedia', 'windows', 'wordpress', 'yahoo', 'yelp', 'youtube', 'tiktok', 'mastodon'];
var currentLink = $j(this);
$j.each(socialNetworks, function (i, sn) {
if (la.indexOf(sn) !== -1 && ajaxSupport) {
currentLink.html('<i class="fa fa-' + sn + '" aria-hidden="true"></i>');
return false;
}
});
});
$j('#sidebar .LinkList li a, #footers .LinkList li a').each(function () {
var la = $j(this).attr('href').toLowerCase();
var socialNetworks = ['500px', 'amazon', 'android', 'angellist', 'apple', 'bandcamp', 'behance', 'bitbucket', 'bitcoin', 'bluetooth', 'buysellads', 'chrome', 'codepen', 'deviantart', 'digg', 'dribbble', 'dropbox', 'drupal', 'etsy', 'facebook', 'firefox', 'flickr', 'foursquare', 'github', 'gitlab', 'google', 'imdb', 'instagram', 'joomla', 'linkedin', 'linode', 'linux', 'medium', 'meetup', 'opencart', 'openid', 'opera', 'paypal', 'pinterest', 'qq', 'quora', 'reddit', 'renren', 'scribd', 'skype', 'slideshare', 'snapchat', 'soundcloud', 'spotify', 'steam', 'telegram', 'tripadvisor', 'tumblr', 'twitch', 'twitter', 'vimeo', 'wechat', 'weibo', 'weixin', 'whatsapp', 'wikipedia', 'windows', 'wordpress', 'yahoo', 'yelp', 'youtube', 'tiktok', 'mastodon'];
var currentLink = $j(this);
$j.each(socialNetworks, function (i, sn) {
if (la.indexOf(sn) !== -1 && ajaxSupport) {
currentLink.html('<i class="fa fa-' + sn + ' d-flex justify-content-center align-items-center" aria-hidden="true"></i>');
currentLink.parent().replaceWith(currentLink);
return false;
}
});
});
$j('.LinkList a, .Text a, .Image a, .post-body a').each(function () {
var hashlink = $j(this).attr('href');
if( typeof hashlink !== typeof undefined && hashlink !== false ) {
if (hashlink.indexOf('#bt-tags') !== -1) {
$j(this).attr({'data-toggle': 'modal', 'data-target': '#bt-labels'});
} else if(hashlink.indexOf('#bt-home') !== -1){
$j(this).attr('href', blogurl);
}
}
});
function btemplatesJqueryGetPosts(el, postsToDisplay, postsType, postsThumbnailSize, postsStyle, exclude) {
postsToDisplay = parseInt(postsToDisplay);
postsStyle = typeof postsStyle !== 'undefined' ? postsStyle : 'list';
exclude = typeof exclude !== 'undefined' ? exclude : false;
postsToDisplay = exclude ? postsToDisplay + 1 : postsToDisplay;
var tag = tagName = '';
regex = /tag\:(.*?)$/i;
if (regex.exec(postsType)) {
var tagName = postsType.match(regex);
postsType = tagName[1];
tag = '/-/' + encodeURI(tagName[1]);
}
$j.get( blogurl + '/feeds/posts/default' + tag, { 'alt': 'json', 'max-results': postsToDisplay }, function(data){
if( typeof data === 'undefined' ){
console.log(data);
return data;
}
var code = btemplatesProcessPosts(data, postsToDisplay, postsThumbnailSize, postsStyle, postsType, exclude);
el.html(code);
if( postsStyle === 'video' )
$j('.post-body iframe, .post-body embed, .post-body object').wrap('<div class="video-container"></div>');
})
}
function btemplatesJqueryNextPosts(el, newerPostUrl, olderPostUrl, postsThumbnailSize) {
postsThumbnailSize = parseInt(postsThumbnailSize);
var startIndex = 1;
var foundPosts = 0;
$j.get(blogurl + '/feeds/posts/summary/', { 'alt':'json', 'max-results':'500', 'start-index':startIndex }, function(data){
for (var i = 0; i < data.feed.entry.length; i++) {
post = data.feed.entry[i];
for (var j = 0; j < post.link.length; j++) {
if (post.link[j].rel === 'alternate') {
if (post.link[j].href !== newerPostUrl && post.link[j].href !== olderPostUrl)
delete data.feed.entry[i];
else
foundPosts++;
}
}
}
if (foundPosts > 0) {
var code = btemplatesProcessPosts(data, 500, postsThumbnailSize);
el.html(code);
}
})
}
function btemplatesProcessPosts(json, postsToDisplay, postsThumbnailSize, postsStyle, postsType, exclude) {
if (typeof json.feed.entry === 'undefined')
return 'No posts found';
postsToDisplay = parseInt(postsToDisplay);
var postSummaryLength = 160;
var postThumbnailWidth = parseInt(postsThumbnailSize);
var postHTML = '';
var months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
var olderPostDate = Date.now();
for (var i = 0; i < postsToDisplay; i++) {
var post = postTitle = postDateTime = postDate = postYear = postMonth = postMonthName = postDay =
postUrl = postLabelsList = postCommentsCount = postThumbnail = postContent = postTags =
postSummary = postsThumbnailSquare = postAuthor = postAuthorAvatar = postId = postLocation = '';
post = json.feed.entry[i];
if (post === undefined)
continue;
postId = post.id.$t;
if (exclude && postId.indexOf(exclude) !== -1)
continue;
postTitle = post.title.$t != null ? post.title.$t : '';
postCommentsCount = post.thr$total;
postDateTime = post.published.$t;
if( new Date(olderPostDate) > new Date(postDateTime) )
olderPostDate = postDateTime;
olderPostDate = olderPostDate === null ? '' : olderPostDate;
olderPostDate = olderPostDate.replace( /\.\d{3}/, '' );
postDate = postDateTime.substring(0, 10);
postYear = postDate.substring(0, 4);
postMonth = postDate.substring(5, 7);
postMonthName = months[parseInt(postMonth) - 1];
postDay = postDate.substring(8, 10);
postDateStr = postDay + ' ' + postMonthName + ' ' + postYear;
postAuthor = post.author[0].name.$t;
postAuthorAvatar = ( 'gd$image' in post.author[0] ) ? post.author[0].gd$image.src : 'https://3.bp.blogspot.com/-qnvargRhquo/XSJ9VCaxZ4I/AAAAAAAABNU/f5c-lN4M9dIl3Wr87zT_guszgZY9RDe6gCLcBGAs/s35/user.png';
postLocation = ( 'georss$featurename' in post ) ? post.georss$featurename.$t : '';
for (var j = 0; j < post.link.length; j++) {
if (post.link[j].rel === 'alternate') {
postUrl = post.link[j].href;
break;
}
}
if ('category' in post) {
for (var c = 0; c < post.category.length; c++) {
var comma = (c === post.category.length - 1) ? '' : ', ';
postTags += post.category[c].term + comma;
}
}
if ('content' in post) {
postContent = post.content.$t;
postSummary = postContent.replace(/<\/?[^>]+(>|$)/g, "").substring(0, postSummaryLength) + '...';
} else {
postContent = postSummary = post.summary.$t;
}
var imagesRegex = /(https?:\/\/[^\s\#\?]*\.(jpe?g|gif|png))|(https?:\/\/blogger\.googleusercontent\.com\/img\/[^"=]*=)/ig;
var images = postContent.match(imagesRegex);
if( images !== null && images.length > 0 ){
if( images[0].indexOf('googleusercontent') !== -1 ){
postThumbnail = images[0]+'w'+postThumbnailWidth;
postThumbnailSquare = images[0]+'s'+postThumbnailWidth+'-c';
} else {
postThumbnail = images[0].replace(/(https?:\/\/[^\s\#\?]*\/)(s\d+|w\d+-h\d+|w\d+)(\/[^\s\#\?\/]*\.)(jpe?g|png|gif)/i, function(match, g1, g2, g3, g4){return g1+'w'+postThumbnailWidth+g3+g4});
postThumbnailSquare = postThumbnail.replace('/w'+postThumbnailWidth+'/', '/s'+postThumbnailWidth+'-c/');
}
} else if(post.media$thumbnail) {
var rawThumbnail = post.media$thumbnail;
var youTubePreviewRegex = /img\.youtube\.com\/vi\/.*\/default\.jpg/i;
if(youTubePreviewRegex.test(rawThumbnail.url)){
postThumbnail = postThumbnailSquare = rawThumbnail.url.replace('default.jpg', 'maxresdefault.jpg');
} else {
postThumbnail = rawThumbnail.url.replace('s72-c', 'w' + postThumbnailWidth);
postThumbnailSquare = rawThumbnail.url.replace('s72-c', 's' + postThumbnailWidth + '-c');
}
} else {
postThumbnail = 'https://1.bp.blogspot.com/-OoP4sWGVriY/XPBuyFZuqyI/AAAAAAAABGI/F3CU_cugs1ozET0Wl6ijZrNcvwJzupbcgCLcBGAs/w' + postThumbnailWidth + '/post-image.png';
postThumbnailSquare = 'https://1.bp.blogspot.com/-OoP4sWGVriY/XPBuyFZuqyI/AAAAAAAABGI/F3CU_cugs1ozET0Wl6ijZrNcvwJzupbcgCLcBGAs/s' + postThumbnailWidth + '-c/post-image.png';
}
if (postsStyle === 'slider') {
var active = (i === 0) ? ' active ' : '';
postHTML += '<div class="btemplates-post carousel-item' + active + '">' +
'<img class="d-block w-100" src="' + postThumbnail + '" alt="' + postTitle + '"/>' +
'<div class="carousel-caption d-none d-md-block">' +
'<div class="bt-post-title">' +
'<a href="' + postUrl + '"><h5>' +
postTitle +
'</h5></a>' +
'</div>' +
'<div class="bt-post-content">' +
'<p><a href="' + postUrl + '">' +
postSummary +
'</a></p>' +
'</div>' +
'</div>' +
'</div>';
} else if (postsStyle === 'testimonial') {
var active = i === 0 ? ' active ' : '';
postLocation = postLocation !== '' ? '<div class="bt-post-location d-none d-sm-block"><i class="fa fa-map-marker" aria-hidden="true"></i> '+postLocation+'</div>' : '';
postHTML += '<div class="btemplates-post carousel-item' + active + '">' +
'<img class="rounded-circle mb-2" src="' + postThumbnailSquare + '" alt="' + postTitle + '"/>' +
'<div class="caption d-block">' +
'<div class="bt-post-title">' +
'<a href="' + postUrl + '"><h5>' +
postTitle +
'</h5></a>' +
'</div>' +
'<div class="bt-post-content">' +
'<p>' +
postSummary +
'</p>' +
'</div>' +
postLocation +
'</div>' +
'</div>';
} else if (postsStyle === 'menulist') {
var menuThumbnails = postsThumbnailSize === 0 ? '' : '<img src="' + postThumbnail + '" width="100%" alt="' + postTitle + '"/><br />';
postHTML += '<a class="dropdown-item" href="' + postUrl + '">' + menuThumbnails + postTitle + '</a>';
} else if (postsStyle === 'mosaic') {
postHTML += '<div class="col-md-6 col-lg-3">' +
'<div class="item">' +
'<a href="' + postUrl + '">' +
'<img src="' + postThumbnailSquare + '" width="' + postThumbnailWidth + 'px" alt="' + postTitle + '"/>' +
'</a>' +
'<div class="item-title">' +
'<span>' + postTags + '</span>' +
'<a href="' + postUrl + '">' +
'<h3>' + postTitle + '</h3>' +
'</a>' +
'</div>' +
'</div>' +
'</div>';
} else if(postsStyle === 'course'){
postLocation = postLocation !== '' ? '<div class="bt-post-location"><i class="fa fa-map-marker" aria-hidden="true"></i> '+postLocation+'</div>' : '';
postHTML += '<div class="col-12 col-sm-6 col-lg-4 mb-4"><div class="btemplates-post h-100">' +
'<div class="bt-post-thumbnail">' +
'<a href="' + postUrl + '">' +
'<img src="' + postThumbnail + '" width="' + postThumbnailWidth + 'px" alt="' + postTitle + '"/>' +
'</a>' +
'</div>' +
'<div class="bt-post-author-avatar">' +
'<img class="rounded-circle border" alt="By '+postAuthor+'" title="By '+postAuthor+'" width="50px" src="'+postAuthorAvatar+'"/>' +
'</div>' +
'<div class="bt-post-title">' +
'<a href="' + postUrl + '">' +
postTitle +
'</a>' +
'</div><hr class="subtitle-separator"/>' +
'<div class="bt-post-content">' +
postSummary +
'</div>' +
postLocation +
'<div class="bt-post-date">' +
postDate +
'</div>' +
'</div></div>';
} else if(postsStyle === 'bloglist'){
postHTML += '<div class="col-12 col-sm-6 col-lg-4 mb-4"><div class="btemplates-post h-100">' +
'<div class="bt-post-thumbnail">' +
'<a href="' + postUrl + '">' +
'<img src="' + postThumbnail + '" width="' + postThumbnailWidth + 'px" alt="' + postTitle + '"/>' +
'</a>' +
'</div>' +
'<div class="bt-post-title">' +
'<a href="' + postUrl + '">' +
postTitle +
'</a>' +
'</div>' +
'<div class="bt-post-date">' +
postDateStr +
'</div>' +
'<hr class="subtitle-separator"/>' +
'<div class="bt-post-content">' +
postSummary +
'</div>' +
'</div></div>';
} else if(postsStyle === 'simplelist'){
postHTML += '<li class="row">' +
'<div class="col-1"><i class="fa fa-file-o" aria-hidden="true"></i></div>' +
'<div class="col-10"><a href="'+postUrl+'">'+postTitle+'</a></div>' +
'<div class="col-1"><a class="btn btn-light" href="'+postUrl+'" role="button"><i class="fa fa-chevron-right" aria-hidden="true"></i></a></div>' +
'</li>';
} else if( postsStyle === 'video' ){
postHTML += '<div class="bt-post-title"><a href="'+postUrl+'"><h3>'+postTitle+'</h3></a></div>';
var youtubeRegex = /((?:https?:)?\/\/)?((?:www|m)\.)?((?:youtube\.com|youtu.be))(\/(?:[\w\-]+\?v=|embed\/|v\/)?)([\w\-]+)(\S+)?/i
if( youtubeRegex.exec( postContent ) ) {
var youtubeUrlArray = postContent.match( youtubeRegex );
var youtubeUrl = 'https://www.youtube.com/embed/'+youtubeUrlArray[5];
postHTML += '<div class="video-container"><iframe src="'+youtubeUrl+'" frameborder="0" allowfullscreen></iframe></div>'
postHTML += '<div class="bt-post-content">' +
'<a href="' + postUrl + '">' +
postSummary +
'</a>' +
'</div>';
} else {
postHTML = '<div class="post-body">'+postContent+'</div>'
}
} else {
postHTML += '<div class="btemplates-post">' +
'<div class="bt-post-thumbnail">' +
'<a href="' + postUrl + '">' +
'<img src="' + postThumbnail + '" width="' + postThumbnailWidth + 'px" alt="' + postTitle + '"/>' +
'</a>' +
'</div>' +
'<div class="bt-post-title">' +
'<a href="' + postUrl + '">' +
postTitle +
'</a>' +
'</div>' +
'<div class="bt-post-content">' +
'<a href="' + postUrl + '">' +
postSummary +
'</a>' +
'</div>' +
'<div class="bt-post-date">' +
postDate +
'</div>' +
'</div>';
}
}
nextPostsUrl = ( postsType !== 'latest' ) ?
blogurl+'search/label/'+encodeURI(postsType)+'?updated-max='+olderPostDate+'&max-results='+postsToDisplay +'&start='+postsToDisplay+'&by-date=false':
blogurl+'search?updated-max='+olderPostDate+'&max-results='+postsToDisplay+'&start='+postsToDisplay+'&by-date=false';
if (postsStyle === 'slider') {
var indicatorHTML = '';
for (var l = 0; l < postsToDisplay; l++) {
var active = l === 0 ? ' active ' : '';
indicatorHTML += '<li data-target="#btemplates-posts-slider" data-slide-to="' + l + '" class="' + active + '"></li>';
}
indicatorHTML = '<ol class="carousel-indicators">' + indicatorHTML + '</ol>';
postHTML = '<div id="btemplates-posts-slider" class="carousel slide" data-ride="carousel">' +
indicatorHTML +
'<div class="carousel-inner">' +
postHTML +
'</div>' +
'<a class="carousel-control-prev" href="#btemplates-posts-slider" role="button" data-slide="prev">' +
'<span class="carousel-control-prev-icon" aria-hidden="true"></span>' +
'<span class="sr-only">Previous</span>' +
'</a>' +
'<a class="carousel-control-next" href="#btemplates-posts-slider" role="button" data-slide="next">' +
'<span class="carousel-control-next-icon" aria-hidden="true"></span>' +
'<span class="sr-only">Next</span>' +
'</a>' +
'</div>';
} else if (postsStyle === 'testimonial') {
var indicatorHTML = '';
for (var l = 0; l < postsToDisplay; l++) {
var active = l === 0 ? ' active ' : '';
indicatorHTML += '<li data-target="#btemplates-posts-slider" data-slide-to="' + l + '" class="' + active + '"></li>';
}
indicatorHTML = '<ol class="carousel-indicators">' + indicatorHTML + '</ol>';
postHTML = '<hr class="title-separator"/><div id="btemplates-posts-slider" class="carousel slide" data-ride="carousel">' +
//indicatorHTML +
'<div class="carousel-inner">' +
postHTML +
'</div>' +
'<a class="carousel-control-prev" href="#btemplates-posts-slider" role="button" data-slide="prev">' +
'<span class="carousel-control-prev-icon" aria-hidden="true"></span>' +
'<span class="sr-only">Previous</span>' +
'</a>' +
'<a class="carousel-control-next" href="#btemplates-posts-slider" role="button" data-slide="next">' +
'<span class="carousel-control-next-icon" aria-hidden="true"></span>' +
'<span class="sr-only">Next</span>' +
'</a>' +
'</div>';
} else if (postsStyle === 'menulist') {
var menuId = postsType.toLowerCase().replace(/[^a-z0-9]/, '');
postHTML = '<a class="nav-link dropdown-toggle" href="#" id="' + menuId + '" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
postsType +
'</a>' +
'<div class="dropdown-menu" aria-labelledby="' + menuId + '">' +
postHTML +
'</div>';
} else if (postsStyle === 'mosaic') {
postHTML = '<div class="btemplates-portfolio"><div class="row no-gutters">' + postHTML + '</div></div>';
} else if (postsStyle === 'course') {
postHTML = '<hr class="title-separator mb-4"/>' +
'<div class="btemplates-courses">' +
'<div class="row">' +
postHTML +
'</div>' +
'<div class="row justify-content-center">' +
'<div class="col-12 col-sm-6 col-lg-4">' +
'<a href="'+nextPostsUrl+'" class="btn btn-block btn-outline-info">' +
'<i class="fa fa-angle-double-right" aria-hidden="true"></i>' +
'</a>' +
'</div>' +
'</div>' +
'</div>';
} else if (postsStyle === 'bloglist') {
postHTML = '<hr class="title-separator mb-4"/>' +
'<div class="btemplates-blog">' +
'<div class="row">' +
postHTML +
'</div>' +
'<div class="row justify-content-center">' +
'<div class="col-12 col-sm-6 col-lg-4">' +
'<a href="'+nextPostsUrl+'" class="btn btn-block btn-outline-info">' +
'<i class="fa fa-angle-double-right" aria-hidden="true"></i>' +
'</a>' +
'</div>' +
'</div>' +
'</div>';
} else if (postsStyle === 'simplelist') {
postHTML = '<ul>'+postHTML+'</ul>';
} else if (postsStyle === 'video') {
postHTML = '<hr class="title-separator mb-4"/><div class="btemplates-videos">' + postHTML + '</div>';
} else {
console.log(postsStyle);
}
return postHTML;
}
function btemplatesJqueryGetComments(el, commentsToDisplay) {
commentsToDisplay = parseInt(commentsToDisplay);
$j.get( blogurl + '/feeds/comments/summary', { 'alt':'json', 'max-results':commentsToDisplay }, function(data) {
var code = btemplatesProcessComments(data, commentsToDisplay);
el.html(code);
});
}
function btemplatesProcessComments(json, commentsToDisplay) {
if (json.feed.entry === undefined)
return 'No comments found';
var commentHTML = '';
var months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
for (var i = 0; i < commentsToDisplay; i++) {
var comment = commentDateTime = commentDate = commentYear = commentMonth = commentMonthName =
commentDay = commentUrl = commentContent = commentSummary = commentAuthor =
commentAuthorAvatar = postTitle = '';
comment = json.feed.entry[i];
if (comment === undefined)
continue;
commentDateTime = comment.published.$t;
commentDate = commentDateTime.substring(0, 10);
commentYear = commentDate.substring(0, 4);
commentMonth = commentDate.substring(5, 7);
commentMonthName = months[parseInt(commentMonth) - 1];
commentDay = commentDate.substring(8, 10);
commentAuthor = comment.author[0].name.$t;
for (var j = 0; j < comment.link.length; j++) {
if (comment.link[j].rel === 'alternate') {
commentUrl = comment.link[j].href;
break;
}
}
commentContent = commentSummary = comment.summary.$t;
commentAuthorAvatar = comment.author[0].gd$image.src;
if (commentAuthorAvatar.indexOf('blogblog.com/img/blank.gif') !== -1 ) {
commentAuthorAvatar = 'https://3.bp.blogspot.com/-qnvargRhquo/XSJ9VCaxZ4I/AAAAAAAABNU/f5c-lN4M9dIl3Wr87zT_guszgZY9RDe6gCLcBGAs/s100/user.png';
}
postTitle = comment.title.$t;
commentHTML += '<div class="btemplates-comment">' +
'<div class="bt-comment-avatar">' +
'<a href="' + commentUrl + '">' +
'<img class="profile-img rounded-circle border border-secondary" src="' + commentAuthorAvatar + '" alt="' + commentAuthor + '"/>' +
'</a>' +
'</div>' +
'<div class="bt-comment-author">' +
'<a href="' + commentUrl + '">' +
commentAuthor +
'</a>:' +
'<div class="bt-comment-content">' +
postTitle +
'</div>' +
'<div class="bt-comment-date">' +
'<a href="' + commentUrl + '">' +
commentDate +
'</a>' +
'</div>' +
'</div>';
}
return commentHTML;
}
linkListUl = $j('.navbar .section ul').each(function(){ $j(this).addClass('navbar-nav') });
$j('.navbar .section li').each(function(i){
var navItemText = $j(this).children('a').text();
$j(this).addClass('nav-item align-self-lg-center');
$j(this).children('a').addClass('nav-link');
var re = /^-([^-]+)/i;
var resub = /^--([^-]+)/i;
var retag = /^(tag:[^-]+)-?(\d+)?-?(true|false)?/i;
if (re.exec(navItemText) && ajaxSupport) {
var previousNavItem = $j(this).prev();
if(previousNavItem.length){
var navItemLink = $j(this).children('a').attr('href');
var navItemNewText = navItemText.replace(/^-/i, '');
var nextNavItem = $j(this).next();
var nextNavItemText = nextNavItem.text();
var previousNavItemLink = previousNavItem.children('a').attr('href');
var previousNavItemText = previousNavItem.children('a').text();
var newLink = subitems = '';
while( resub.exec($j(this).next().text()) ) {
subitems += '<a class="dropdown-item" href="' + $j(this).next().children('a').attr('href') + '">' +
'' + $j(this).next().text().replace('--', '') + '</a>';
$j(this).next().remove();
}
$j(this).remove();
if( resub.exec(nextNavItemText) ) {
newLink = '<div class="dropdown-submenu">' +
'<a id="sub-dropdown-'+i+'" role="button" class="dropdown-item dropdown-toggle" ' +
'data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" ' +
'href="'+navItemLink+'">'+navItemNewText+'</a>' +
'<div class="dropdown-menu" aria-labelledby="sub-dropdown-'+i+'">' +
subitems +
'</div>' +
'</div>';
} else {
newLink = '<a class="dropdown-item" href="' + navItemLink + '">' + navItemNewText + '</a>';
}
if (previousNavItem.hasClass('dropdown')) {
var dropdownList = previousNavItem.find('.dropdown-menu').first();
dropdownList.append(newLink);
} else {
previousNavItem.className += ' ' + 'dropdown';
previousNavItem.addClass('dropdown');
previousNavItem.html('<a class="nav-link dropdown-toggle" href="' + previousNavItemLink +
'" role="button" data-toggle="dropdown" id="dropdown-' + i + '" aria-haspopup="true" aria-expanded="false">' +
previousNavItemText +
'</a>' +
'<div class="dropdown-menu" aria-labelledby="dropdown-' + i + '">' +
newLink +
'</div>');
}
}
} else if (retag.exec(navItemText) && ajaxSupport) {
var dropdownSettings = navItemText.match(retag);
var postsType = dropdownSettings[1];
var postsToDisplay = parseInt(dropdownSettings[2]);
var postsThumbnailSize = dropdownSettings[3] === 'true' ? 200 : 0;
$j(this).addClass('dropdown');
$j(this).children('a').html(postsType.replace(/tag:|-\d/, ''));
btemplatesJqueryGetPosts($j(this), postsToDisplay, postsType, postsThumbnailSize, 'menulist');
}
});
$j('#topMenu').removeClass('d-none');
$j(function() {
$j("div.dropdown-menu [data-toggle='dropdown']").on("click", function(event) {
event.preventDefault();
event.stopPropagation();
$j(this).closest('.dropdown-menu.show').find('.dropdown-menu').removeClass('show');
$j(this).siblings().toggleClass("show");
if (!$j(this).next().hasClass('show')) {
$j(this).parents('.dropdown-menu').first().find('.show').removeClass("show");
}
$j(this).parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function(e) {
$j('.dropdown-submenu .show').removeClass("show");
});
});
});
$j('.navbar-simple .section').each(function(){
if($j(this).find('.widget-content').length)
$j(this).html($j(this).find('.widget-content').html());
});
$j('.navbar-simple .section li').each(function(){
var navItemText = $j(this).children('a').text();
$j(this).addClass('nav-item');
$j(this).children('a').addClass('nav-link');
});
$j('.navbar-simple .section ul').each(function(){
$j(this).addClass('nav');
});
$j('.btemplates-dropdown nav, .btemplates-dropdown .navbar-simple').each(function(){
$j(this).removeClass('d-none');
});
$j('.HTML .widget-content').each(function(i){
var re = /^\s?(\d+)-(.*?)-(\d+)p?x?-?(list|slider|menulist|mosaic|course|testimonial|bloglist|video)?-?(\d*)?\s?$/i;
var commentsre = /(\d+)-comments/i;
if (re.exec($j(this).html()) && ajaxSupport) {
var postsSettings = $j(this).html().match(re);
var postsToDisplay = postsSettings[1];
var postsType = postsSettings[2];
var postsThumbnailSize = postsSettings[3];
var postsStyle = postsSettings[4] ? postsSettings[4] : 'list';
var postsExclude = postsSettings[5] ? postsSettings[5] : false;
$j(this).html('<img src="https://4.bp.blogspot.com/-VWY5-YJq0v4/XO4Y_HXklkI/AAAAAAAABE0/8G7P03z0YrgxKQx3cMrdagfB9K5GjkJ6ACLcBGAs/s1600/ajax-loader.gif" />');
btemplatesJqueryGetPosts($j(this), postsToDisplay, postsType, postsThumbnailSize, postsStyle, postsExclude);
} else if (commentsre.exec($j(this).html()) && ajaxSupport) {
var commentsSettings = $j(this).html().split('-');
var commentsToDisplay = parseInt(commentsSettings[0]);
$j(this).html('<img src="https://4.bp.blogspot.com/-VWY5-YJq0v4/XO4Y_HXklkI/AAAAAAAABE0/8G7P03z0YrgxKQx3cMrdagfB9K5GjkJ6ACLcBGAs/s1600/ajax-loader.gif" />');
btemplatesJqueryGetComments($j(this), commentsToDisplay);
}
});
$j('.post .post-body').each( function(i){
var re = /\[posts--(tag\:.*?)--(\d+)\]/i
if (re.exec($j(this).html()) && ajaxSupport) {
var postsSettings = $j(this).html().match(re);
var postsShortcode = postsSettings[0];
var postsTag = postsSettings[1];
var postsToDisplay = postsSettings[2];
var loading = '<div id="posts-list-tag" class="posts-list-tag"><img src="https://4.bp.blogspot.com/-VWY5-YJq0v4/XO4Y_HXklkI/AAAAAAAABE0/8G7P03z0YrgxKQx3cMrdagfB9K5GjkJ6ACLcBGAs/s1600/ajax-loader.gif" /></div>';
$j(this).html( $j(this).html().replace( postsShortcode, loading ) );
var postsContainerId = $j('#posts-list-tag');
btemplatesJqueryGetPosts( postsContainerId, postsToDisplay, postsTag, 0, 'simplelist' );
}
});
var newerPost = $j(".blog-pager-newer-link");
var olderPost = $j(".blog-pager-older-link");
if (newerPost.length || olderPost.length) {
newerPost = newerPost.length ? newerPost.attr('href') : '';
olderPost = olderPost.length ? olderPost.attr('href') : '';
btemplatesJqueryNextPosts($j('#blog-pager'), newerPost, olderPost, 400);
}
$j('body').on('click', '.btemplates-portfolio .item', function () {
window.location = $j(this).find('a').attr('href');
});
$j('#btemplates-search-icon').on('shown.bs.modal', function () {
$j('#btemplates-search .BlogSearch input[type="text"]').trigger('focus');
});
var btDate = new Date();
$j('#this-year').text(btDate.getFullYear());
$j(window).scroll(function () {
$j(this).scrollTop() > 400 ? $j("#back-top").fadeIn() : $j("#back-top").fadeOut()
});
$j("#back-top").click(function () {
return $j("body,html").animate({scrollTop: 0}, 800), !1
});
$j('#bt-subscription .BlogSearch h2').after('<hr class="title-separator"/>');
});
//]]>
</script>
</body>
</html>
© 2023 Quttera Ltd. All rights reserved.