bekerja full
PROFILE V CARD
URL=https://doc.goomsite.net/2020/01/documentation-profilevcard.html
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML b:css='false' b:responsive='true' b:version='2' class='v2' expr:dir='data:blog.languageDirection'>
<head>
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != "error_page"'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ "@context": "http://schema.org", "@type": "WebSite", "url": "<data:blog.homepageUrl/>", "potentialAction": { "@type": "SearchAction", "target": "<data:blog.homepageUrl/>?q={search_term}", "query-input": "required name=search_term" } }</script>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle + ", " + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='DESKRIPSI-BLOG' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<meta content='CODE-VALIDATION-GOOGLE-WEBMASTER' name='google-site-verification'/>
<meta content='CODE-VALIDATION-BING-WEBMASTER' name='msvalidate.01'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='ADMIN-NAME' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='"Please visit " + data:blog.pageTitle + " To read interesting posts."' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://4.bp.blogspot.com/-SKh7CYM3lB0/WZlRLgH8wII/AAAAAAAACjQ/vx5PJdQYhSo136-Wg-A633KcElrfkHNNACLcBGAs/s1600/non.png' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/PROFIL-FACEBOOK' property='article:author'/>
<meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/>
<meta content='CODE-APPLICATION-FACEBOOK' property='fb:app_id'/>
<meta content='CODE-ADMIN-FACEBOOK' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='USER-TWITTER' name='twitter:site'/>
<meta content='USER-TWITTER' name='twitter:creator'/>
<meta content='summary_large_image' name='twitter:card'/>
<style type="text/css">
<!-- /*<b:skin><![CDATA[
#layout #header{float:left;overflow:hidden}
#header,#layout .abouts,#layout .personal-info{clear:both;overflow:hidden!important}
#layout .header-wrap{position:relative;width:1000px}
#layout #header{width:330px!important;padding:0}
#layout .main-wrapper{float:left;width:61%}
#layout .sidebar-wrapper{width:235px;float:right;word-wrap:break-word}
#layout .sidebar-wrapper{width:310px;float:left;word-wrap:break-word}
#layout .footer{float:left;width:207px!important;margin:10px}
#layout li,#layout ol,#layout ul{list-style:none}
#layout #postresume{float:left}
#layout #contactform{float:right}
#layout #postresume,#layout #contactform{width:44.7%}
<Group description="(Contempo, Soho, Emporio, Notable)">
<Variable name="body.background" description="Body Background" type="background" color="#dddfe2" default="#dddfe2 none repeat scroll top left" value="#dddfe2 none repeat scroll top left"/>
<Variable name="body.font" description="Font" type="font" default="normal 400 14px Roboto, Arial, sans-serif" value="normal 400 14px Arial,sans-serif"/>
<Variable name="body.text.color" description="Text Color" type="color" default="#1d2129" value="#1d2129"/>
<Variable name="body.text.font" description="1" type="font" default="$(body.font)" value="normal 400 14px Roboto,Arial,sans-serif"/>
<Variable name="posts.background.color" description="2" type="color" default="#fff" value="#ffffff"/>
<Variable name="body.link.color" description="3" type="color" default="#fab702" value="#fab702"/>
<Variable name="body.link.visited.color" description="4" type="color" default="#fab702" value="#fab702"/>
<Variable name="body.link.hover.color" description="5" type="color" default="#1d2129" value="#1d2129"/>
<Variable name="blog.title.font" description="6" type="font" default="$(body.text.font)" value="normal 400 14px Roboto, Arial, sans-serif"/>
<Variable name="blog.title.color" description="7" type="color" default="#fff" value="#ffffff"/>
<Variable name="header.icons.color" description="8" type="color" default="#fff" value="#ffffff"/>
<Variable name="tabs.font" description="9" type="font" default="$(body.text.font)" value="normal 400 14px Roboto, Arial,sans-serif"/>
<Variable name="tabs.color" description="10" type="color" default="#ccc" value="#cccccc"/>
<Variable name="tabs.selected.color" description="11" type="color" default="#fff" value="#ffffff"/>
<Variable name="tabs.overflow.background.color" description="12" type="color" default="#fff" value="#ffffff"/>
<Variable name="tabs.overflow.color" description="13" type="color" default="$(body.text.color)" value="#1d2129"/>
<Variable name="tabs.overflow.selected.color" description="14" type="color" default="$(body.text.color)" value="#1d2129"/>
<Variable name="posts.title.color" description="15" type="color" default="$(body.text.color)" value="#1d2129"/>
<Variable name="posts.title.font" description="16" type="font" default="$(body.text.font)" value="normal 400 14px Roboto, Arial,sans-serif"/>
<Variable name="posts.text.font" description="17" type="font" default="$(body.text.font)" value="normal 400 14px Roboto, Arial,sans-serif"/>
<Variable name="posts.text.color" description="18" type="color" default="$(body.text.color)" value="#1d2129"/>
<Variable name="posts.icons.color" description="19" type="color" default="$(body.text.color)" value="#6c6f74"/>
<Variable name="labels.background.color" description="20" type="color" default="#fab702" value="#fab702"/>
</Group>
*/]]></b:skin>
<style>
/*=======================HOMEPAGE
TEMPLATE NAME: PROFILEvCard
AUTHOR: BASRI MATINDAS
DESIGN: http://www.psdly.com
================================*/
/* reset css*/
a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-decoration:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
h1{font-size:1.8rem}
h2{font-size:1.6rem}
h3{font-size:1.4rem}
h4{font-size:1.2rem}
h5{font-size:1rem}
h6{font-size:.9rem}
h1,h2,h3,h4,h5,h6{margin:0 0 .6em;font-family:Anton,sans-serif}
body{background:#f6f9fc;color:#444;height:100%;font-weight:400;line-height:22px;text-decoration:none;margin:0;padding:0;font-family:Roboto,sans-serif}
.section,.widget,.widget ul{margin:0;padding:0}
:focus{outline:0}
a img{border:0}
brc{color:#2d2d2d}
.CSS_LIGHTBOX{z-index:999999!important}
.separator a{clear:none!important;float:none!important;margin-left:0!important;margin-right:0!important}
.headerwrap{position:relative;height:70px;margin-top:3%;margin-right:10px;margin-left:10px}
#headerbox{float:left;overflow:hidden;z-index:999;margin:0;padding:0}
#headerbox-inner{margin:10px 0;padding:0}
.header h1,.header p{font-size:42px;color:#2d2d2d;margin:0;line-height:1.4em;font-family:Anton,sans-serif}
.header h1 a,.header h1.title a:hover{color:#ffc506;text-decoration:none}
#headerbox img{border:none;background:none;width:275px;height:100%;margin:0 auto}
#headerbox,.header .description{display:none}
#comments h4,.about h1,.header h1,.header p,.related-box h4,.resume .base .profile .info,.sidebar h2,.tabs li a{text-transform:uppercase}
#comments,.post ol,.related-wrap li,.sidebar ul{list-style:none}
#navbar-iframe,a.quickedit,#Attribution1{height:0;visibility:hidden;display:none}
a,a:link,a:visited{color:#ffc506;text-decoration:none}
a:active,a:hover{color:#2d2d2d;text-decoration:none}
.container{position:relative;max-width:900px;margin:0 auto}
.main-wrapper{width:640px;margin:0;float:left;word-wrap:break-word;overflow:hidden}
.clr{clear:both;float:none}
#content{width:100%;overflow:hidden;box-shadow:0 20px 150px #d6dee4;margin-bottom:7%}
h3.main-heading{margin:0 2px 20px 0;border-bottom:1px solid #ebebeb;padding-bottom:14px;color:#333;line-height:16px;font-size:16px;font-weight:600;display:block;clear:both;position:relative}
h3.main-heading::after{content:'';width:40px;height:1px;position:absolute;left:0;bottom:-1px;background:#fdc750}
::selection{background:#ffc506;color:#000;text-shadow:none}
::-moz-selection{background:#ffc506;color:#000;text-shadow:none}
::-webkit-selection{background:#ffc506;color:#000;text-shadow:none}
::-o-selection{background:#ffc506;color:#000;text-shadow:none}
.contact-form-widget input.contact-form-email,.contact-form-widget input.contact-form-name{-moz-box-shadow:inset 0 5px 16px -13px #333;-webkit-box-shadow:inset 0 5px 16px -13px #333;box-shadow:inset 0 5px 16px -13px #333;background-color:#fdfdfd;border:1px solid #d9d9d9;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#666;font-size:12px;height:25px;outline:0;padding:6px 10px;resize:none;width:97%}
.contact-form-widget textarea{-moz-box-shadow:inset 0 5px 16px -13px #333;-webkit-box-shadow:inset 0 5px 16px -13px #333;box-shadow:inset 0 5px 16px -13px #333;background-color:#fdfdfd;border:1px solid #d9d9d9;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#666;outline:0;padding:6px 10px;resize:none;width:97%}
.contact-form-button{color:#fff;background-color:#ffc506;padding:8px 15px;border:0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-weight:500;cursor:pointer;font-size:15px;font-family:Roboto,sans-serif}
.mediatop{margin:0 auto;text-align:center;padding:0;position:absolute;right:0;top:8%}
a.iconx,.share_btn li a{display:inline-block;position:relative;margin:3px;line-height:28px;width:28px;height:28px;padding:5px;vertical-align:middle;text-align:center;color:#555;font-size:17px;-webkit-border-radius:50%;border-radius:50%;background-color:#fff;box-shadow:0 7px 15px rgba(233,233,233,0.96),0 12px 28px rgb(243,246,250);font-weight:400}
.mediatop a.facebook,.share_btn li a.fb{color:#3b5998;opacity:.8}
.mediatop a.facebook:hover,.mediatop a.pinterest:hover,.mediatop a.instagram:hover,.mediatop a.twitter:hover,.share_btn li a.fb:hover,.share_btn li a.tw:hover,.share_btn li a.wa:hover{color:#555;opacity:1}
.share_btn li a{margin:15px!important}
.share_btn li a.wa{color:#13cc38;}
.mediatop a.twitter,.share_btn li a.tw{color:#00abe3;opacity:.8}
.mediatop a.pinterest{color:#e13138;opacity:.8}
.mediatop a.instagram{color:#ed5807;opacity:.8}
#about{background:#ffc506;overflow:hidden;height:275px}
.about{float:left;width:55%;padding:20px}
.about .photo-inner{float:left;width:180px;height:215px;padding:0}
.about .photo-inner img{width:100%;height:100%}
.about h1{color:#2d2d2d;line-height:1;margin:0;font-size:45px}
.about h3{font-size:21px;margin:10px 0;color:#fff;line-height:18px}
.about p{font-size:15px;color:#2d2d2d;font-weight:400;line-height:20px}
.personal-info{float:right;width:35%;padding:20px;height:235px;display:block;background:#2d2d2d}
.tetx{float:right;width:60%}
.personal-info li{font-size:15px;margin-bottom:10px;overflow:hidden}
.personal-info li label{color:#f7f7f7;float:left;padding:0;font-weight:600;width:25%}
.personal-info li span{font-weight:300;color:#dadada}
.menu{height:120px;background-color:#fff;position:relative;width:100%}
.tabs{height:100%;width:100%;position:absolute;z-index:100}
.tabs li{float:left;height:120px;width:25%;text-align:center}
.tabs li a{padding-top:28px;display:inline-block;background-repeat:no-repeat;font-size:13px;color:#2d2d2d;text-align:center}
.tabs li.active{background:#2d2d2d}
.tabs li.active a{color:#ffc506}
.tabs li.active a i{background:#ffc506}
.tabs li a i{font-size:24px;speak:none;width:40px;border-radius:50px;height:40px;line-height:40px;padding:5px;margin:0 auto 5px;text-align:center;color:#fff;display:block;background:#2d2d2d}
#goomnav a,.recenthome{display:block;padding:0}
#gorecent{margin:0}
.recenthome{padding:10px;overflow:hidden;width:45%;float:left;margin:10px;box-shadow:2px 2px 10px 0 rgba(152,152,152,0.09)}
.recenthome .postimg{float:left;height:70px;margin-right:20px;width:70px}
.recenthome h2,.recenthome h2 a{text-decoration:none;font-size:14px;font-weight:500;margin:10px 0;color:#111;font-family:Roboto,sans-serif}
.recenthome .postimg img{height:100%;width:100%;border-radius:50px;border:2px solid #fff}
.goload{background:url(https://1.bp.blogspot.com/-euw5f2lkimQ/XicLgqtWfvI/AAAAAAAAB-E/EC927oJ0gekn_w9VaKIg4YfA6CN3u0AegCLcBGAsYHQ/s1600/loader.gif) 50% 50% no-repeat;height:200px}
.post,.related-wrap{background:#fff;border:1px solid #ebebeb}
#goomnav{font-size:15px;text-align:center;margin:10px auto;width:10%;clear:both;display:block}
#goomnav a{color:#2d2d2d;font-size:26px;font-weight:400;padding-top:20px}
#goomnav span{padding:5px 10px}
#goomnav .next{float:right}
#goomnav .previous{float:left}
#blog-pager,#goomnav .home,.PopularPosts .item-snippet,.blog-pager,h2.date-header,span.post-author,.recenthome p{display:none}
#goomnav a:hover{color:#ffc506}
#goomnav span.noactived{color:#d0d0cf;cursor:no-drop;padding-top:20px}
#related-posts{margin:20px 0}
.related-wrap{overflow:hidden;margin:10px;padding:20px;-webkit-box-shadow:0 0 6px -2px rgba(208,208,208,.47);-moz-box-shadow:0 0 6px -2px rgba(208,208,208,.47);box-shadow:0 0 6px -2px rgba(208,208,208,.47);position:relative}
.related-wrap li{padding:0;position:relative;overflow:hidden;float:left;display:inline-block;box-sizing:border-box}
.related-wrap li:before{content:'\f00c';font-family:"Font Awesome 5 Pro";float:left;padding-top:5px;margin-right:10px;color:#ffc506;font-size:14px;vertical-align:middle}
.postmeta h3,.postmeta h3 a,.related-wrap h3{font-weight:400;font-family:Roboto,sans-serif}
.related-wrap h3{font-size:17px;line-height:1.5em;padding:5px 0;vertical-align:middle;margin:0;color:#2d2d2d;display:flex}
.related-wrap h3 a{color:#2d2d2d}
.recenthome h2 a:hover,.related-wrap h3 a:hover{color:#ffc506}
.breadcrumbs,.breadcrumbs a{font-size:11px;color:#aaa}
.postmeta h3,.postmeta h3 a{font-size:13px;color:#2d2d2d}
.post{margin:10px;padding:20px;-webkit-box-shadow:0 0 6px -2px rgba(208,208,208,.47);-moz-box-shadow:0 0 6px -2px rgba(208,208,208,.47);box-shadow:0 0 6px -2px rgba(208,208,208,.47)}
.post h1,.post h2{font-size:170%;line-height:1.1em;color:#2d2d2d;margin:10px 0;padding:0}
.post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong{display:block;text-decoration:none;color:#2d2d2d}
.post-body{margin:0;line-height:1.5em;font-size:17px}
.post-body blockquote{display:block;background:#fff6df;padding:25px 25px 25px 40px;margin:10px;position:relative;color:#666;font-size:15px;font-style:italic;border-left:2px solid #ffc506;line-height:1.6em}
.post-body blockquote::before{content:"\f10d";font-size:16px;font-weight:700;color:#fab702;position:absolute;left:15px;top:25px}
.post img,.sidebar img{max-width:100%;width:auto;border:0;height:auto}
.post ol,.post ul{margin:15px 0 5px 20px;padding:0 0 0 5px}
.post ul li:before{content:'\f111';color:#fab702;margin-right:10px}
.post ol{counter-reset:my-awesome-counter;display:block;flex-wrap:wrap}
.post ol li{counter-increment:my-awesome-counter;margin-bottom:.5rem}
.post ol li::before{content:"0"counter(my-awesome-counter);font-weight:800;margin-right:.5rem;line-height:1;color:#fab702}
.post ul li:before,.post-body blockquote::before{font-family:"Font Awesome 5 Pro"}
#HTML1 .widget-content{padding:10px 10px 7px}
.share_btn{margin:20px auto 0;padding:0;text-align:center;display:block;overflow:hidden}
.share_btn ul{margin:0!important;padding:0!important;font-size:12px}
.share_btn ul li{display:inline-block;overflow:hidden;vertical-align:middle}
.resume{background:#efefef;color:#2d2d2d;margin:20px auto;box-shadow:10px 10px #dedede;position:relative;display:-webkit-box;display:flex}
.resume .base,.resume .func{box-sizing:border-box;float:left}
.resume .boxwidget{margin:30px 0 40px}
.resume .func>div{padding-bottom:10px}
.resume .base>div:last-of-type,.resume .func>div:last-of-type{padding-bottom:0}
.resume .base{width:30%;padding:30px 15px;background:#2d2d2d;color:#fff}
.resume .base .profile{background:#ffc506;padding:30px 15px 40px;margin:-30px -15px 60px;position:relative;z-index:2}
.resume .base .profile::after{content:"";position:absolute;background:#ed8307;width:99.6%;height:30px;bottom:-20px;left:0;-webkit-transform:skewY(-5deg);transform:skewY(-5deg);z-index:-1}
.resume .base .profile .photo img{width:100%;border-radius:50%}
.resume .base .profile .photo{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}
.resume .base .profile .fa-rocket{font-size:100px;text-align:center;margin:auto;color:#2d2d2d}
.resume .base .profile .info{text-align:center;color:#fff;line-height:1}
.resume .base .profile .info .name{margin-top:10px;margin-bottom:0;font-size:1.75em;color:#2d2d2d}
.resume .base .profile .info .job{margin-top:10px;margin-bottom:0;font-size:1.5em;color:#fff}
.resume .base .contact div a:hover,.resume .base .contact div:hover i{color:#fdd835}
.resume .base .contact div{line-height:24px}
.resume .base .contact div a:hover span::after{width:100%}
.resume .base .contact div i{color:#ffc506;width:20px;height:20px;font-size:20px;text-align:center;margin-right:15px;-webkit-transition-duration:.3s;transition-duration:.3s}
.resume .base .contact div span{position:relative}
.resume .base .contact div span::after{content:"";position:absolute;background:#fdd835;height:1px;width:0;bottom:0;left:0;-webkit-transition-duration:.3s;transition-duration:.3s}
.resume .boxwidget .box{text-align:center;vertical-align:middle}
.resume .boxwidget .box a{display:inline-block;vertical-align:text-bottom}
.resume .boxwidget .box a:hover i{background:#fdd835;border-radius:5px;-webkit-transform:rotate(45deg) scale(.8);transform:rotate(45deg) scale(.8)}
.resume .boxwidget .box i,.resume .func h3 i{color:#2d2d2d;border-radius:50%;background:#ffc506}
.resume .boxwidget .box a:hover i::before{-webkit-transform:rotate(-45deg) scale(1.5);transform:rotate(-45deg) scale(1.5)}
.resume .boxwidget .box i{display:inline-block;font-size:25px;width:45px;height:45px;line-height:45px;margin:0 5px 10px;-webkit-transition-duration:.3s;transition-duration:.3s}
.resume .boxwidget .box i::before{-webkit-transition-duration:.3s;transition-duration:.3s}
.resume .boxwidget .box i.fa::before{display:block}
.resume .func{width:100%;padding:15px}
.resume .func:hover>div{-webkit-transition-duration:.5s;transition-duration:.5s}
.resume .func:hover>div:hover h3 i{-webkit-transform:scale(1.25);transform:scale(1.25)}
.resume .func:hover>div:not(:hover){opacity:.5}
.resume .func h3{-webkit-transition-duration:.3s;transition-duration:.3s;margin-top:0}
.resume .func h3 i{width:42px;height:42px;font-size:20px;line-height:42px;text-align:center;vertical-align:middle;margin-right:8px;-webkit-transition-duration:.3s;transition-duration:.3s}
.resume .func .edu ul li:hover span,.resume .func .skills-prog ul li:hover,.resume .func .work ul li:hover span{color:#fdd835}
.resume .func .edu,.resume .func .work{float:left}
.resume .func .edu small,.resume .func .work small{display:block;opacity:.8;font-size:13px}
.resume .func .edu ul li,.resume .func .work ul li{position:relative;margin-left:15px;padding-left:25px;padding-bottom:15px}
.resume .func .edu ul li:hover::before,.resume .func .work ul li:hover::before{-webkit-animation:circle 1.2s infinite;animation:circle 1.2s infinite}
@-webkit-keyframes circle{from{box-shadow:0 0 0 0 #fdd835}
to{box-shadow:0 0 0 6px rgba(255,255,255,0)}}
@keyframes circle{from{box-shadow:0 0 0 0 #fdd835}
to{box-shadow:0 0 0 6px rgba(255,255,255,0)}}
.resume .func .edu ul li:first-of-type::before,.resume .func .work ul li:first-of-type::before{width:10px;height:10px;left:-2px}
.resume .func .edu ul li:last-of-type,.resume .func .work ul li:last-of-type{padding-bottom:3px}
.resume .func .edu ul li:last-of-type::after,.resume .func .work ul li:last-of-type::after{border-radius:1.5px}
.resume .func .edu ul li::after,.resume .func .edu ul li::before,.resume .func .work ul li::after,.resume .func .work ul li::before{content:"";display:block;position:absolute}
.resume .func .edu ul li::before,.resume .func .work ul li::before{width:7px;height:7px;border:3px solid #fff;background:#ffc506;border-radius:50%;left:0;z-index:1}
.resume .func .edu ul li::after,.resume .func .work ul li::after{width:2px;height:100%;background:#fff;left:5px;top:0}
.resume .func .edu,.resume .func .work{width:43%;padding:15px}
.resume .func .edu ul li span,.resume .func .work ul li span{-webkit-transition-duration:.3s;transition-duration:.3s;font-size:15px;font-weight:500;line-height:0}
.resume .func .work{margin:0 2% 15px 0}
.resume .func .skills-prog{clear:both;padding:15px}
.resume .func .skills-prog ul{margin:25px 3px}
.resume .func .skills-prog ul li{margin-bottom:8px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-transition-duration:.3s;transition-duration:.3s}
.resume .func .skills-prog ul li:hover .skills-bar .bar{background:#fdd835;box-shadow:0 0 0 1px #fdd835}
.resume .func .skills-prog ul li span{display:block;width:120px;font-size:14px;font-weight:500;text-transform:uppercase}
.resume .func .skills-prog ul li .skills-bar{background:#fff;height:2px;width:calc(100% - 120px);position:relative;border-radius:2px}
.active>.site-button,.site-button:active,.site-button:focus,.site-button:hover,a.site-button{background-color:#ffc506}
.resume .func .skills-prog ul li .skills-bar .bar{position:absolute;top:-1px;height:4px;background:#ffc506;box-shadow:0 0 0 #ffc506;border-radius:5px}
.comments .comment-block,.sidebar .widget{-webkit-box-shadow:0 0 6px -2px rgba(208,208,208,.47);-moz-box-shadow:0 0 6px -2px rgba(208,208,208,.47)}
.resume .func .skills-soft{clear:both;padding:15px;margin:15px 0 0}
.resume .func .skills-soft ul{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;text-align:center}
.resume .func .skills-soft ul li{position:relative}
.resume .func .skills-soft ul li:hover svg .cbar{stroke:#fdd835;stroke-width:4px}
.resume .func .skills-soft ul li:hover small,.resume .func .skills-soft ul li:hover span{-webkit-transform:scale(1.2);transform:scale(1.2)}
.resume .func .skills-soft ul li svg{width:95%;fill:transparent;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.resume .func .skills-soft ul li svg circle{stroke-width:1px;stroke:#fff}
.resume .func .skills-soft ul li svg .cbar{stroke-width:3px;stroke:#ffc506;stroke-linecap:round}
.resume .func .skills-soft ul li small,.resume .func .skills-soft ul li span{position:absolute;display:block;width:100%;top:52%;-webkit-transition-duration:.3s;transition-duration:.3s}
.resume .func .skills-soft ul li span{top:40%;font-size:15px;font-weight:500}
.slist{color:#fff;margin-bottom:7px;display:flex;font-size:15px}
.slist i{margin-right:10px;float:left;color:#ffc506;margin-top:5px}
.btn-effect{position:relative}
.btn-effect:after,.btn-effect:before{-webkit-transition:all .25s;transition:all .25s;border-style:solid;border-width:0;content:"";height:24px;position:absolute;width:24px}
.brand-box:hover{-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out}
.btn-effect:before{border-color:#ffc506;border-left-width:2px;border-top-width:2px;left:-5px;top:-5px}
.btn-effect:after{border-bottom-width:2px;border-color:#fab702;border-right-width:2px;bottom:-5px;right:-5px}
.btn-effect:hover:after,.btn-effect:hover:before{height:100%;width:100%}
.site-button{padding:5px 10px;display:inline-block;font-size:15px;cursor:pointer;outline:0;font-weight:500;border-width:0;border-style:solid;border-color:transparent;margin-left:5px;text-decoration:none!important}
a.site-button{color:#2d2d2d}
.readbtn{margin-top:15px;margin-left:5px}
.site-button:hover{background-color:#ed8307}
.site-button.btn-effect:after,.site-button.btn-effect:before{border-color:#ffc506}
.site-button:hover.btn-effect:after,.site-button:hover.btn-effect:before{border-color:#ed8307}
.content-box{overflow:hidden;display:block;padding:20px;background:#f9f9f9}
.personal-info table tbody{font-size:13px}
.personal-info table{width:100%}
.personal-info table td,.personal-info table th{padding:5px;color:#fff}
.personal-info table th{text-align:left;font-weight:700}
.content-boxx{background:#fff}
#comments{clear:both;margin:10px;padding:0;position:relative}
#comments h4,.related-box h4{font-size:18px;line-height:1.2em;display:block;font-weight:500;margin:0;padding:15px 0 10px;border-bottom:1px solid rgba(0,0,0,.05);position:relative;color:#2d2d2d}
.related-box h4{margin:0 10px}
#comments h4:after,.related-box h4:after{content:"";position:absolute;bottom:-1px;left:0;width:60px;height:1px;background:#ffc506}
#comments-block .avatar-image-container,.comments .comments-content .comment-thread:empty{display:none}
#comment-editor,.comment-thread .user{position:relative}
.comments-content{padding:0 0 15px}
#comments-block{margin:15px 0}
.comment-body{padding:15px 0;margin:0}
.comment-body p{margin:0}
.comment-footer{margin:0 0 30px}
h4#comment-post-message{display:none;margin:0}
.comments{clear:both;margin-top:10px;margin-bottom:0}
.comments .comments-content{font-size:14px;margin-bottom:30px}
.comments .comments-content .comment-thread ol{text-align:left;margin:13px 0;padding:0;list-style:none}
.comments .comment-block{position:relative;margin-left:55px;margin-right:3px;padding:15px;word-break:break-word;background:#fff;border:1px solid #ebebeb;box-shadow:0 0 6px -2px rgba(208,208,208,.47)}
.comments .comment-replies .comment-block{margin-right:55px;margin-left:3px;border-left:3px solid #ffc506}
.comments .thread-expanded .thread-arrow{display:none!important}
.comments .comments-content .comment-replies{margin:10px 0 10px 55px}
.comments .comment-replybox-single{margin:20px 0}
.comments .comment-replybox-thread{margin:0}
.comments .comments-content .comment{margin-bottom:6px;padding:0}
.comments .comments-content .comment:first-child,.comments .comments-content .comment:last-child{padding:0;margin:0}
.comments .comments-content .inline-thread{margin:0}
.comments .comments-content .comment-header{font-size:14px;margin:0 0 5px}
.comments .comments-content .comment-content{margin:10px 0;text-align:left;line-height:1.4;font-size:15px}
.comments .comments-content .datetime{float:right}
.comments .comments-content .datetime a{color:#555}
.comments .comments-content .user{font-weight:700;font-style:normal}
.comments .comment .comment-actions a{display:inline-block;font-size:13px;line-height:15px;margin:4px 8px 0 0}
.comments .continue a{display:inline-block;font-size:13px;padding:.5em}
.comments .comment .comment-actions a:hover,.comments .continue a:hover{color:#dd4a45}
.deleted-comment{font-style:italic;opacity:.5}
.comments .comments-content .loadmore{cursor:pointer;margin-top:3em;max-height:3em}
.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}
.comments .continue,.comments .thread-chrome.thread-collapsed{display:none}
.comments .thread-toggle{display:inline-block}
.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;margin:.3em;overflow:visible;padding-right:4px;width:7px}
.comments .thread-collapsed .thread-arrow,.comments .thread-expanded .thread-arrow{width:24px;height:24px;vertical-align:middle;display:inline-block}
.comments .hidden{display:none}
.item-control a,.secondary-text a.comment-reply{color:#909090;text-align:center;padding:0!important;font-weight:400;text-decoration:none}
.comment-thread .user,.comment-thread .user a{font-size:13px;font-weight:700;padding:0;text-decoration:none}
.secondary-text a.comment-reply{color:#777}
.item-control a:hover,.secondary-text a:hover.comment-reply{color:#2d2d2d!important}
#comment-editor{width:100%!important;background:url(https://1.bp.blogspot.com/-kAp4OwqTq28/XhxAOb139ZI/AAAAAAAAB0o/F-S8gdjOSXwtilbEYncR5S7e2WQElHVYwCLcBGAsYHQ/s1600/loader.gif) 50% 25% no-repeat;max-height:310px!important;transition:all 1.3s ease-out}
.comment-thread .user a{color:#2d2d2d}
.comment-thread .user a:hover{color:inherit}
.comment-thread .datetime a{text-decoration:none;color:#909090;font-size:11px;font-weight:400}
.comment-thread .datetime a:hover{color:#2d2d2d}
.item-control{margin-left:0}
.thread-chrome a.comment-reply{margin-top:20px!important;display:block;text-align:center;border-radius:99em;background-color:#f4f4f4}
.thread-chrome a:hover.comment-reply{color:#999}
#comments .comments-content .icon.blog-author{width:18px;height:18px;line-height:18px;margin-left:5px;vertical-align:middle;margin-top:-5px;display:inline-block}
#comments .comments-content .icon.blog-author:before{content:"\f005";font-family:"Font Awesome 5 Pro";color:#fab702;font-size:11px;vertical-align:middle}
.comment .avatar-image-container{width:40px;height:40px;overflow:hidden;float:left;border-radius:99em}
#comments .comment-replies .comment-thread .comment .avatar-image-container img,.comment .avatar-image-container img{display:block;padding:0;margin:0 auto}
#comments .comment-replies .comment-thread .comment .avatar-image-container{width:35px;height:35px;max-width:35px;max-height:35px;float:right}
#comments .avatar-image-container img{width:40px;height:40px;max-width:40px;max-height:40px;background:url(https://1.bp.blogspot.com/-ITY2zUo6O8w/XhxBWisGHeI/AAAAAAAAB0w/a_379aQsD6E3RdyzR0zSSeZOBwX2L86pwCLcBGAsYHQ/s1600/no.jpg) center center no-repeat}
#comments .comment-replies .avatar-image-container img{width:35px;height:35px;max-width:35px;max-height:35px;background:url(https://1.bp.blogspot.com/-ITY2zUo6O8w/XhxBWisGHeI/AAAAAAAAB0w/a_379aQsD6E3RdyzR0zSSeZOBwX2L86pwCLcBGAsYHQ/s1600/no.jpg) center center no-repeat}
.threaded_comments_text{display:block;margin:20px 0}
.threaded_comments_text p{font-size:100%;line-height:inherit}
.sidebar-wrapper{position:sticky;width:260px;font-size:15px;float:right;top:0;word-wrap:break-word;overflow:hidden}
.sidebar h2{font-size:18px;line-height:1.2em;display:block;margin:0;padding:15px 0 10px 15px;border-bottom:1px solid rgba(0,0,0,.05);position:relative;color:#2d2d2d}
.sidebar h2:after{content:"";position:absolute;bottom:-1px;left:0;width:60px;height:1px;background:#ffc506}
#footer,.sidebar .widget{background:#fff;border:1px solid #ebebeb}
.sidebar{color:#2d2d2d;line-height:1em;margin:5px 0}
.sidebar li{line-height:1.3em;margin:0;padding:5px 0 4px}
.sidebar .widget{margin:10px 10px 20px;padding:0;box-shadow:0 0 6px -2px rgba(208,208,208,.47)}
.sidebar .widget-content{margin:0 auto;padding:0 15px}
.sidebar a:link,.sidebar a:visited{color:#2d2d2d;text-decoration:none;font-weight:400}
.sidebar ul{margin:0;padding:5px 0}
.sidebar h2:first-letter,.related-box h4:first-letter,.post h1:first-letter,.post h2:first-letter,.post-body h2:first-letter,.post-body h3:first-letter,.post-body h4:first-letter,.post-body h5:first-letter,.post-body h5:first-letter{color:#ffc506}
#footer{padding:15px;word-break:break-word;-webkit-box-shadow:0 0 6px -2px rgba(208,208,208,.47);-moz-box-shadow:0 0 6px -2px rgba(208,208,208,.47);box-shadow:0 0 6px -2px rgba(208,208,208,.47);margin:10px 10px 40px;text-align:center;overflow:hidden;font-size:13px;font-weight:500;text-transform:uppercase;}
@media screen and (max-width:900px){
.container {max-width:100%;}}
@media screen and (max-width: 800px){
#headerbox,.mediatop,.resume .boxwidget,.tetx{text-align:center}
#headerbox{float:none;margin:0 auto}
.headerwrap{height:140px}
.mediatop{margin:0 auto;padding:0;position:absolute;right:0;left:0;top:50%}
.main-wrapper{width:100%;margin:0 auto;float:none}
#about,.personal-info{height:auto}
.about .photo-inner{float:none;margin:0 auto 20px}
.about,.personal-info,.sidebar-wrapper{margin:0 auto}
.about{float:none;width:94%;overflow:hidden;padding:20px}
.personal-info,.resume .base,.resume .func,.tetx{width:100%;float:none}
.resume,.slist{display:block}
.resume .base .profile::after{display:none}
.slist i{float:none}
.resume .func .edu,.resume .func .work{width:96%;margin:0 auto;float:none}
.resume .func .skills-soft ul li svg{width:75%}
.resume .func .skills-soft ul li span{font-size:13px}
.recenthome {width:95%;}
.sidebar-wrapper{position:relative;width:100%;float:none}}
@media screen and (max-width:480px){#goomnav {width:20%;}.contact-form-widget input.contact-form-email, .contact-form-widget input.contact-form-name {width:95%;}.about {width:91%;}.comments .comments-content .comment-replies{margin-left:0}
.tabs li{float:left;display:block;overflow:hidden;width:50%}
.tabs li a{padding:15px 0}
.menu{height:auto;position:relative;overflow:hidden;display:block}
.tabs{position:relative}.recenthome {width:90%;}
.resume .func .skills-soft ul {display:block;}}
</style>
<b:if cond='data:view.isSearch'>
<style>
.headerwrap{margin-right:10px!important;margin-left:10px!important}
.sidebar-wrapper,.postmeta{display:none}
.main-wrapper{width:100%;margin:0}
</style>
</b:if>
<b:if cond='data:blog.pageType != "static_page" and data:blog.pageType != "item"'>
<style>
.headerwrap{margin-right:0;margin-left:0}
.post{padding:0;float:left;width:30.89%;height:250px}
.post h2{font-size:15px;line-height:1.4em;margin:10px;padding:0;font-weight:500;font-family:Roboto,sans-serif}
.thumb,.thumb img{width:100%;margin:0}
.thumb{height:160px;padding:0}
.thumb img{height:100%}
.sidebar-wrapper{display:none}
.post h2:first-letter,.post h3:first-letter{color:initial}
@media screen and (max-width:800px){.post,.thumb{height:auto}
.post{padding:0 0 20px;float:none;width:100%;margin:0 auto 20px}}
</style>
</b:if>
<script>
//<![CDATA[
function loadCSS(e,t,o){"use strict";var i=window.document.createElement("link"),s=t||window.document.getElementsByTagName("script")[0];i.rel="stylesheet",i.href=e,i.media="only x",s.parentNode.insertBefore(i,s),setTimeout(function(){i.media=o||"all"})}loadCSS("https://kit-pro.fontawesome.com/releases/v5.11.2/css/pro.min.css"),loadCSS("https://fonts.googleapis.com/css?family=Anton|Roboto:300,300i,400,400i,500,500i,700"),"undefined"==typeof jQuery&&document.write('<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"><\/script>');
//]]>
</script>
<b:if cond='data:view.isError'>
<style>
#error-profile{margin:10% auto 30px;padding:0;text-align:center;list-style:none!important}
#error-profile .errorhead{position:relative;color:#000;font-size:8rem;line-height:1.6em;margin:15px auto 0}
#error-profile h3{text-transform:uppercase;color:#ffc506;font-size:50px;margin:0 auto;letter-spacing:10px}
#error-profile h2{color:#2d2d2d;line-height:1;font-size:30px}
#error-profile p{line-height:1.4em;font-size:18px;color:#2d2d2d;padding:0}
</style>
</b:if>
</head><!--<head/>-->
<body itemscope='itemscope' itemtype='http://schema.org/WebPage'>
<b:if cond='data:blog.pageType != "error_page"'>
<div class='container'>
<!-- header -->
<div class='headerwrap'>
<header>
<div id='headerbox'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='PROFILEvCard (Header)' type='Header' version='1'>
<b:widget-settings>
<b:widget-setting name='displayUrl'>http://4.bp.blogspot.com/-9I6X7bMEnn0/XikrS7wlEWI/AAAAAAAAB_A/FMlFmVo_K78GaIWDAf4FBrEpaCS8Z8CZQCK4BGAYYCw/s1600/logo.png</b:widget-setting>
<b:widget-setting name='displayHeight'>68</b:widget-setting>
<b:widget-setting name='sectionWidth'>600</b:widget-setting>
<b:widget-setting name='useImage'>true</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting>
<b:widget-setting name='displayWidth'>495</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>
</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'>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:title='data:title' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl' expr:title='data:title'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='clr'/>
<!-- Social Icons -->
<div class='mediatop'>
<a class='facebook iconx' href='#' rel='nofollow' target='_blank' title=''><i class='fab fa-facebook-f'/></a>
<a class='twitter iconx' href='#' rel='nofollow' target='_blank' title=''><i class='fab fa-twitter'/></a>
<a class='pinterest iconx' href='#' rel='nofollow' target='_blank' title=''><i class='fab fa-pinterest-p'/></a>
<a class='instagram iconx' href='#' rel='nofollow' target='_blank' title=''><i class='fab fa-instagram'/></a>
</div>
<!-- /Social Icons -->
</header>
<div class='clr'/>
</div>
<!-- /header -->
<b:if cond='data:view.isHomepage'>
<div id='content'>
<div id='about'>
<b:section class='abouts' id='abouts' preferred='yes'>
<b:widget id='HTML3' locked='false' title='' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'><div class='about'>
<div class='photo-inner'>
<img alt='' src='https://raw.githubusercontent.com/Goomsite/goomsite.github.io/master/img/pr.webp'/>
</div>
<div class='tetx'>
<h1>Heysa Chairunnisa</h1>
<h3>WEB DESIGNER</h3>
<p>Creating a Blog template is my passion, the creative idea of creating a template is coming from a hobby</p>
</div>
</div>
<div class='personal-info'>
<table><tbody>
<tr><th>Age</th><td>29 years old</td></tr>
<tr><th>Address</th><td>8th Manado, Trans 15 BolTim, TX 93353</td></tr>
<tr><th>Residence</th><td>IDN</td></tr>
<tr><th>Phone</th><td>+123 456 789 999</td></tr>
<tr><th>Website</th><td>www.http://www.psdly.com</td></tr>
<tr><th>Email</th><td>email@http://www.psdly.com</td></tr>
<tr><th>Freelance</th><td>Available</td></tr>
</tbody></table>
</div></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<nav class='menu'>
<ul class='tabs'>
<li class='tmenu'>
<a class='tab-profile' href='#about' title=''><i class='fas fa-user-graduate'/>About Us</a>
</li>
<li class='tmenu'>
<a href='#resume' title=''><i class='fas fa-file-user'/>Resume</a>
</li>
<li class='tmenu'>
<a href='#blog' title=''><i class='fas fa-newspaper'/>blog</a>
</li>
<li class='tmenu'>
<a href='#contact' title=''><i class='fas fa-envelope'/>Contact Us</a>
</li>
</ul>
</nav>
<div id='resume'>
<div class='content-box'>
<b:section class='postresume' id='postresume' preferred='yes'>
<b:widget id='HTML2' locked='false' title='' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'><div class="resume">
<div class="base">
<div class="profile">
<div class="photo">
<i class="fas fa-rocket"></i>
</div>
<div class="info">
<h1 class="name">HEYSA CHAIRUNNISA</h1>
<h2 class="job">WEB DESIGNER</h2>
</div>
</div>
<div class="boxwidget">
<h3>Contact Me</h3>
<div class="slist"><i class="fas fa-map-marker-alt"></i>8th Manado, Trans 15 BolTim, TX 93353</div>
<div class="slist"><i class="fas fa-phone"></i>+123 456 789 999</div>
<div class="slist"><i class="fab fa-whatsapp"></i>+123 456 789 999</div>
<div class="slist"><i class="fad fa-globe-americas"></i>www.http://www.psdly.com</div>
<div class="slist"><i class="fas fa-envelope"></i>email@http://www.psdly.com</div>
</div>
<div class="boxwidget">
<h3>Follow Me</h3>
<div class="box">
<a href="https://www.facebook.com/xxxxx/" target="_blank"><i class="fab fa-facebook"></i></a>
<a href="https://www.instagram.com/xxxxx/" target="_blank"><i class="fab fa-instagram "></i></a>
<a href="https://www.pinterest.com/xxxxx/" target="_blank"><i class="fab fa-pinterest"></i></a>
<a href="https://www.linkedin.com/in/xxxxx/" target="_blank"><i class="fab fa-linkedin"></i></a>
<a href="https://codepen.io/xxxxx/" target="_blank"><i class="fab fa-twitter"></i></a>
<a href="https://www.behance.net/xxxxx" target="_blank"><i class="fab fa-behance"></i></a>
</div>
</div>
<div class="boxwidget">
<h3>Download</h3>
<a href="#" class="site-button btn-effect">Resume as PDF format</a>
</div>
</div>
<div class="func">
<div class="work">
<h3><i class="fa fa-briefcase"></i>Experience</h3>
<ul>
<li><span>Technical Consultant -Web Design</span><small>Fiserv</small><small>Apr 2020 - Now</small></li>
<li><span>Web Designer</span><small>Lynden</small><small>Jan 2020 - Apr 2020</small></li>
<li><span>Intern - Web Design</span><small>Lynden</small><small>Aug 2019 - Dec 2019</small></li>
</ul>
</div>
<div class="edu">
<h3><i class="fa fa-graduation-cap"></i>Education</h3>
<ul>
<li><span>Bachelor of ScienceWeb Design and Development</span><small>BYU-Idaho</small><small>Jan. 2018 - Apr. 2020</small></li>
<li><span>Computer Science</span><small>Edmonds Community College</small><small>Sept. 2016 - Dec. 2017</small></li>
<li><span>High School</span><small>Henry M. Jackson High School</small><small>Jan. 2015 - Jun. 2017</small></li>
</ul>
</div>
<div class="skills-prog">
<h3><i class="fas fa-code"></i>Programming Skills</h3>
<ul>
<li data-percent="95"><span>HTML5</span>
<div class="skills-bar">
<div class="bar"></div>
</div>
</li>
<li data-percent="90"><span>CSS3 &amp; SCSS</span>
<div class="skills-bar">
<div class="bar"></div>
</div>
</li>
<li data-percent="60"><span>JavaScript</span>
<div class="skills-bar">
<div class="bar"></div>
</div>
</li>
<li data-percent="50"><span>jQuery</span>
<div class="skills-bar">
<div class="bar"></div>
</div>
</li>
<li data-percent="40"><span>JSON</span>
<div class="skills-bar">
<div class="bar"></div>
</div>
</li>
<li data-percent="55"><span>PHP</span>
<div class="skills-bar">
<div class="bar"></div>
</div>
</li>
<li data-percent="40"><span>MySQL</span>
<div class="skills-bar">
<div class="bar"></div>
</div>
</li>
</ul>
</div>
<div class="skills-soft">
<h3><i class="fas fa-bezier-curve"></i>Software Skills</h3>
<ul>
<li data-percent="90">
<svg viewbox="0 0 100 100">
<circle cx="50" cy="50" r="45"></circle>
<circle class="cbar" cx="50" cy="50" r="45"></circle>
</svg><span>Illustrator</span><small></small>
</li>
<li data-percent="75">
<svg viewbox="0 0 100 100">
<circle cx="50" cy="50" r="45"></circle>
<circle class="cbar" cx="50" cy="50" r="45"></circle>
</svg><span>Photoshop</span><small></small>
</li>
<li data-percent="85">
<svg viewbox="0 0 100 100">
<circle cx="50" cy="50" r="45"></circle>
<circle class="cbar" cx="50" cy="50" r="45"></circle>
</svg><span>InDesign</span><small></small>
</li>
<li data-percent="65">
<svg viewbox="0 0 100 100">
<circle cx="50" cy="50" r="45"></circle>
<circle class="cbar" cx="50" cy="50" r="45"></circle>
</svg><span>Dreamweaver</span><small></small>
</li>
</ul>
</div>
</div>
</div></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div id='blog'>
<div class='content-box content-boxx'>
<!-- recent -->
<div id='gorecent'/><div id='goomnav'/>
<!-- /recent -->
</div>
</div>
<div id='contact'>
<div class='content-box'>
<b:section class='contactform' id='contactform' preferred='yes'>
<b:widget id='ContactForm1' locked='false' title='Contact Us' 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>*</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>*</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>
<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:includable>
</b:widget>
</b:section>
</div>
</div>
</div>
</b:if>
<div class='main-wrapper'>
<b:section 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'>#fab702</b:widget-setting>
<b:widget-setting name='showShareButtons'>false</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'>#6c6f74</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'>#1d2129</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'>false</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'>
<b:if cond='!data:view.isHomepage'>
<b:include name='noContentPlaceholder'/>
<b:comment>Cap the total number of ads (widgets and inline ads).</b:comment>
<b:with value='3' var='maxNumAds'>
<b:with value='data:widgets.AdSense.size' var='numDesktopAds'>
<b:with value='data:widgets.AdSense count (w => w.sectionId != "ads")' var='numMobileAds'>
<b:comment>Filter out the featured post, but only on the homepage.</b:comment>
<b:with value='data:widgets.FeaturedPost filter (w => w.sectionId == "page_body") map (w => w.postId)' var='featuredPostIds'>
<b:with value='data:view.isHomepage ? data:posts filter (post => post.id not in data:featuredPostIds) : data:posts' var='posts'>
<b:include name='super.main'/>
</b:with>
</b:with>
</b:with>
</b:with>
</b:with>
</b:if>
</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='//www.blogger.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='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://schema.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url' title='Home'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' expr:title='data:label.name' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl' title='home'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl' title='home'>Home</a></span> » <span>All posts</span>
<b:else/>
<span/><span>SHOWING POSTS WITH THE LABEL "<data:blog.pageName/>" <a expr:href='data:blog.homepageUrl' title='home'>Show All</a></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</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 appendParams {skin: "contempo"}' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' 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 appendParams {skin: "contempo"}' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<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 alt='' src='http://2.bp.blogspot.com/-d-5BS0YCkho/UOKe2UIw0rI/AAAAAAAAC4w/md_iYNVHaHk/s1600/delete4.png'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<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-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</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'>
<b:if cond='data:post.numComments != 0'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>
</b:if>
</h4>
</b:if>
<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>
<div class='clr'/>
<div id='comment_block'>
<b:loop values='data:post.comments' var='comment'>
<div class='comment_wrap' expr:auclass='data:comment.adminClass' expr:id='data:comment.anchorName' level='0'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:post.adminClass == data:comment.adminClass'>
<div class='comment_inner comment_admin'>
<b:else/>
<div class='comment_inner'>
</b:if>
<div class='comment_header'>
<div class='comment_avatar'>
<data:comment.authorAvatarImage/>
</div>
<div class='comment_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if> <span class='comment_author_flag'>mod</span>
</div>
<div class='comment_service'>
<a expr:href='data:comment.url' rel='nofollow' title='permalink'><span class='comment_date'><data:comment.timestamp/></span></a>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<div class='clr'/>
</div>
<div class='comment_body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
<a class='comment_reply' expr:href='"#r_"+data:comment.anchorName' expr:id='"r"+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)'>Reply</a> <div class='clr'/>
</b:if>
</div>
<div class='clr'/>
</div>
<div class='clr'/>
<div class='comment_child'/>
<a expr:name='"r_"+data:comment.anchorName'/>
<div class='comment_reply_form' expr:id='"r_f_"+data:comment.anchorName'/>
</div>
</b:loop>
</div>
<div class='clr'/>
<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>
<div class='clr'/>
<div class='comment_form'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</div>
</b:if>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
</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'/>
<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'>
<b:if cond='data:post.dateHeader'>
<div class='mobile-index-date'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</div>
</b:if>
<div class='mobile-post-outer'>
<div class='mobile-index-title-outer'>
<h3 class='mobile-index-title entry-title'>
<a href='javascript:void(0)'><data:post.title/></a>
</h3>
</div>
<div>
<div class='mobile-index-arrow'>
<a href='javascript:void(0)'>&rsaquo;</a>
</div>
<div class='mobile-post-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 class='clr'/>
</div>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<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'><data:newerPageTitle/></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'><data:olderPageTitle/></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='clr'/>
</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'>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</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'>
<data:post.body/>
<div class='clr'/> <!-- clear for photos floats -->
</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'>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></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'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</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:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</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='clr'/>
</b:includable>
<b:includable id='post' var='post'>
<article class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<div itemType='http://schema.org/WebPage' itemprop='mainEntityOfPage' itemscope='itemscope'/>
<span class='post-author vcard' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<b:if cond='data:post.authorProfileUrl'>
<b:if cond='data:post.authorPhoto.url'>
<b:if cond='data:blog.pageType != "static_page" and data:blog.pageType != "item"'>
<img alt='author photo' expr:src='data:post.authorPhoto.url' height='16' title='Author Photo' width='16'/>
</b:if>
<b:if cond='data:blog.pageType == "item" or data:blog.pageType == "static_page"'>
<img alt='author photo' expr:src='data:post.authorPhoto.url' height='36' title='Author Photo' width='36'/>
</b:if>
</b:if>
<span class='fn author'>
<a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn author'><span itemprop='name'><data:post.author/></span></span>
</b:if>
<meta expr:content='data:post.authorPhoto.url' itemprop='image'/>
</span>
<meta expr:content='data:post.snippet' property='twitter:description'/>
<b:if cond='data:post.firstImageUrl'>
<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
<meta expr:content='data:post.firstImageUrl' itemprop='url'/>
<meta content='auto' itemprop='width'/>
<meta content='auto' itemprop='height'/>
</div>
<b:else/>
<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
<meta content='https://4.bp.blogspot.com/-SKh7CYM3lB0/WZlRLgH8wII/AAAAAAAACjQ/vx5PJdQYhSo136-Wg-A633KcElrfkHNNACLcBGAs/s1600/non.png' itemprop='url'/>
<meta content='auto' itemprop='width'/>
<meta content='auto' itemprop='height'/>
</div>
</b:if>
<div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
<div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
<meta content='https://4.bp.blogspot.com/-SKh7CYM3lB0/WZlRLgH8wII/AAAAAAAACjQ/vx5PJdQYhSo136-Wg-A633KcElrfkHNNACLcBGAs/s1600/non.png' itemprop='url'/>
<meta content='auto' itemprop='width'/>
<meta content='auto' itemprop='height'/>
</div>
<meta expr:content='data:blog.title' itemprop='name'/>
</div>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div class='thumb'>
<b:if cond='data:post.firstImageUrl'>
<a expr:href='data:post.url'>
<img expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></a>
<b:else>
<a expr:href='data:post.url'>
<img expr:title='data:post.title' src='https://4.bp.blogspot.com/-SKh7CYM3lB0/WZlRLgH8wII/AAAAAAAACjQ/vx5PJdQYhSo136-Wg-A633KcElrfkHNNACLcBGAs/s1600/non.png'/></a>
</b:else>
</b:if>
</div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='posts' name='breadcrumb'/>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title' itemprop='headline'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title' itemprop='url mainEntityOfPage'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title' itemprop='url mainEntityOfPage'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title' itemprop='headline'>
<b:if cond='data:post.link'>
<a itemprop='url mainEntityOfPage'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a itemprop='url mainEntityOfPage'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='postmeta'>
<h3 class='date-header'>
<span class='clock'><a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished dateModified'> <data:post.dateHeader/></abbr></a></span></h3>
</div>
<meta expr:content='data:post.snippet' itemprop='description'/>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
</b:if>
<div class='clr'/> <!-- clear for photos floats -->
</div>
</article>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='sharethis'/>
<div class='clr'/>
<div class='related-box'>
<h4>Related Posts</h4>
<div id='related-posts'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<data:label.name/>
</b:if>
</b:loop>
</b:if>
</div>
</div>
</b:if>
</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='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'/>
<b:includable id='sharethis' var='post'>
<div class='share_btn'>
<ul>
<li><a class='fb' expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' target='_blank'><i class='fab fa-facebook-f'/></a></li>
<li><a class='tw' expr:href='"http://www.blogger.com/share-post.g?blogID=" + data:blog.blogId + "&amp;postID="+ data:post.id + "&amp;target=twitter"' target='_blank'><i class='fab fa-twitter'/></a></li>
<li><a class='wa' data-action='share/whatsapp/share' expr:href='"whatsapp://send?text=" + data:post.title + "%20%2D%20" + data:post.url' rel='nofollow noopener' target='_blank'><i class='fab fa-whatsapp'/></a></li>
</ul>
</div>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div class='clr'/>
</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 appendParams {skin: "contempo"}' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' 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 appendParams {skin: "contempo"}' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_css'>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script defer='defer' expr:src='data:post.commentSrc'/> <script>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var postId = '<data:post.id/>';
var feed = '<data:post.commentFeed/>';
var authorName = '<data:post.author/>';
var authorUrl = '<data:post.authorUrl/>';
var blogId = '<data:top.id/>';
var baseUri = '<data:post.commentBase/>';
// <![CDATA[
feed += '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
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) {
console.log(entry.gd$extendedProperty[k].name + ' - ' + entry.gd$extendedProperty[k].value);
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = feed;
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 == authorName
&& comment.author.profileUrl == authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return baseUri + '/delete-comment.g?blogID=' + 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)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var tok = 'comment-form_';
var hash = window.location.hash || '';
var startThread = hash.indexOf(tok) == 1 ? hash.substring(tok.length + 1) : undefined;
// Configure commenting API:
var configJso = {
'maxDepth': 2
};
var provider = {
'id': postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'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'>
<b:include name='threaded_comment_css'/>
<div class='comments' id='comments'>
<a name='comments'/>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<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:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<aside class='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<a href="#"><img alt="" src="https://1.bp.blogspot.com/-_SG_giTLV7I/Xik7NSUCxEI/AAAAAAAAB_I/sxUZQhqX8mAMSd4GFPS29kzfTO1c5LyRgCLcBGAsYHQ/s1600/imgsidebar.png" title=""/></a>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='Label1' 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'>LIST</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' expr:title='data:label.name'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='data:label.name'><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' expr:title='data:label.name'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='data:label.name'><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>
</div>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' version='1'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>7</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'>ALL_TIME</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 == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' expr:title='data:post.title'>
<img expr:alt='data:post.title' expr:src='resizeImage(data:post.thumbnail, 300, "2:1")'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
</div>
<div class='clr'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' expr:title='data:post.title'>
<img expr:alt='data:post.title' expr:src='resizeImage(data:post.thumbnail, 300, "2:1")'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div class='clr'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
</aside>
<div class='clr'/>
</div>
<b:if cond='!data:view.isHomepage'>
<div class='container'>
<footer id='footer'>
© Copyright <script>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> - <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a>
</footer>
</div>
</b:if>
<b:if cond='data:view.isPost'>
<script>
//<![CDATA[
// Related
$("#related-posts").each(function(){var e=$(this).text();$.ajax({url:"/feeds/posts/default/-/"+e+"?alt=json-in-script&max-results=7",type:"get",dataType:"jsonp",success:function(e){for(var t="",l='<div class="related-wrap">',r=0;r<e.feed.entry.length;r++){for(var a=0;a<e.feed.entry[r].link.length;a++)if("alternate"==e.feed.entry[r].link[a].rel){t=e.feed.entry[r].link[a].href;break}var s=e.feed.entry[r].title.$t,n=e.feed.entry[r].content.$t;$("<ul>").html(n);l+='<li><h3 class="related-title"><a href="'+t+'" title="'+s+'">'+s+"</a></h3></li>"}l+='</ul><div class="clr"/>',$("#related-posts").html(l)}})});
//]]>
</script>
</b:if>
<script>
//<;b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"https://1.bp.blogspot.com/-Q4QqdyWtLSI/XghECAoZUoI/AAAAAAAABs0/NFJsaHuy-PU6HIeIf960bwvdpEAXEJTZACLcBGAsYHQ/s1600/goom.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>
<b:if cond='!data:view.isHomepage'>
<script>
//<![CDATA[
// Header post
jQuery(document).ready(function(){var o=$("#headerbox");-1!=location.href.indexOf("a")&&o.show(),$(".post-outer").click(function(){o.fadeIn("slow")})});
//]]>
</script>
</b:if>
<b:if cond='data:view.isHomepage'>
<script>
//<![CDATA[
// Header home
jQuery(document).ready(function(){var t=$("#headerbox");-1!=location.href.indexOf("#")&&t.show(),$(".menu .tabs a").click(function(){t.fadeIn("slow")}),$(".tab-profile").click(function(){t.fadeOut("slow")});var a=$("#content");a.easytabs({animate:!0,updateHash:!1,transitionIn:"slideDown",transitionOut:"slideUp",animationSpeed:600,tabs:".tmenu",tabActiveClass:"active"}),a.find(".tabs li a").hover(function(){$(this).stop().animate({marginTop:"-7px"},200)},function(){$(this).stop().animate({marginTop:"0px"},300)})});
// Skill
(function(){$(".skills-prog li").find(".skills-bar").each(function(t){$(this).find(".bar").delay(150*t).animate({width:$(this).parents().attr("data-percent")+"%"},1e3,"linear",function(){return $(this).css({"transition-duration":".5s"})})}),$(".skills-soft li").find("svg").each(function(t){var a,i,s,n,r;s=$(this).children(".cbar"),r=s.attr("r"),a=Math.PI*(2*r),n=$(this).parent().data("percent"),i=(100-n)/100*a,s.css({"stroke-dashoffset":a,"stroke-dasharray":a}),s.delay(150*t).animate({strokeDashoffset:i},1e3,"linear",function(){return s.css({"transition-duration":".3s"})}),$(this).siblings("small").prop("Counter",0).delay(150*t).animate({Counter:n},{duration:1e3,step:function(t){return $(this).text(Math.ceil(t)+"%")}})})}).call(this);
// Recent
var numfeed=8,startfeed=0,charac=0,urlprevious,urlnext;
function goomsitefeed(e,t){for(var r=e.split("<"),n=0;n<r.length;n++)-1!=r[n].indexOf(">")&&(r[n]=r[n].substring(r[n].indexOf(">")+1,r[n].length));return r=r.join(""),r=r.substring(0,t-1)}function showgorecent(e){var t,r,n,i,a,s="";urlprevious="",urlnext="";for(var l=0;l<e.feed.link.length;l++)"previous"==e.feed.link[l].rel&&(urlprevious=e.feed.link[l].href),"next"==e.feed.link[l].rel&&(urlnext=e.feed.link[l].href);for(var o=0;o<numfeed&&o!=e.feed.entry.length;o++){t=e.feed.entry[o],r=t.title.$t;for(var l=0;l<t.link.length;l++)if("alternate"==t.link[l].rel){n=t.link[l].href;break}a="content"in t?t.content.$t:"summary"in t?t.summary.$t:"",i="media$thumbnail"in t?t.media$thumbnail.url:"https://4.bp.blogspot.com/-SKh7CYM3lB0/WZlRLgH8wII/AAAAAAAACjQ/vx5PJdQYhSo136-Wg-A633KcElrfkHNNACLcBGAs/s1600/non.png",s+="<div class='recenthome'>",s+="<div class='postimg'><a href='"+n+"'><img alt='"+r+"' src='"+i+"' title='"+r+"'/></a></div>",s+="<h2><a href='"+n+"' title='"+r+"'>"+r+"</a></h2>",s+="<p>"+goomsitefeed(a,charac)+"...</p>",s+="</div>"}document.getElementById("gorecent").innerHTML=s,s="",s+=urlprevious?"<a href='javascript:navigasifeed(-1);' class='previous'><i class='fas fa-arrow-alt-circle-left'></i></a>":"<span class='noactived previous'><i class='fas fa-arrow-alt-circle-left'></i></span>",s+=urlnext?"<a href='javascript:navigasifeed(1);' class='next'><i class='fas fa-arrow-alt-circle-right'></i></a>":"<span class='noactived next'><i class='fas fa-arrow-alt-circle-right'></i></span>",s+="<a href='javascript:navigasifeed(0);' class='home'>Home</a>",document.getElementById("goomnav").innerHTML=s}function navigasifeed(e){var t,r;-1==e?(t=urlprevious.indexOf("?"),r=urlprevious.substring(t)):1==e?(t=urlnext.indexOf("?"),r=urlnext.substring(t)):r="?start-index=1&max-results="+numfeed+"&orderby=published&alt=json-in-script",r+="&callback=showgorecent",incluirscript(r)}function incluirscript(e){1==startfeed&&removerscript(),document.getElementById("gorecent").innerHTML="<div class='goload'></div>",document.getElementById("goomnav").innerHTML="";var t="/feeds/posts/default"+e,r=document.createElement("script");r.setAttribute("type","text/javascript"),r.setAttribute("src",t),r.setAttribute("id","profilgo"),document.getElementsByTagName("head")[0].appendChild(r),startfeed=1}function removerscript(){var e=document.getElementById("profilgo"),t=e.parentNode;t.removeChild(e)}onload=function(){navigasifeed(0)};
// easytab
(function(a){a.easytabs=function(j,e){var f=this,q=a(j),i={animate:true,panelActiveClass:"active",tabActiveClass:"active",defaultTab:"li:first-child",animationSpeed:"normal",tabs:"> ul > li",updateHash:true,cycle:false,collapsible:false,collapsedClass:"collapsed",collapsedByDefault:true,uiTabs:false,transitionIn:"fadeIn",transitionOut:"fadeOut",transitionInEasing:"swing",transitionOutEasing:"swing",transitionCollapse:"slideUp",transitionUncollapse:"slideDown",transitionCollapseEasing:"swing",transitionUncollapseEasing:"swing",containerClass:"",tabsClass:"",tabClass:"",panelClass:"",cache:true,panelContext:q},h,l,v,m,d,t={fast:200,normal:400,slow:600},r;f.init=function(){f.settings=r=a.extend({},i,e);if(r.uiTabs){r.tabActiveClass="ui-tabs-selected";r.containerClass="ui-tabs ui-widget ui-widget-content ui-corner-all";r.tabsClass="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all";r.tabClass="ui-state-default ui-corner-top";r.panelClass="ui-tabs-panel ui-widget-content ui-corner-bottom"}if(r.collapsible&&e.defaultTab!==undefined&&e.collpasedByDefault===undefined){r.collapsedByDefault=false}if(typeof(r.animationSpeed)==="string"){r.animationSpeed=t[r.animationSpeed]}a("a.anchor").remove().prependTo("body");q.data("easytabs",{});f.setTransitions();f.getTabs();b();g();w();n();c();q.attr("data-easytabs",true)};f.setTransitions=function(){v=(r.animate)?{show:r.transitionIn,hide:r.transitionOut,speed:r.animationSpeed,collapse:r.transitionCollapse,uncollapse:r.transitionUncollapse,halfSpeed:r.animationSpeed/2}:{show:"show",hide:"hide",speed:0,collapse:"hide",uncollapse:"show",halfSpeed:0}};f.getTabs=function(){var x;f.tabs=q.find(r.tabs),f.panels=a(),f.tabs.each(function(){var A=a(this),z=A.children("a"),y=A.children("a").data("target");A.data("easytabs",{});if(y!==undefined&&y!==null){A.data("easytabs").ajax=z.attr("href")}else{y=z.attr("href")}y=y.match(/#([^\?]+)/)[0].substr(1);x=r.panelContext.find("#"+y);if(x.length){x.data("easytabs",{position:x.css("position"),visibility:x.css("visibility")});x.not(r.panelActiveClass).hide();f.panels=f.panels.add(x);A.data("easytabs").panel=x}else{f.tabs=f.tabs.not(A)}})};f.selectTab=function(x,C){var y=window.location,B=y.hash.match(/^[^\?]*/)[0],z=x.parent().data("easytabs").panel,A=x.parent().data("easytabs").ajax;if(r.collapsible&&!d&&(x.hasClass(r.tabActiveClass)||x.hasClass(r.collapsedClass))){f.toggleTabCollapse(x,z,A,C)}else{if(!x.hasClass(r.tabActiveClass)||!z.hasClass(r.panelActiveClass)){o(x,z,A,C)}else{if(!r.cache){o(x,z,A,C)}}}};f.toggleTabCollapse=function(x,y,z,A){f.panels.stop(true,true);if(u(q,"easytabs:before",[x,y,r])){f.tabs.filter("."+r.tabActiveClass).removeClass(r.tabActiveClass).children().removeClass(r.tabActiveClass);if(x.hasClass(r.collapsedClass)){if(z&&(!r.cache||!x.parent().data("easytabs").cached)){q.trigger("easytabs:ajax:beforeSend",[x,y]);y.load(z,function(C,B,D){x.parent().data("easytabs").cached=true;q.trigger("easytabs:ajax:complete",[x,y,C,B,D])})}x.parent().removeClass(r.collapsedClass).addClass(r.tabActiveClass).children().removeClass(r.collapsedClass).addClass(r.tabActiveClass);y.addClass(r.panelActiveClass)[v.uncollapse](v.speed,r.transitionUncollapseEasing,function(){q.trigger("easytabs:midTransition",[x,y,r]);if(typeof A=="function"){A()}})}else{x.addClass(r.collapsedClass).parent().addClass(r.collapsedClass);y.removeClass(r.panelActiveClass)[v.collapse](v.speed,r.transitionCollapseEasing,function(){q.trigger("easytabs:midTransition",[x,y,r]);if(typeof A=="function"){A()}})}}};f.matchTab=function(x){return f.tabs.find("[href='"+x+"'],[data-target='"+x+"']").first()};f.matchInPanel=function(x){return(x?f.panels.filter(":has("+x+")").first():[])};f.selectTabFromHashChange=function(){var y=window.location.hash.match(/^[^\?]*/)[0],x=f.matchTab(y),z;if(r.updateHash){if(x.length){d=true;f.selectTab(x)}else{z=f.matchInPanel(y);if(z.length){y="#"+z.attr("id");x=f.matchTab(y);d=true;f.selectTab(x)}else{if(!h.hasClass(r.tabActiveClass)&&!r.cycle){if(y===""||f.matchTab(m).length||q.closest(y).length){d=true;f.selectTab(l)}}}}}};f.cycleTabs=function(x){if(r.cycle){x=x%f.tabs.length;$tab=a(f.tabs[x]).children("a").first();d=true;f.selectTab($tab,function(){setTimeout(function(){f.cycleTabs(x+1)},r.cycle)})}};f.publicMethods={select:function(x){var y;if((y=f.tabs.filter(x)).length===0){if((y=f.tabs.find("a[href='"+x+"']")).length===0){if((y=f.tabs.find("a"+x)).length===0){if((y=f.tabs.find("[data-target='"+x+"']")).length===0){if((y=f.tabs.find("a[href$='"+x+"']")).length===0){a.error("Tab '"+x+"' does not exist in tab set")}}}}}else{y=y.children("a").first()}f.selectTab(y)}};var u=function(A,x,z){var y=a.Event(x);A.trigger(y,z);return y.result!==false};var b=function(){q.addClass(r.containerClass);f.tabs.parent().addClass(r.tabsClass);f.tabs.addClass(r.tabClass);f.panels.addClass(r.panelClass)};var g=function(){var y=window.location.hash.match(/^[^\?]*/)[0],x=f.matchTab(y).parent(),z;if(x.length===1){h=x;r.cycle=false}else{z=f.matchInPanel(y);if(z.length){y="#"+z.attr("id");h=f.matchTab(y).parent()}else{h=f.tabs.parent().find(r.defaultTab);if(h.length===0){a.error("The specified default tab ('"+r.defaultTab+"') could not be found in the tab set.")}}}l=h.children("a").first();p(x)};var p=function(z){var y,x;if(r.collapsible&&z.length===0&&r.collapsedByDefault){h.addClass(r.collapsedClass).children().addClass(r.collapsedClass)}else{y=a(h.data("easytabs").panel);x=h.data("easytabs").ajax;if(x&&(!r.cache||!h.data("easytabs").cached)){q.trigger("easytabs:ajax:beforeSend",[l,y]);y.load(x,function(B,A,C){h.data("easytabs").cached=true;q.trigger("easytabs:ajax:complete",[l,y,B,A,C])})}h.data("easytabs").panel.show().addClass(r.panelActiveClass);h.addClass(r.tabActiveClass).children().addClass(r.tabActiveClass)}};var w=function(){f.tabs.children("a").bind("click.easytabs",function(x){r.cycle=false;d=false;f.selectTab(a(this));x.preventDefault()})};var o=function(z,D,E,H){f.panels.stop(true,true);if(u(q,"easytabs:before",[z,D,r])){var A=f.panels.filter(":visible"),y=D.parent(),F,x,C,G,B=window.location.hash.match(/^[^\?]*/)[0];if(r.animate){F=s(D);x=A.length?k(A):0;C=F-x}m=B;G=function(){q.trigger("easytabs:midTransition",[z,D,r]);if(r.animate&&r.transitionIn=="fadeIn"){if(C<0){y.animate({height:y.height()+C},v.halfSpeed).css({"min-height":""})}}if(r.updateHash&&!d){window.location.hash="#"+D.attr("id")}else{d=false}D[v.show](v.speed,r.transitionInEasing,function(){y.css({height:"","min-height":""});q.trigger("easytabs:after",[z,D,r]);if(typeof H=="function"){H()}})};if(E&&(!r.cache||!z.parent().data("easytabs").cached)){q.trigger("easytabs:ajax:beforeSend",[z,D]);D.load(E,function(J,I,K){z.parent().data("easytabs").cached=true;q.trigger("easytabs:ajax:complete",[z,D,J,I,K])})}if(r.animate&&r.transitionOut=="fadeOut"){if(C>0){y.animate({height:(y.height()+C)},v.halfSpeed)}else{y.css({"min-height":y.height()})}}f.tabs.filter("."+r.tabActiveClass).removeClass(r.tabActiveClass).children().removeClass(r.tabActiveClass);f.tabs.filter("."+r.collapsedClass).removeClass(r.collapsedClass).children().removeClass(r.collapsedClass);z.parent().addClass(r.tabActiveClass).children().addClass(r.tabActiveClass);f.panels.filter("."+r.panelActiveClass).removeClass(r.panelActiveClass);D.addClass(r.panelActiveClass);if(A.length){A[v.hide](v.speed,r.transitionOutEasing,G)}else{D[v.uncollapse](v.speed,r.transitionUncollapseEasing,G)}}};var s=function(y){if(y.data("easytabs")&&y.data("easytabs").lastHeight){return y.data("easytabs").lastHeight}var z=y.css("display"),x=y.wrap(a("<div>",{position:"absolute",visibility:"hidden",overflow:"hidden"})).css({position:"relative",visibility:"hidden",display:"block"}).outerHeight();y.unwrap();y.css({position:y.data("easytabs").position,visibility:y.data("easytabs").visibility,display:z});y.data("easytabs").lastHeight=x;return x};var k=function(y){var x=y.outerHeight();if(y.data("easytabs")){y.data("easytabs").lastHeight=x}else{y.data("easytabs",{lastHeight:x})}return x};var n=function(){if(typeof a(window).hashchange==="function"){a(window).hashchange(function(){f.selectTabFromHashChange()})}else{if(a.address&&typeof a.address.change==="fun.ction"){a.address.change(function(){f.selectTabFromHashChange()})}}};var c=function(){var x;if(r.cycle){x=f.tabs.index(h);setTimeout(function(){f.cycleTabs(x+1)},r.cycle)}};f.init()};a.fn.easytabs=function(c){var b=arguments;return this.each(function(){var e=a(this),d=e.data("easytabs");if(undefined===d){d=new a.easytabs(this,c);e.data("easytabs",d)}if(d.publicMethods[c]){return d.publicMethods[c](Array.prototype.slice.call(b,1))}})}})(jQuery);
// carouFredSel
function downloadJSAtOnload(){var d=document.createElement("script");d.src="https://raw.githubusercontent.com/Goomsite/goomsite.github.io/master/file/carouFredSel.js",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>
</b:if>
</b:if><b:if cond='data:view.isError'>
<div id='error-profile'>
<h3>Error</h3>
<div class='errorhead'><div>404</div></div>
<h2>Page Not Found</h2>
<p>It looks like you are lost! Try searching here:<br/></p>
</div>
</b:if>
</body>
</HTML>