· 6 years ago · Sep 01, 2019, 05:02 AM
1<?xml version="1.0" encoding="UTF-8" ?>
2<!DOCTYPE html>
3<html b:css='false' b:version='2' class='v2' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
4 <head>
5 <meta content='width=device-width, initial-scale=1.0' name='viewport'/>
6
7 <link href='https://fonts.googleapis.com/css?family=Lexend+Deca&display=swap' rel='stylesheet'/>
8
9 <b:skin><![CDATA[/*
10-----------------------------------------------
11Eclixo Blogger Template
12Name: Eclixo
13Designer: Ajay Malik
14URL: eclixo.com
15version: 0.1
16
17----------------------------------------------- */
18:root {
19 --main-one:#553c8b;
20--main-two: #9ea9f0;
21--main-three: #ccc1ff;
22--main-four: #ffeafe;
23--body:#ffeafe;
24--header:white;
25}
26
27*{
28margin:0px;
29padding:0px;
30box-sizing:border-box}
31body{
32background:var(--body);
33 font-family: 'Lexend Deca', sans-serif;
34
35}
36header{
37padding:1em 0;
38background:var(--header);
39}
40span.widget-item-control {
41 display: none;
42}
43header > div{
44display:table;
45width:100%;}
46.menu{
47display:table-cell;
48vertical-align:middle;
49text-align:right}
50.menu li{
51display:inline;
52margin:0 1em;
53}
54/*header*/
55
56.site-title,.site-title a {
57 width: 30%;
58text-decoration:none;
59color:#000;
60 font-size: 3rem;
61 font-weight: bold;
62}
63
64.menu a{
65color:var(--main-one);
66text-decoration:none;
67}
68
69
70
71
72
73@media (max-width:767px){
74input#toggle-1[type=checkbox] {
75 position: absolute;
76 top: -9999px;
77 left: -9999px;
78}
79.menu{
80position:fixed;
81top:50px;
82z-index:99999;
83background:var(--main-one);
84height:100%;
85width:50%;
86right:100%
87}
88.menu ul{list-style:none;padding-left:0px;}
89.menu li{text-align:center;
90padding:1em;border-bottom:1px solid white;display:block}
91
92
93/* Toggled State */
94input#toggle-1[type=checkbox]:checked ~ .menu {
95 right:0;
96}
97
98/* Toggled State */
99input[type=checkbox]:checked ~ .hide {
100 display:none
101}
102label.toggle:hover{
103cursor:pointer
104}
105label.toggle{
106position:fixed;
107width:auto;
108z-index:99999;
109top:5px;
110right:5px;
111background:hsla(0, 1%, 89%, 0.56);
112padding:.2em .5em;
113}
114.menu a{
115
116color:white}
117
118.mob{
119display:none}
120.col-s{
121display:flex;
122flex-wrap:wrap
123}
124.s1{width:10%}
125.s2{width:20%}
126.s3{width:30%}
127.s4{width:40%}
128.s5{width:50%}
129.s6{width:60%}
130.s7{width:70%}
131.s8{width:80%}
132.s9{width:90%}
133.s25{width:25%}
134.s33{width:33.3%}
135.s75{width:75%}
136.container{
137max-width:95%;
138margin:0 auto;
139}
140
141.blog-posts > div{
142margin: 1em;
143}
144}
145@media (min-width:768px)and(max-width:1023px){
146.tab{
147display:none}
148.col-m{
149display:flex;
150flex-wrap:wrap
151}
152.m1{width:10%}
153.m2{width:20%}
154.m3{width:30%}
155.m4{width:40%}
156.m5{width:50%}
157.m6{width:60%}
158.m7{width:70%}
159.m8{width:80%}
160.m9{width:90%}
161.m25{width:25%}
162.m33{width:33.3%}
163.m75{width:75%}
164.container{
165max-width:90%;
166margin:0 auto;
167}
168
169
170.main {
171float:left;
172 width: 70%;
173}
174
175.sidebar {
176float:left;
177 width: 30%;
178}
179
180
181
182.blog-posts {
183 display: grid;
184 grid-template-columns: 50% 50%;
185}
186
187.blog-posts > div{
188margin: 1em 1em 0 0 ;
189}
190
191
192}
193@media (min-width:1024px){
194.container{
195max-width:1100px;
196margin:0 auto;
197}
198.tab{
199display:none}
200.col-l{
201display:flex;
202flex-wrap:wrap;
203}
204.l1{width:10%}
205.l2{width:20%}
206.l3{width:30%}
207.l4{width:40%}
208.l5{width:50%}
209.l6{width:60%}
210.l7{width:70%}
211.l8{width:80%}
212.l9{width:90%}
213.l25{width:25%}
214.l33{width:33.3%}
215.l75{width:75%}
216
217
218.main {
219float:left;
220 width: 70%;
221}
222
223.sidebar {
224float:left;
225 width: 30%;
226}
227
228
229.blog-posts {
230 display: grid;
231 grid-template-columns: 50% 50%;
232}
233
234.blog-posts > div{
235margin: 1em 1em 0 0 ;
236}
237
238}
239.clear{
240clear:both}
241.none{
242display:none}
243/*outer-post*/
244.blog-posts > div {
245 transition: all 0.3s cubic-bezier(.25,.8,.25,1);
246 background: white;
247}
248.post:hover{
249 box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
250
251}
252.post-img {
253position:relative;
254 width: 100%;
255 height: 40vh;
256 background-repeat: no-repeat;
257 background-size: cover;
258 background-position: center;
259}
260.post-inner {
261 padding: 1em;
262}
263.post h2 a {
264 text-decoration: none;
265 color: #444;
266}
267.post-inner p {
268 color: #888;
269 font-size: 14px;
270 margin: 10px 0;
271}
272.read-more a:hover {
273 background: var(--main-two);
274 box-shadow: none;
275}
276
277.read-more a {
278 transition: .5s all;
279 text-decoration: none;
280 color: #fff;
281background:var(--main-one);
282 box-shadow: 0 0 3px var( --main-four);
283 padding: 5px 10px;
284 font-weight: 900;
285 font-size: 14px;
286}
287.read-more {
288 text-align: right;
289 padding: 1em;
290}
291.read-more svg {
292 margin-bottom: -4px;
293 margin-left: -2px;
294 fill: #fff;
295}
296.post-img a {
297 position: absolute;
298 bottom: 0;
299 left: 0;
300 background: var(--main-one);
301 color: white;
302 font-size: 14px;
303 font-weight: 900;
304 text-decoration: none;
305 padding: 10px 1em;
306}
307.post-img a:after {
308 width: 0;
309 top: -1px;
310 right: -10px;
311 position: absolute;
312 border-left: 10px solid transparent;
313 border-right: 10px solid transparent;
314 border-bottom: 39px solid var(--main-one);
315 content: "";
316}
317
318.sidebar .widget {
319 margin: 1em 0;
320 background: #fff;
321 padding: 1em;
322}
323.blog-pager a {
324 float: left;
325 display: inline-block;
326 background: var(--main-one);
327 color: #fff;
328 text-decoration: none;
329 padding: 10px 1em;
330 margin: 1em 1em 1em 0;
331}
332article {
333 background: white;
334 margin: 1em 1em 1em 0;
335}
336article img{
337max-width:100%;
338height:auto
339}
340footer{
341background:var(--main-one);
342padding:2rem 0;
343color:white;}
344footer a{color:white}
345#copyright{
346text-align:center;
347padding:1em;
348background:var(--main-three)}
349footer .widget {
350 margin: 1em;
351}
352.post-meta {
353 padding: 1em;
354}
355a.comment-link {
356 color: var(--main-one);
357 font-weight: 700;
358 text-decoration: none;
359}
360a.comment-link svg {
361 height: 22px;
362 width: 22px;
363 fill: var(--main-one);
364 margin-bottom: -6px;
365}
366.breadcrumb {
367 padding: 1em;
368 font-size: 14px;
369 color: #333;
370}
371.breadcrumb a {
372 font-size: 14px;
373 color: #666;
374 text-decoration: none;
375 margin: 0 5px;
376}
377article h1 {
378 font-size: 2.5rem;
379 padding: 0 .5em;
380}
381.post-header svg {
382 height: 18px;
383 width: 18px;
384 margin-right: 5px;
385 margin-bottom: -4px;
386 fill: var(--main-one);
387}
388.post-header>div {
389 margin: 0 1em;
390}
391.post-header a {
392 text-decoration: none;
393 color: #555;
394}
395.post-header {
396 margin: 1em 0;
397 color: #666;
398 font-size: 14px;
399}
400.content a {
401 margin-left: 0!important;
402}
403.content {
404line-height:1.8;
405 padding: 1em;
406}
407.content li {
408 margin: 10px 0;
409}
410.content ul, .content ol {
411 padding-left: 1.5em;
412}
413.content h2, content h3, content h4, content h5 {
414 margin: .5em 0;
415}
416.content br {
417 line-height: 2.5;
418}
419.comments h4 {
420 text-align: center;
421 background: var(--main-three);
422 padding: .8em;
423 margin-bottom: 1em;
424}
425.comments-content ol {
426 list-style: none;
427}
428span.datetime.secondary-text {
429 display: none;
430}
431]]></b:skin>
432
433
434 <b:include data='blog' name='google-analytics'/>
435 </head><!--<head/>-->
436
437 <body>
438
439
440 <b:if cond='data:blog.pageType == "index"'>
441 <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
442 <meta expr:content='data:blog.title' itemprop='name'/>
443 <b:if cond='data:blog.metaDescription'>
444 <meta expr:content='data:blog.metaDescription' itemprop='description'/>
445 </b:if>
446 </div>
447 </b:if>
448<header>
449<div class='container'>
450 <b:section class='site-title' id='header' maxwidgets='1' name='Header' showaddelement='no'>
451 <b:widget id='Header1' locked='true' title='Eclixo (Header)' type='Header' version='1'>
452 <b:widget-settings>
453 <b:widget-setting name='displayUrl'/>
454 <b:widget-setting name='displayHeight'>0</b:widget-setting>
455 <b:widget-setting name='sectionWidth'>-1</b:widget-setting>
456 <b:widget-setting name='useImage'>false</b:widget-setting>
457 <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
458 <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
459 <b:widget-setting name='displayWidth'>0</b:widget-setting>
460 </b:widget-settings>
461 <b:includable id='main'>
462
463 <b:if cond='data:useImage'>
464 <b:if cond='data:imagePlacement == "BEHIND"'>
465 <!--
466 Show image as background to text. You can't really calculate the width
467 reliably in JS because margins are not taken into account by any of
468 clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
469 width if the user is using shrink to fit.
470 This results in a margin-width's worth of pixels being cropped. If the
471 user is not using shrink to fit then we expand the header.
472 -->
473 <b:if cond='data:mobile'>
474 <div id='header-inner'>
475 <div class='titlewrapper' style='background: transparent'>
476 <p class='title' style='background: transparent; border-width: 0px'>
477 <b:include name='title'/>
478 </p>
479 </div>
480 <b:include name='description'/>
481 </div>
482 <b:else/>
483 <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'>
484 <div class='titlewrapper' style='background: transparent'>
485 <p class='title' style='background: transparent; border-width: 0px'>
486 <b:include name='title'/>
487 </p>
488 </div>
489 <b:include name='description'/>
490 </div>
491 </b:if>
492 <b:else/>
493 <!--Show the image only-->
494 <div id='header-inner'>
495 <a expr:href='data:blog.homepageUrl' style='display: block'>
496 <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
497 </a>
498 <!--Show the description-->
499 <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
500 <b:include name='description'/>
501 </b:if>
502 </div>
503 </b:if>
504 <b:else/>
505 <!--No header image -->
506 <div id='header-inner'>
507 <div class='titlewrapper'>
508 <p class='title'>
509 <b:include name='title'/>
510 </p>
511 </div>
512 <b:include name='description'/>
513 </div>
514 </b:if>
515</b:includable>
516 <b:includable id='description'>
517 <div class='descriptionwrapper'>
518 <p class='description'><span><data:description/></span></p>
519 </div>
520</b:includable>
521 <b:includable id='title'>
522 <b:tag cond='data:blog.url != data:blog.homepageUrl' expr:href='data:blog.homepageUrl' name='a'>
523 <data:title/>
524 </b:tag>
525</b:includable>
526 </b:widget>
527 </b:section>
528 <label class='toggle tab pc' for='toggle-1'><svg height='30' viewBox='0 0 48 48' width='30' xmlns='http://www.w3.org/2000/svg'><path d='M6 36h36v-4H6v4zm0-10h36v-4H6v4zm0-14v4h36v-4H6z'/></svg></label>
529 <input class='tab pc' id='toggle-1' type='checkbox'/>
530 <b:section class='menu' id='menu' maxwidgets='1' name='Menu' showaddelement='no'>
531 <b:widget id='LinkList1' locked='true' title='Page Links' type='LinkList' version='1'>
532 <b:widget-settings>
533 <b:widget-setting name='link-3'>http://</b:widget-setting>
534 <b:widget-setting name='sorting'>NONE</b:widget-setting>
535 <b:widget-setting name='link-4'>http://</b:widget-setting>
536 <b:widget-setting name='text-1'>Blog</b:widget-setting>
537 <b:widget-setting name='link-1'>https://blog.eclixo.com/</b:widget-setting>
538 <b:widget-setting name='text-0'>Home</b:widget-setting>
539 <b:widget-setting name='link-2'>https://eclixo.com/get-quote.html</b:widget-setting>
540 <b:widget-setting name='text-3'>Link</b:widget-setting>
541 <b:widget-setting name='link-0'>https://eclixo.com/</b:widget-setting>
542 <b:widget-setting name='text-2'>Start Here</b:widget-setting>
543 <b:widget-setting name='text-4'>link</b:widget-setting>
544 </b:widget-settings>
545 <b:includable id='main'>
546
547 <div class='widget-content'>
548 <ul>
549 <b:loop values='data:links' var='link'>
550 <li><a expr:href='data:link.target'><data:link.name/></a></li>
551 </b:loop>
552 </ul>
553 <b:include name='quickedit'/>
554 </div>
555</b:includable>
556 </b:widget>
557 </b:section>
558
559 </div>
560
561 </header>
562<div class='container wrapper'>
563
564 <b:section class='main' id='main' name='Main' showaddelement='no'>
565 <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1'>
566 <b:widget-settings>
567 <b:widget-setting name='showDateHeader'>false</b:widget-setting>
568 <b:widget-setting name='style.textcolor'>#553c8b</b:widget-setting>
569 <b:widget-setting name='showShareButtons'>true</b:widget-setting>
570 <b:widget-setting name='authorLabel'>By</b:widget-setting>
571 <b:widget-setting name='showCommentLink'>true</b:widget-setting>
572 <b:widget-setting name='style.urlcolor'>#212121</b:widget-setting>
573 <b:widget-setting name='showAuthor'>false</b:widget-setting>
574 <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
575 <b:widget-setting name='style.linkcolor'>#757575</b:widget-setting>
576 <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
577 <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
578 <b:widget-setting name='timestampLabel'>-</b:widget-setting>
579 <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
580 <b:widget-setting name='style.layout'>1x1</b:widget-setting>
581 <b:widget-setting name='showLabels'>true</b:widget-setting>
582 <b:widget-setting name='showLocation'>false</b:widget-setting>
583 <b:widget-setting name='showTimestamp'>true</b:widget-setting>
584 <b:widget-setting name='postsPerAd'>3</b:widget-setting>
585 <b:widget-setting name='showBacklinks'>false</b:widget-setting>
586 <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
587 <b:widget-setting name='showInlineAds'>true</b:widget-setting>
588 <b:widget-setting name='showReactions'>false</b:widget-setting>
589 </b:widget-settings>
590 <b:includable id='main' var='top'>
591
592 <!-- posts -->
593<b:if cond='data:view.isMultipleItems'>
594
595 <div class='blog-posts hfeed'>
596
597 <b:include data='top' name='status-message'/>
598
599 <b:loop values='data:posts' var='post'>
600 <b:include data='post' name='index'/>
601 <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
602
603 </b:loop>
604
605 </div>
606
607
608</b:if>
609<b:if cond='data:view.isSingleItem'>
610<b:loop values='data:posts' var='post'>
611
612 <b:include data='post' name='post'/>
613 </b:loop>
614 </b:if>
615
616
617 <!-- navigation -->
618 <b:include name='nextprev'/>
619
620
621</b:includable>
622 <b:includable id='backlinkDeleteIcon' var='backlink'>
623 <span expr:class='"item-control " + data:backlink.adminClass'>
624 <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
625 <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
626 </a>
627 </span>
628</b:includable>
629 <b:includable id='backlinks' var='post'>
630 <a name='links'/><h4><data:post.backlinksLabel/></h4>
631 <b:if cond='data:post.numBacklinks != 0'>
632 <dl class='comments-block' id='comments-block'>
633 <b:loop values='data:post.backlinks' var='backlink'>
634 <div class='collapsed-backlink backlink-control'>
635 <dt class='comment-title'>
636 <span class='backlink-toggle-zippy'> </span>
637 <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
638 <b:include data='backlink' name='backlinkDeleteIcon'/>
639 </dt>
640 <dd class='comment-body collapseable'>
641 <data:backlink.snippet/>
642 </dd>
643 <dd class='comment-footer collapseable'>
644 <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
645 <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
646 </dd>
647 </div>
648 </b:loop>
649 </dl>
650 </b:if>
651 <p class='comment-footer'>
652 <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
653 </p>
654</b:includable>
655 <b:includable id='comment-form' var='post'>
656 <div class='comment-form'>
657 <a name='comment-form'/>
658 <b:if cond='data:mobile'>
659 <h4 id='comment-post-message'>
660 <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
661 <p><data:blogCommentMessage/></p>
662 <data:blogTeamBlogMessage/>
663 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
664 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
665 <b:else/>
666 <h4 id='comment-post-message'><data:postCommentMsg/></h4>
667 <p><data:blogCommentMessage/></p>
668 <data:blogTeamBlogMessage/>
669 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
670 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
671 </b:if>
672 <data:post.cmtfpIframe/>
673 <script type='text/javascript'>
674 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
675 </script>
676 </div>
677</b:includable>
678 <b:includable id='commentDeleteIcon' var='comment'>
679 <span expr:class='"item-control " + data:comment.adminClass'>
680 <b:if cond='data:showCmtPopup'>
681 <div class='goog-toggle-button'>
682 <div class='goog-inline-block comment-action-icon'/>
683 </div>
684 <b:else/>
685 <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
686 <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
687 </a>
688 </b:if>
689 </span>
690</b:includable>
691 <b:includable id='comment_count_picker' var='post'>
692 <b:if cond='data:post.commentSource == 1'>
693 <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.url.canonical.http'>
694 </span>
695 <b:else/>
696 <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
697 <data:post.commentLabelFull/>:
698 </a>
699 </b:if>
700</b:includable>
701 <b:includable id='comment_picker' var='post'>
702 <b:if cond='data:post.commentSource == 1'>
703 <b:include data='post' name='iframe_comments'/>
704 <b:elseif cond='data:post.showThreadedComments'/>
705 <b:include data='post' name='threaded_comments'/>
706 <b:else/>
707 <b:include data='post' name='comments'/>
708 </b:if>
709</b:includable>
710 <b:includable id='comments' var='post'>
711 <div class='comments' id='comments'>
712 <a name='comments'/>
713 <b:if cond='data:post.allowComments'>
714 <h4><data:post.commentLabelFull/>:</h4>
715
716 <b:if cond='data:post.commentPagingRequired'>
717 <span class='paging-control-container'>
718 <b:if cond='data:post.hasOlderLinks'>
719 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
720  
721 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
722  
723 </b:if>
724
725 <data:post.commentRangeText/>
726
727 <b:if cond='data:post.hasNewerLinks'>
728  
729 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
730  
731 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
732 </b:if>
733 </span>
734 </b:if>
735
736 <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
737 <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
738 <b:loop values='data:post.comments' var='comment'>
739 <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
740 <b:if cond='data:comment.favicon'>
741 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
742 </b:if>
743 <a expr:name='data:comment.anchorName'/>
744 <b:if cond='data:blog.enabledCommentProfileImages'>
745 <data:comment.authorAvatarImage/>
746 </b:if>
747 <b:if cond='data:comment.authorUrl'>
748 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
749 <b:else/>
750 <data:comment.author/>
751 </b:if>
752 <data:commentPostedByMsg/>
753 </dt>
754 <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
755 <b:if cond='data:comment.isDeleted'>
756 <span class='deleted-comment'><data:comment.body/></span>
757 <b:else/>
758 <p>
759 <data:comment.body/>
760 </p>
761 </b:if>
762 </dd>
763 <dd class='comment-footer'>
764 <span class='comment-timestamp'>
765 <a expr:href='data:comment.url' title='comment permalink'>
766 <data:comment.timestamp/>
767 </a>
768 <b:include data='comment' name='commentDeleteIcon'/>
769 </span>
770 </dd>
771 </b:loop>
772 </dl>
773 </div>
774
775 <b:if cond='data:post.commentPagingRequired'>
776 <span class='paging-control-container'>
777 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
778 <data:post.oldestLinkText/>
779 </a>
780 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
781 <data:post.olderLinkText/>
782 </a>
783  
784 <data:post.commentRangeText/>
785  
786 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
787 <data:post.newerLinkText/>
788 </a>
789 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
790 <data:post.newestLinkText/>
791 </a>
792 </span>
793 </b:if>
794
795 <p class='comment-footer'>
796 <b:if cond='data:post.embedCommentForm'>
797 <b:if cond='data:post.allowNewComments'>
798 <b:include data='post' name='comment-form'/>
799 <b:else/>
800 <data:post.noNewCommentsText/>
801 </b:if>
802 <b:elseif cond='data:post.allowComments'/>
803 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
804 </b:if>
805 </p>
806 </b:if>
807 <b:if cond='data:showCmtPopup'>
808 <div id='comment-popup'>
809 <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
810 </iframe>
811 </div>
812 </b:if>
813
814 <div id='backlinks-container'>
815 <div expr:id='data:widget.instanceId + "_backlinks-container"'>
816 <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
817 </div>
818 </div>
819 </div>
820</b:includable>
821 <b:includable id='feedLinks'/>
822 <b:includable id='feedLinksBody' var='links'/>
823 <b:includable id='iframe_comments' var='post'>
824
825 <b:if cond='data:post.allowIframeComments'>
826 <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
827 <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>
828
829 <b:if cond='data:post.embedCommentForm == "false"'>
830 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
831 </b:if>
832 </b:if>
833</b:includable>
834 <b:includable id='index' var='post'>
835
836<div class='post'>
837 <div class='post-img' expr:style='"background-image: url(\"" + data:post.firstImageUrl + "\");"'>
838<b:if cond='data:top.showPostLabels and data:post.labels'>
839
840 <b:loop index='i' values='data:post.labels' var='label'>
841 <b:if cond='data:i == 0'>
842 <a expr:href='data:label.url' rel='tag'>
843 <data:label.name/>
844 </a>
845 </b:if>
846 </b:loop>
847</b:if>
848 </div>
849
850<div class='post-inner'>
851 <h2>
852 <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
853 <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
854 </b:if>
855 </h2>
856 <p><data:post.snippet/></p>
857
858<div class='col-l col-m col-s'>
859<div class='l5 m5 s3 post-meta'>
860<span class='post-comment-link'>
861 <b:if cond='data:post.allowComments'>
862 <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
863 <data:post.numComments/> <svg height='48' viewBox='0 0 48 48' width='48' xmlns='http://www.w3.org/2000/svg'><path d='M43.98 8c0-2.21-1.77-4-3.98-4H8C5.79 4 4 5.79 4 8v24c0 2.21 1.79 4 4 4h28l8 8-.02-36zM36 28H12v-4h24v4zm0-6H12v-4h24v4zm0-6H12v-4h24v4z'/></svg>
864
865 </a>
866 </b:if>
867</span>
868 </div>
869<div class='l5 m5 s7 read-more'>
870<b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
871 <a expr:href='data:post.link ? data:post.link : data:post.url'>Read More <svg height='18' viewBox='0 0 48 48' width='18' xmlns='http://www.w3.org/2000/svg'><path d='M24 8l-2.83 2.83L32.34 22H8v4h24.34L21.17 37.17 24 40l16-16z'/></svg></a>
872 </b:if>
873 </div>
874 </div>
875 </div>
876 </div>
877
878</b:includable>
879 <b:includable id='mobile-index-post' var='post'/>
880 <b:includable id='mobile-main' var='top'/>
881 <b:includable id='mobile-nextprev'/>
882 <b:includable id='mobile-post' var='post'/>
883 <b:includable id='nextprev'>
884 <div class='blog-pager' id='blog-pager'>
885 <b:if cond='data:newerPageUrl'>
886 <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>
887 </b:if>
888
889 <b:if cond='data:olderPageUrl'>
890 <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>
891
892 </b:if>
893
894 <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
895
896 </div>
897 <div class='clear'/>
898</b:includable>
899 <b:includable id='post' var='post'>
900 <article>
901<b:if cond='data:blog.pageType == "item"'>
902<div class='breadcrumb' itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
903
904<a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'>
905<span itemprop='title'>Home</span></a>»
906<b:if cond='data:post.labels'>
907<b:loop values='data:post.labels' var='label'>
908<span typeof='v:breadcrumb'>
909<a expr:href='data:label.url' itemprop='url' property='v:title' rel='v:url' title='Categories'>
910<span itemprop='title'><data:label.name/></span>
911</a>
912</span>
913<b:if cond='data:label.isLast != "true"'>»
914</b:if>
915</b:loop>
916</b:if>
917
918
919</div>
920</b:if>
921 <h1><data:post.title/></h1>
922<div class='post-header col-l'>
923 <div class='author'><svg height='48' viewBox='0 0 48 48' width='48' xmlns='http://www.w3.org/2000/svg'><path d='M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 6c3.31 0 6 2.69 6 6 0 3.32-2.69 6-6 6s-6-2.68-6-6c0-3.31 2.69-6 6-6zm0 28.4c-5.01 0-9.41-2.56-12-6.44.05-3.97 8.01-6.16 12-6.16s11.94 2.19 12 6.16c-2.59 3.88-6.99 6.44-12 6.44z'/></svg> <name><a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'><span><data:post.author/>
924</span></a>
925</name></div>
926 <div class='date'>
927 <svg height='48' viewBox='0 0 48 48' width='48' xmlns='http://www.w3.org/2000/svg'><path d='M18 22h-4v4h4v-4zm8 0h-4v4h4v-4zm8 0h-4v4h4v-4zm4-14h-2V4h-4v4H16V4h-4v4h-2c-2.22 0-3.98 1.8-3.98 4L6 40c0 2.2 1.78 4 4 4h28c2.2 0 4-1.8 4-4V12c0-2.2-1.8-4-4-4zm0 32H10V18h28v22z'/></svg>
928 <b:eval expr='data:post.date format "dd MMM YYYY" '/>
929
930</div>
931 <div class='comment'>
932<b:if cond='data:post.allowComments'>
933 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
934 <svg height='48' viewBox='0 0 48 48' width='48' xmlns='http://www.w3.org/2000/svg'><path d='M43.98 8c0-2.21-1.77-4-3.98-4H8C5.79 4 4 5.79 4 8v24c0 2.21 1.79 4 4 4h28l8 8-.02-36zM36 28H12v-4h24v4zm0-6H12v-4h24v4zm0-6H12v-4h24v4z'/></svg>
935 <data:post.numComments/> Comments
936 </a>
937 </b:if></div>
938
939 </div>
940<div class='content'>
941<data:post.body/>
942 </div>
943 <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
944
945 </article>
946
947
948
949
950</b:includable>
951 <b:includable id='postQuickEdit' var='post'>
952 <b:if cond='data:post.editUrl'>
953 <span expr:class='"item-control " + data:post.adminClass'>
954 <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
955 <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
956 </a>
957 </span>
958 </b:if>
959</b:includable>
960 <b:includable id='shareButtons' var='post'>
961 <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></div></b:if>
962</b:includable>
963 <b:includable id='status-message'>
964
965</b:includable>
966 <b:includable id='threaded-comment-form' var='post'>
967 <div class='comment-form'>
968 <a name='comment-form'/>
969 <b:if cond='data:mobile'>
970 <p><data:blogCommentMessage/></p>
971 <data:blogTeamBlogMessage/>
972 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
973 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
974 <b:else/>
975 <p><data:blogCommentMessage/></p>
976 <data:blogTeamBlogMessage/>
977 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
978 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
979 </b:if>
980 <data:post.cmtfpIframe/>
981 <script type='text/javascript'>
982 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
983 </script>
984 </div>
985</b:includable>
986 <b:includable id='threaded_comment_js' var='post'>
987<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
988<script type='text/javascript'>
989(function() {
990var items = <data:post.commentJso/>;
991var msgs = <data:post.commentMsgs/>;
992var config = <data:post.commentConfig/>;
993// <![CDATA[
994var cursor = null;
995if (items && items.length > 0) {
996cursor = parseInt(items[items.length - 1].timestamp) + 1;
997}
998var bodyFromEntry = function(entry) {
999if (entry.gd$extendedProperty) {
1000for (var k in entry.gd$extendedProperty) {
1001if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
1002return '<span class="deleted-comment">' + entry.content.$t + '</span>';
1003}
1004}
1005}
1006return entry.content.$t;
1007}
1008var parse = function(data) {
1009cursor = null;
1010var comments = [];
1011if (data && data.feed && data.feed.entry) {
1012for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
1013var comment = {};
1014// comment ID, parsed out of the original id format
1015var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
1016comment.id = id ? id[2] : null;
1017comment.body = bodyFromEntry(entry);
1018comment.timestamp = Date.parse(entry.published.$t) + '';
1019if (entry.author && entry.author.constructor === Array) {
1020var auth = entry.author[0];
1021if (auth) {
1022comment.author = {
1023name: (auth.name ? auth.name.$t : undefined),
1024profileUrl: (auth.uri ? auth.uri.$t : undefined),
1025avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
1026};
1027}
1028}
1029if (entry.link) {
1030if (entry.link[2]) {
1031comment.link = comment.permalink = entry.link[2].href;
1032}
1033if (entry.link[3]) {
1034var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
1035if (pid && pid[1]) {
1036comment.parentId = pid[1];
1037}
1038}
1039}
1040comment.deleteclass = 'item-control blog-admin';
1041if (entry.gd$extendedProperty) {
1042for (var k in entry.gd$extendedProperty) {
1043if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
1044comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
1045}
1046}
1047}
1048comments.push(comment);
1049}
1050}
1051return comments;
1052};
1053var paginator = function(callback) {
1054if (hasMore()) {
1055var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
1056if (cursor) {
1057url += '&published-min=' + new Date(cursor).toISOString();
1058}
1059window.bloggercomments = function(data) {
1060var parsed = parse(data);
1061cursor = parsed.length < 50 ? null
1062: parseInt(parsed[parsed.length - 1].timestamp) + 1
1063callback(parsed);
1064window.bloggercomments = null;
1065}
1066url += '&callback=bloggercomments';
1067var script = document.createElement('script');
1068script.type = 'text/javascript';
1069script.src = url;
1070document.getElementsByTagName('head')[0].appendChild(script);
1071}
1072};
1073var hasMore = function() {
1074return !!cursor;
1075};
1076var getMeta = function(key, comment) {
1077if ('iswriter' == key) {
1078var matches = !!comment.author
1079&& comment.author.name == config.authorName
1080&& comment.author.profileUrl == config.authorUrl;
1081return matches ? 'true' : '';
1082} else if ('deletelink' == key) {
1083return config.baseUri + '/delete-comment.g?blogID='
1084+ config.blogId + '&postID=' + comment.id;
1085} else if ('deleteclass' == key) {
1086return comment.deleteclass;
1087}
1088return '';
1089};
1090var replybox = null;
1091var replyUrlParts = null;
1092var replyParent = undefined;
1093var onReply = function(commentId, domId) {
1094if (replybox == null) {
1095// lazily cache replybox, and adjust to suit this style:
1096replybox = document.getElementById('comment-editor');
1097if (replybox != null) {
1098replybox.height = '250px';
1099replybox.style.display = 'block';
1100replyUrlParts = replybox.src.split('#');
1101}
1102}
1103if (replybox && (commentId !== replyParent)) {
1104document.getElementById(domId).insertBefore(replybox, null);
1105replybox.src = replyUrlParts[0]
1106+ (commentId ? '&parentID=' + commentId : '')
1107+ '#' + replyUrlParts[1];
1108replyParent = commentId;
1109}
1110};
1111var hash = (window.location.hash || '#').substring(1);
1112var startThread, targetComment;
1113if (/^comment-form_/.test(hash)) {
1114startThread = hash.substring('comment-form_'.length);
1115} else if (/^c[0-9]+$/.test(hash)) {
1116targetComment = hash.substring(1);
1117}
1118// Configure commenting API:
1119var configJso = {
1120'maxDepth': config.maxThreadDepth
1121};
1122var provider = {
1123'id': config.postId,
1124'data': items,
1125'loadNext': paginator,
1126'hasMore': hasMore,
1127'getMeta': getMeta,
1128'onReply': onReply,
1129'rendered': true,
1130'initComment': targetComment,
1131'initReplyThread': startThread,
1132'config': configJso,
1133'messages': msgs
1134};
1135var render = function() {
1136if (window.goog && window.goog.comments) {
1137var holder = document.getElementById('comment-holder');
1138window.goog.comments.render(holder, provider);
1139}
1140};
1141// render now, or queue to render when library loads:
1142if (window.goog && window.goog.comments) {
1143render();
1144} else {
1145window.goog = window.goog || {};
1146window.goog.comments = window.goog.comments || {};
1147window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
1148window.goog.comments.loadQueue.push(render);
1149}
1150})();
1151// ]]>
1152</script>
1153</b:includable>
1154 <b:includable id='threaded_comments' var='post'>
1155 <div class='comments' id='comments'>
1156 <a name='comments'/>
1157 <h4><data:post.commentLabelFull/>:</h4>
1158
1159 <div class='comments-content'>
1160 <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
1161 <div id='comment-holder'>
1162 <data:post.commentHtml/>
1163 </div>
1164 </div>
1165
1166 <p class='comment-footer'>
1167 <b:if cond='data:post.allowNewComments'>
1168 <b:include data='post' name='threaded-comment-form'/>
1169 <b:else/>
1170 <data:post.noNewCommentsText/>
1171 </b:if>
1172 </p>
1173
1174 <b:if cond='data:showCmtPopup'>
1175 <div id='comment-popup'>
1176 <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
1177 </iframe>
1178 </div>
1179 </b:if>
1180
1181 <div id='backlinks-container'>
1182 <div expr:id='data:widget.instanceId + "_backlinks-container"'>
1183 <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
1184 </div>
1185 </div>
1186 </div>
1187</b:includable>
1188 </b:widget>
1189 </b:section>
1190 <b:section class='sidebar' id='sidebar' name='Sidebar' showaddelement='Yes'>
1191 <b:widget id='FeaturedPost1' locked='false' title='Featured post' type='FeaturedPost'>
1192 <b:widget-settings>
1193 <b:widget-setting name='showSnippet'>true</b:widget-setting>
1194 <b:widget-setting name='showPostTitle'>true</b:widget-setting>
1195 <b:widget-setting name='postId'>2963413987590673856</b:widget-setting>
1196 <b:widget-setting name='showFirstImage'>true</b:widget-setting>
1197 <b:widget-setting name='useMostRecentPost'>false</b:widget-setting>
1198 </b:widget-settings>
1199 <b:includable id='main'>
1200 <!-- Only display title if it's non-empty -->
1201 <b:if cond='data:title != ""'>
1202 <h2 class='title'><data:title/></h2>
1203 </b:if>
1204 <b:include name='content'/>
1205
1206 <b:include name='quickedit'/>
1207</b:includable>
1208 <b:includable id='content'>
1209 <div class='post-summary'>
1210 <b:if cond='data:showPostTitle and data:postTitle != ""'>
1211 <h3><a expr:href='data:postUrl'><data:postTitle/></a></h3>
1212 </b:if>
1213 <b:if cond='data:showSnippet and data:postSummary != ""'>
1214 <p>
1215 <data:postSummary/>
1216 </p>
1217 </b:if>
1218 <b:if cond='data:showFirstImage and data:postFirstImage != ""'>
1219 <img class='image' expr:src='data:postFirstImage'/>
1220 </b:if>
1221 </div>
1222
1223 <style type='text/css'>
1224 .image {
1225 width: 100%;
1226 }
1227 </style>
1228</b:includable>
1229 </b:widget>
1230 <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
1231 <b:widget-settings>
1232 <b:widget-setting name='numItemsToShow'>10</b:widget-setting>
1233 <b:widget-setting name='showThumbnails'>true</b:widget-setting>
1234 <b:widget-setting name='showSnippets'>true</b:widget-setting>
1235 <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
1236 </b:widget-settings>
1237 <b:includable id='main'>
1238 <b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
1239 <div class='widget-content popular-posts'>
1240 <ul>
1241 <b:loop values='data:posts' var='post'>
1242 <li>
1243 <b:if cond='!data:showThumbnails'>
1244 <b:if cond='!data:showSnippets'>
1245 <!-- (1) No snippet/thumbnail -->
1246 <a expr:href='data:post.href'><data:post.title/></a>
1247 <b:else/>
1248 <!-- (2) Show only snippets -->
1249 <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
1250 <div class='item-snippet'><data:post.snippet/></div>
1251 </b:if>
1252 <b:else/>
1253 <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
1254 <div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'>
1255 <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
1256 <div class='item-thumbnail'>
1257 <a expr:href='data:post.href' target='_blank'>
1258 <b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 72, "1:1") : data:post.thumbnail' var='image'>
1259 <img alt='' border='0' expr:src='data:image'/>
1260 </b:with>
1261 </a>
1262 </div>
1263 </b:if>
1264 <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
1265 <b:if cond='data:showSnippets'>
1266 <div class='item-snippet'><data:post.snippet/></div>
1267 </b:if>
1268 </div>
1269 <div style='clear: both;'/>
1270 </b:if>
1271 </li>
1272 </b:loop>
1273 </ul>
1274 <b:include name='quickedit'/>
1275 </div>
1276</b:includable>
1277 </b:widget>
1278 </b:section>
1279 <div class='clear'/>
1280 </div>
1281<footer>
1282
1283<div class='container col-l col-m'>
1284 <b:section class='l33 m33' id='footer-one' name='Footer One'>
1285 <b:widget id='HTML3' locked='false' title='' type='HTML'>
1286 <b:widget-settings>
1287 <b:widget-setting name='content'><![CDATA[HTML ahahhahah<br />html haahahahaa<div>HTML ahahhahah<br />html haahahahaa</div><div>HTML ahahhahah<br />html haahahahaa</div>]]></b:widget-setting>
1288 </b:widget-settings>
1289 <b:includable id='main'>
1290 <!-- only display title if it's non-empty -->
1291 <b:if cond='data:title != ""'>
1292 <h2 class='title'><data:title/></h2>
1293 </b:if>
1294 <div class='widget-content'>
1295 <data:content/>
1296 </div>
1297
1298 <b:include name='quickedit'/>
1299</b:includable>
1300 </b:widget>
1301 </b:section>
1302<b:section class='l33 m33' id='footer-two' name='Footer Two'>
1303 <b:widget id='Label1' locked='false' title='Labels' type='Label'>
1304 <b:widget-settings>
1305 <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
1306 <b:widget-setting name='display'>CLOUD</b:widget-setting>
1307 <b:widget-setting name='selectedLabelsList'/>
1308 <b:widget-setting name='showType'>ALL</b:widget-setting>
1309 <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
1310 </b:widget-settings>
1311 <b:includable id='main'>
1312 <b:if cond='data:title != ""'>
1313 <h2><data:title/></h2>
1314 </b:if>
1315 <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
1316 <b:if cond='data:display == "list"'>
1317 <ul>
1318 <b:loop values='data:labels' var='label'>
1319 <li>
1320 <b:if cond='data:blog.url == data:label.url'>
1321 <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
1322 <b:else/>
1323 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
1324 </b:if>
1325 <b:if cond='data:showFreqNumbers'>
1326 <span dir='ltr'>(<data:label.count/>)</span>
1327 </b:if>
1328 </li>
1329 </b:loop>
1330 </ul>
1331 <b:else/>
1332 <b:loop values='data:labels' var='label'>
1333 <span expr:class='"label-size label-size-" + data:label.cssSize'>
1334 <b:if cond='data:blog.url == data:label.url'>
1335 <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
1336 <b:else/>
1337 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
1338 </b:if>
1339 <b:if cond='data:showFreqNumbers'>
1340 <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
1341 </b:if>
1342 </span>
1343 </b:loop>
1344 </b:if>
1345 <b:include name='quickedit'/>
1346 </div>
1347</b:includable>
1348 </b:widget>
1349</b:section>
1350<b:section class='l33 m33' id='footer-three' name='Footer Three'>
1351 <b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'>
1352 <b:includable id='main'>
1353 <b:if cond='data:title != ""'>
1354 <h2 class='title'><data:title/></h2>
1355 </b:if>
1356 <div class='contact-form-widget'>
1357 <div class='form'>
1358 <form name='contact-form'>
1359 <p/>
1360 <data:contactFormNameMsg/>
1361 <br/>
1362 <input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' name='name' size='30' type='text' value=''/>
1363 <p/>
1364 <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
1365 <br/>
1366 <input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' name='email' size='30' type='text' value=''/>
1367 <p/>
1368 <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
1369 <br/>
1370 <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' name='email-message' rows='5'/>
1371 <p/>
1372 <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/>
1373 <p/>
1374 <div style='text-align: center; max-width: 222px; width: 100%'>
1375 <p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/>
1376 <p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/>
1377 </div>
1378 </form>
1379 </div>
1380 </div>
1381 <b:include name='quickedit'/>
1382</b:includable>
1383 </b:widget>
1384</b:section>
1385 </div>
1386</footer><p id='copyright'><data:blog.title/>&copy; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script></p>
1387 <!--</body>--> </body>
1388</html>