Por favor, crea un código para una plantilla web para wordpress (Index.php, Style.css, Script.js, Function.php, Child Theme), inspirada en el siguiente código:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:responsive='true' expr:dir='data:blog.languageDirection' lang='en-US' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
 <head>
 <meta content='width=device-width, initial-scale=1' name='viewport'/>
  <b:include data='blog' name='all-head-content'/>
  <title>#1 YouTube Thumbnail Image View and Download &#9654; Grab and Get Unlimited YouTube HD Thumbnails free</title>
      
  <meta content='Get high-quality Youtube and Vimeo thumbnail images for free with this convenient online tool. Download unlimited HD thumbnails by simply entering the video link. Choose the quality you prefer and enhance your SEO strategy with captivating visuals. Try it now!' name='description'/>
   
  <meta content='youtube thumbnail grabber, youtube thumbnail downloader, youtube thumbnail downloader hd, download youtube thumbnail 4k, youtube thumbnail downloader online, youtube thumbnail downloader 1080p,download HD thumbnail images, thumbnail extractor, video thumbnail downloader, download youtube jpg' name='keywords'/>
   
   
   <meta content='4464652EDBFB81F8ABCB1E2E216B5AA6' name='msvalidate.01'/>
   <meta content='2675bf78f0c22072' name='yandex-verification'/>
   
   
	<meta content='index, follow' name='robots'/>
	<meta content='3 days' name='revisit-after'/>
	<meta content='English' name='language'/>
	<meta content='USA' name='geo.country'/>
	<meta content='Coro' name='geo.placename'/>
	<meta content='global' name='distribution'/>
	<meta content='true' name='MSSmartTagsPreventParsing'/>
	<meta content='general' name='rating'/>
    <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
   
	<link href='/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
    <link href='https://www.youtubethumbnailgrabber.online/' rel='canonical'/>
	
  <b:skin><![CDATA[
  
    body{background:#f6f6f6}

<script type='text/javascript' src='//defroststringbenignity.com/26/aa/25/26aa254a225e8457c23823c410353e89.js'></script>

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js' type='text/javascript'></script>
   ]]></b:skin>
 
   
   <script>
    if (window.location.href.indexOf(&#39;?m=1&#39;) &gt; -1) {
        window.location.href = window.location.href.replace(&#39;?m=1&#39;, &#39;&#39;);
    }
</script>
   
   
   <script async='async' src='https://platform-api.sharethis.com/js/sharethis.js#property=672fd4889091730012acefb3&amp;product=inline-share-buttons' type='text/javascript'/>
   
  </head>
 <body>
  <b:section class='main' id='main' showaddelement='yes'>
    <b:widget id='HTML3' locked='false' title='' type='HTML'>
      <b:widget-settings>
        <b:widget-setting name='content'><![CDATA[<!-- GOOGLE ANALYTICS CODE HERE -->

		<nav class="nav" style='background: #e60023;'>
			<div class="nav-container" style="width: 100%;max-width:100%;padding-left:20px;">
				<a href="/">
					<h1 class="nav-title" style='font-size: 24px; color: #FFF;'>Download Youtube and Vimeo Thumbnails Free</h1>
				</a>

				<ul style="padding-right:20px;">
    <li><a rel="dofollow" href="https://www.shotcut.pro/" target="_blank"><b>Free Video Editor for Windows, Linux and MacOS</b></a></li>
    <li><a rel="noopener noreferrer" href="https://www.vidiq.com/fredalvmac" target="_blank"><b>Grow your YouTube Channel Fast</b></a></li>
</ul>
			</div>
		</nav>

<main style='margin: 0 auto;'>

<div class='bodyContainer'>
<br />
<header style='margin-top: 20px; margin-bottom: 20px;'>
	<p style='text-align: center;'>Grab and save high-quality video thumbnails from YouTube or Vimeo using our efficient tool. Our tool supports thumbnails from videos in various resolutions, including 4k, 2k, 1080p, and more.</p>
</header>



<center><script type="text/javascript">
	atOptions = {
		'key' : '4c11c498aea3aaffc5d464c33270c18a',
		'format' : 'iframe',
		'height' : 90,
		'width' : 728,
		'params' : {}
	};
</script>
<script type="text/javascript" src="//defroststringbenignity.com/4c11c498aea3aaffc5d464c33270c18a/invoke.js"></script></center>



<div class='container'>
<table style='width: 65%;'>

<form class='downloadForm' onsubmit="event.preventDefault(); initDownloadLinks();">

		<tr><td><input aria-label='input URL ' class='form-control col-lg-6' id='inputURL' placeholder='Simply paste the YOUTUBE video URL here' type='text'/></td></tr>
 <tr><td><input type='submit' class='btn btn-default' id='submitButton' type='button' style='background: #e60023; font-weight: bold;' value='Get Thumbnail image' /></td></tr>
</form>
</table>

<div class='bodyContainer'>
<br />

<!-- ShareThis BEGIN --><div class="sharethis-inline-share-buttons"></div><!-- ShareThis END -->

<br />
<div class="sop"></div>

<script>
window.setInterval (BlinkIt, 500);
var color = 'red';
function BlinkIt () {
var blink = document.getElementById ('blink');
color = (color == '#f0f7fd')? '#5ca317' : '#f0f7fd';
blink.style.color = color;
blink.style.fontSize='16px';}
</script>
<div id='blink'; style='text-align: center;'>
<b>This tool will be compatible with Rumble thumbnail images Soon.</b>
</div>

<br />



<center><script type="text/javascript">
	atOptions = {
		'key' : 'dd12b336195301a4fe148caa618cde17',
		'format' : 'iframe',
		'height' : 250,
		'width' : 300,
		'params' : {}
	};
</script>
<script type="text/javascript" src="//defroststringbenignity.com/dd12b336195301a4fe148caa618cde17/invoke.js"></script></center>




<div style="width:100%; margin-top: 20px;"> </div>
<div id="imgListing"class='imgListing' style="width:100%;left:0px">
	<div id='topListing' style="display: none">
		<h5 class="right-click-info">Right Click and click on 'Save Image As..' to save the images.</h5>
		<h5 id='hdrestext'>HD Image (1280x720)</h5>
		<a id="hdreslink" class="download-btn">Download HQ Thumbnail</a>
		<img id="maxres" src="" loading="eager" />
		<h5 id='sdrestext'>SD Image (640x480)</h5>
		<a id="sdreslink" class="download-btn">Download SD Thumbnail 480p</a>
		<img id="sdres" src="" loading="auto" />
	</div>

	<div id='bottomListing' style="display: none">
		<h5 id='normalrestext'>Normal Image (480x360)</h5>
		<a id="hqreslink" class="download-btn">Download Normal SD Thumbnail 360p</a>
		<img id="hqres" src="" loading="lazy" />
		<div id='extraYTImg'>
		<h5>Normal Image (320x180)</h5>
		<a id="mqreslink" class="download-btn">Download Normal SD Thumbnail 180p</a>
		<img id="mqres" src="" loading="lazy" />
		<h5>Normal Image (120x90)</h5>
		<a id="defreslink" class="download-btn">Download Low SD Thumbnail 90p</a>
		<img id="defres" src="" loading="lazy" />
	</div>
</div>

</div>

<!-- FOOTER TEXT -->

<div style='text-align: left;'>
<h2>How to Download a HD Youtube or Vimeo Thumbnail</h2>
<ol>
	<li>Visit the <a rel="dofollow" href="https://www.youtube.com/" title="YouTube"><b>YouTube</b></a> or <a rel="dofollow" href="https://www.vimeo.com/" title="Vimeo"><b>Vimeo</b></a> website and locate the desired video thumbnail you want.</li>
	<li>Simply Copy the video URL and paste it in the Input Text Box above.</li>
	<li>Click on the '<b>Get Thumbnail Image</b>' button or press enter to initiate the search process.</li>
	<li>Choose the desired resolution for the thumbnail image and click the download button.</li>
	<li>Your download request will be promptly processed, and the thumbnail image will be saved to your device's storage.</li>
</ol>
</div>

<div style='text-align: left;'>
<h2>YouTube and Vimeo Video Thumbnail Download Hub Online Tool - FAQ's</h2>
<ul class="acorh">
  <li><a href="#"><h3>What is the swiftest YouTube Thumbnail Download Tool?</h3></a>
    <ul>
      <li>- Our tool is one of the fastest YouTube Thumbnail Downloaders available, ensuring a quick and user-friendly download process.</li>
    </ul>
  </li>

  <li><a href="#"><h3>Is this Service free & unlimited for real?</h3></a>
    <ul>
      <li>- Yes, our online service is completely free and unlimited, with no software installation or account creation necessary.</li>
    </ul>
  </li>

  <li><a href="#"><h3><b>Is this website tool safe to use?</b></h3></a>
    <ul>
      <li>- Rest assured that our website tool is secure to use, as we prioritize cybersecurity and utilize the latest https protocol to protect our users..</li>
    </ul>
  </li>

  <li><a href="#"><h3>What qualities are available for thumbnail images files?</h3></a>
    <ul>
      <li>- Enjoy thumbnail images in various high-quality resolutions, including (HD) 4k, 2k, 1080p, (HQ) 720p, and (SD) 480p, 360p, 240p, 120p in JPG format.</li>
    </ul>
  </li>
  
</ul>
</div>

<div style='padding: 10px; float: right; width: 33%; text-align: left;'>
<ul>
<li><a rel="noopener" href="/p/privacy-policy.html" title="Privacy Policy" target="_blank">Privacy Policy</a></li>
<li><a rel="noopener" href="/p/cookies-policy.html" title="Cookies Policy" target="_blank">Cookies</a></li>
</ul></div>

<div style='padding: 10px; float: right; width: 33%; text-align: left;'>
<ul>
<li><a rel="noopener" href="/p/about-us.html" title="About us" target="_blank">About us</a></li>
<li><a rel="noopener" href="/p/disclaimer.html" title="Disclaimer" target="_blank">Disclaimer</a></li>
</ul></div>

<div style='padding: 10px; float: right; width: 33%; text-align: left;'>
<ul>
<li><a rel="noopener" href="/p/contact-us.html" title="Contact" target="_blank">Contact us</a></li>
<li><a rel="noopener" href="/p/sitemap.html" title="Sitemap" target="_blank">Sitemap</a></li>
</ul></div>
</div>

<div class='container' style='text-align: center;'>
<a href="/" title="YouTube Thumbnail Downloader Hub Online" target="_blank"><b>YouTube Thumbnail Downloader Hub Online  </b></a>  © 2023
</div>

</div>


</div></main>]]></b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
    </b:widget>
    <b:widget id='HTML2' locked='false' title='' type='HTML'>
      <b:widget-settings>
        <b:widget-setting name='content'><![CDATA[<style>
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:1.5}html,body{color:#555;margin:0;padding:0}html{font-family:"Ubuntu","Open Sans",Oswald;font-size:16px;overflow-y:scroll}@media (min-width: 600px){html{font-size:16px}}body{-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6{color:#353535;font-family:"Teko","Open Sans",Oswald;line-height:normal}a{color:#4a9ae1;text-decoration:none}blockquote{border-left:0.25rem solid #e5e5e5;color:#979797;margin:.8rem 0;padding:.5rem 1rem}blockquote p:last-child{margin-bottom:0}@media (min-width: 600px){blockquote{padding:0 5rem 0 1.25rem}}img{display:block;margin:0 0 1rem;max-width:100%}td{vertical-align:top}pre,code{font-family:Menlo,Monaco,monospace}code{background-color:#f9f9f9;border-radius:3px;color:#bf616a;font-size:85%;padding:.25em .5em}pre{margin:0 0 1rem}pre code{background-color:solid;color:inherit;font-size:100%;padding:0}.highlight{background-color:#f9f9f9;border-radius:3px;line-height:1.4;margin:0 0 1rem;padding:1rem}.highlight pre{margin-bottom:0;overflow-x:auto}.highlight .lineno{color:#aaa;display:inline-block;padding:0 .75rem 0 .25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.post{padding:3rem 0}.post-info{color:#aaa;font-family:Palatino,"Palatino LT STD","Palatino Linotype","Book Antiqua","Georgia",serif;letter-spacing:0.5px;text-align:center}.post-info span{font-style:italic}.post-title{color:#353535;font-family:"Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-size:4rem;margin:1rem 0;text-align:center}.post-line{border-top:0.4rem solid #353535;display:block;margin:0 auto 3rem;width:4rem}.post p{margin:0 0 1rem;text-align:justify}.post a:hover{text-decoration:underline}.post img{margin:0 auto 0.5rem}.post img+em{color:#aaa;display:block;font-family:"Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-size:0.9rem;font-style:normal;text-align:center}.post img.emoji{display:inline-block;left:0;transform:none;width:1rem;height:1rem;vertical-align:text-top;padding:0;margin:0}.highlight .hll{background-color:#ffc}.highlight .c{color:#999}.highlight .err{color:#a00;background-color:#faa}.highlight .k{color:#069}.highlight .o{color:#555}.highlight .cm{color:#09f;font-style:italic}.highlight .cp{color:#099}.highlight .c1{color:#999}.highlight .cs{color:#999}.highlight .gd{background-color:#fcc;border:1px solid #c00}.highlight .ge{font-style:italic}.highlight .gr{color:#f00}.highlight .gh{color:#030}.highlight .gi{background-color:#cfc;border:1px solid #0c0}.highlight .go{color:#aaa}.highlight .gp{color:#009}.highlight .gu{color:#030}.highlight .gt{color:#9c6}.highlight .kc{color:#069}.highlight .kd{color:#069}.highlight .kn{color:#069}.highlight .kp{color:#069}.highlight .kr{color:#069}.highlight .kt{color:#078}.highlight .m{color:#f60}.highlight .s{color:#d44950}.highlight .na{color:#4f9fcf}.highlight .nb{color:#366}.highlight .nc{color:#0a8}.highlight .no{color:#360}.highlight .nd{color:#99f}.highlight .ni{color:#999}.highlight .ne{color:#c00}.highlight .nf{color:#c0f}.highlight .nl{color:#99f}.highlight .nn{color:#0cf}.highlight .nt{color:#2f6f9f}.highlight .nv{color:#033}.highlight .ow{color:#000}.highlight .w{color:#bbb}.highlight .mf{color:#f60}.highlight .mh{color:#f60}.highlight .mi{color:#f60}.highlight .mo{color:#f60}.highlight .sb{color:#c30}.highlight .sc{color:#c30}.highlight .sd{color:#c30;font-style:italic}.highlight .s2{color:#c30}.highlight .se{color:#c30}.highlight .sh{color:#c30}.highlight .si{color:#a00}.highlight .sx{color:#c30}.highlight .sr{color:#3aa}.highlight .s1{color:#c30}.highlight .ss{color:#fc3}.highlight .bp{color:#366}.highlight .vc{color:#033}.highlight .vg{color:#033}.highlight .vi{color:#033}.highlight .il{color:#f60}.css .o,.css .o+.nt,.css .nt+.nt{color:#999}.container{margin:0 auto;max-width:800px;width:80%}main,footer,.nav-container{display:block;margin:0 auto;max-width:800px;width:80%}.nav{box-shadow:0 2px 2px -2px rgba(0,0,0,0.2);overflow:auto}.nav-container{margin:1rem auto;position:relative;text-align:center}.nav-title{-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;transition:all 0.2s ease-out;color:#555;display:inline-block;margin:0;padding-right:.2rem}.nav-title:hover,.nav-title:focus{opacity:.6}.nav ul{list-style-type:none;margin:1rem 0 0;padding:0;text-align:center}.nav li{-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;transition:all 0.2s ease-out;color:#555;display:inline-block;opacity:.85;padding:0 2rem 0 0}.nav li:last-child{padding-right:0}.nav li:hover,.nav li:focus{opacity:1}.nav a{color:#fff;font-family:"Yanone Kaffeesatz","Segoe UI",Helvetica,Arial,sans-serif}@media (min-width: 600px){.nav-container{text-align:left}.nav ul{bottom:0;position:absolute;right:0}}footer{font-family:Palatino,"Palatino LT STD","Palatino Linotype","Book Antiqua","Georgia",serif;padding:2rem 0;text-align:center}footer span{color:#555;font-size:.8rem}.pagination{border-top:0.5px solid #e5e5e5;font-family:Palatino,"Palatino LT STD","Palatino Linotype","Book Antiqua","Georgia",serif;padding-top:2rem;position:relative;text-align:center}.pagination span{color:#353535;font-size:1.1rem}.pagination .top{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;color:#555;font-family:"Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-size:1.1rem;opacity:.6}.pagination .top:hover{opacity:1}.pagination .arrow{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;color:#555;position:absolute}.pagination .arrow:hover,.pagination .arrow:focus{opacity:.6;text-decoration:none}.pagination .left{left:0}.pagination .right{right:0}.catalogue-item{border-bottom:1px solid #e5e5e5;color:#555;display:block;padding:2rem 0}.catalogue-item:hover .catalogue-line,.catalogue-item:focus .catalogue-line{width:5rem}.catalogue-item:last-child{border:0}.catalogue-time{color:#aaa;font-family:Palatino,"Palatino LT STD","Palatino Linotype","Book Antiqua","Georgia",serif;letter-spacing:.5px}.catalogue-title{color:#353535;display:block;font-family:"Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-size:2rem;font-weight:700;margin:.5rem 0}.catalogue-line{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;border-top:0.2rem solid #353535;display:block;width:2rem}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}footer,header,nav{display:block}a{background-color:transparent}a:active,a:hover{outline:0}strong{font-weight:700}h1{margin:.67em 0;font-size:2em}small{font-size:80%}img{border:0}svg:not(:root){overflow:hidden}button,input{margin:0;font:inherit;color:inherit}button{overflow:visible}button{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{font-family:"Ubuntu","Noto Sans",Oswald;font-size:15px;line-height:1.42857143;color:#333;background-color:#f0f7fd}button,input{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#e60023;text-decoration:none}img{vertical-align:middle;margin:0 auto}[role=button]{cursor:pointer}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.small,small{font-size:85%}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}table{background-color:transparent}.table{width:100%;max-width:100%;margin-bottom:20px}.table .table{background-color:#fff}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-]{position:static;display:table-cell;float:none}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #99a4af;border-radius:6px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly]{background-color:#eee;opacity:1}.form-control[disabled]{cursor:not-allowed}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:34px}input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}@media (min-width:768px){.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .control-label{margin-bottom:0;vertical-align:middle}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:6px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#f6f6f6;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled]{cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled{pointer-events:none}.btn-default{color:#fff;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#dadbdd;background-color:#e6e6e6;border-color:#adadad}.nav{padding-left:0;margin-bottom:0;list-style:none}.container-fluid:after,.container-fluid:before,.container:after,.container:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.row:after,.row:before{display:table;content:" "}.container-fluid:after,.container:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.row:after{clear:both}#inputURL{width:100%}.bodyContainer{width:100%;position:relative;padding-left:0;padding-right:0}.footer{width:100%;height:60px;background-color:#f5f5f5;position:absolute;bottom:0}.container{width:auto;padding:0 15px}.container{width:100%;max-width:100%;text-align:center;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:0;margin-left:0}footer p{margin-bottom:0}.input-form{width:100%}.downloadForm{width:100%;height:75px}.navbar-header .topHeader{background:0 0}.navbar-header .container-fluid{padding-left:0}.adContainer{width:100%;margin-top:30px;height:150px;max-width:700px;overflow:hidden}.card{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:400px;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card-body{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem;font-weight:bolder}@media only screen and (min-width:700px){.row.container-fluid .card.text-center{display:inline-block;width:37%}}@media only screen and (max-width:700px){.row.container-fluid{display:none}}@media only screen and (max-width:600px){.right-header{display:none}}.row.container-fluid{text-align:center;margin-top:100px}.footer-container{position:fixed;left:calc(50% - 84px);bottom:0}#sidebar,.hider *{display:none}.row *{font-size:16px;display:inline-block}body>div.row.container-fluid.extra-info{margin-top:10px}.input-url{width:400px;font-size:18px}#container>div{text-align:center}.submitBtn{padding:6px}.post-title{font-size:2rem!important}.imgContainer{width:100vw}main{width:100%;max-width:100%}.downloadForm{max-width:700px}.imgListing *{text-align:center;font-weight:bolder;font-size:17px}.lg-ad{width:calc(100% - 160px);margin:0 auto}@media only screen and (max-width:600px){#list2Ad{display:none}.container,.lg-ad{width:100%;height:90px!important}.col-lg-1{display:none}}.download-btn{padding:5px;color:#fff;background-color:#e60023;text-align:center;border:1px solid #ccc;border-radius:6px}@media (min-width:800px){h1{padding-right:100px}}@media (min-width:600px){main{width:calc(100% - 170px);padding:0;margin:0}.lg-ad{right:-170px!important}}

/* Acordeon blogger start 
------------------------------------------------*/
ul.acorh,
ul.acorh * {
margin: 0;
padding: 0;
border: 0;
}
ul.acorh {
margin: 10px auto;
padding: 0;
list-style: none;
width: auto%;
font-family: Teko;
font-size: 28px;
}
ul.acorh li {
margin: 10px;
list-style: none;
}
ul.acorh li a {
display: block;
padding: 10px 10px 10px 10px;
background: #dbebfa;
color: #fff;
border-bottom: 1px solid #afbcc8;
border-top: 1px solid #afbcc8;
border-left: 1px solid #afbcc8;
border-right: 1px solid #afbcc8;
text-decoration: none;
box-sizing: border-box;
}
ul.acorh li ul {
max-height: 0;
margin: 0;
padding: 0;
list-style: none;
font-family: Ubuntu;
font-size: 18px;
overflow: hidden;
transition: .3s all ease-in;
}
ul.acorh li li a {
background: #f3f3f3;
color: #000;
font-size: 16px;
border: 0;
border-bottom: 1px solid #ccc;
box-sizing: border-box;
}
ul.acorc li li:last-child a {
border-bottom: 0;
}
ul.acorh li:hover ul {
max-height: 300px;
transition: .3s all ease-in;
}
ul.acorh li a:hover {
background: #c5d3e1;
color: #fff;
}

</style>]]></b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
    </b:widget>
    <b:widget id='HTML4' locked='false' title='' type='HTML'>
      <b:widget-settings>
        <b:widget-setting name='content'><![CDATA[<script type='text/javascript'>
function initDownloadLinks (e) {
    var value = document.getElementById("inputURL").value;
    console.log(value);
    var isVimeo = checkVimeo(value);
    console.log(isVimeo)
    if (isVimeo) {
        isVimeo = isVimeo[isVimeo.length - 1];
        getVimeoDetails(isVimeo);
        return 0;
    }
    var result = (extractValue(value));
    if (result === 0) {
        return 0;
    }
    appendImages(result);
    return false;
}
function initFunction () {
    documentReady();

    document.getElementById("submitButton").onclick = function (e) {
        initDownloadLinks(e);
    }
}
function setDisplay (value) {
    var arrayOfElements = document.getElementsByClassName('download-bt');
    var lengthOfArray = arrayOfElements.length;

    for (var i = 0; i < lengthOfArray; i++) {
        arrayOfElements[i].style.display = value;
    }
}

    function appendVimeoVideos (hdLink, mdLink, sdLink) {
        setDisplay("none");
        document.getElementsByClassName('right-click-info')[0].style.display = "block";

        document.getElementById("hdrestext").textContent = "HD Image (640x480)";
        document.getElementById("sdrestext").textContent = "SD Image (200x150)";
        document.getElementById("normalrestext").textContent = "Normal Image (100x74)";
        document.getElementById("imgListing").style.display = "block";
        document.getElementById("bottomListing").style.display = "block";
        document.getElementById("topListing").style.display = "block";
        var element = document.getElementById("maxres")
        element.setAttribute("src", hdLink);
        element.style.display = "block";
        element = document.getElementById("hqres");
        element.setAttribute("src", sdLink);
        element.style.display = "block";
        element = document.getElementById("sdres");
        element.setAttribute("src", mdLink);
        document.getElementById("extraYTImg").style.display = "none";
        document.getElementById("hdreslink").style.display = "none";
        document.getElementById("sdreslink").style.display = "none";
        document.getElementById("hqreslink").style.display = "none";
    }

    function checkVimeo (data) {
        var res = data.match(/https?:\/\/(?:www\.|player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/([^\/]*)\/videos\/|album\/(\d+)\/video\/|video\/|)(\d+)(?:$|\/|\?)/)
        return res;
    }

    function getVimeoDetails (link) {
        var xmlhttp = new XMLHttpRequest();

        xmlhttp.onreadystatechange = function () {
            if (xmlhttp.readyState == XMLHttpRequest.DONE) {   // XMLHttpRequest.DONE == 4
                if (xmlhttp.status == 200) {
                    var data = (JSON.parse(xmlhttp.responseText));
                    appendVimeoVideos(data[0].thumbnail_large, data[0].thumbnail_medium, data[0].thumbnail_small);
                }
                else if (xmlhttp.status == 400) {
                    alert("There is no video in the vimeo link you have given");
                }
                else {
                    alert("There is no video in the vimeo link you have given");
                }
            }
        };

        xmlhttp.open("GET", 'https://vimeo.com/api/v2/video/' + link + '.json', true);
        xmlhttp.send();

    }
    function isMaxResAvailable (result) {
        var img = new Image()
        img.onload = function () {
            if (this.width < 1280) {

                document.getElementById("hdreslink").style.display = "none";
                document.getElementById("hdrestext").textContent = "High resolution not available";
                isSDAvailalbe(result);
            } else {
                document.getElementById("hdrestext").textContent = "HD Image (1280x720)";
            }
        }
        img.onerror = function () {
            document.getElementById("sdrestext").textContent = "High resolution not available";
            isSDAvailalbe(result);
        }
        img.src = "https://img.youtube.com/vi/" + result + "/maxresdefault.jpg";

    }
    function isImageAvailable () {

        alert("Please check the youtube video link. It appears the video link is broken.")


    }
    function isSDAvailalbe (result) {
        var img = new Image()
        img.onload = function () {
            if (this.width === 120 && this.height === 90) {
                document.getElementById("sdrestext").textContent = "Standard Quality not available";
                document.getElementById("sdreslink").style.display = "none";
            } else {
                document.getElementById("sdrestext").textContent = "SD Image (640x480)";
            }
        }
        img.onerror = function () {
            document.getElementById("sdrestext").textContent = "Standard Quality not available";

        }
        img.src = "https://img.youtube.com/vi/" + result + "/sddefault.jpg";

    }

    function appendImages (result) {
        //document.getElementsByClassName("download-btn").style.display = "block";
        setDisplay("block");

        document.getElementsByClassName('right-click-info')[0].style.display = "none";

        document.getElementById("hdreslink").style.display = "inline";
        document.getElementById("sdreslink").style.display = "inline";
        document.getElementById("hqreslink").style.display = "inline";
        document.getElementById("inputURL").value = "https://youtube.com/watch?v=" + result;
        document.getElementById("imgListing").style.display = "block";
        document.getElementById("bottomListing").style.display = "block";
        document.getElementById("topListing").style.display = "block";
        document.getElementById("hdrestext").textContent = "HD Image (1280x720)";
        document.getElementById("sdrestext").textContent = "SD Image (640x480)";
        document.getElementById("normalrestext").textContent = "Normal Image (480x360)";
        document.getElementById("maxres").setAttribute("src", "https://img.youtube.com/vi/" + result + "/maxresdefault.jpg");//.removeClass("disabled");
        document.getElementById("sdres").setAttribute("src", "https://img.youtube.com/vi/" + result + "/sddefault.jpg");
        document.getElementById("hqres").setAttribute("src", "https://i3.ytimg.com/vi/" + result + "/hqdefault.jpg");
        document.getElementById("mqres").setAttribute("src", "https://img.youtube.com/vi/" + result + "/mqdefault.jpg");
        document.getElementById("defres").setAttribute("src", "https://img.youtube.com/vi/" + result + "/default.jpg");

	document.getElementById("hdreslink").href = "https://img.youtube.com/vi/" + result + "/maxresdefault.jpg";
        document.getElementById("sdreslink").href = "https://img.youtube.com/vi/" + result + "/sddefault.jpg";
        document.getElementById("hqreslink").href = "https://i3.ytimg.com/vi/" + result + "/hqdefault.jpg";
        document.getElementById("mqreslink").href = "https://img.youtube.com/vi/" + result + "/mqdefault.jpg";
	document.getElementById("defreslink").href = "https://img.youtube.com/vi/" + result + "/default.jpg";
        isMaxResAvailable(result);

        document.getElementById("extraYTImg").style.display = "block";
    }

    function extractValue (data) {
        console.log(data)
        var res = data.match(/(?:https?:\/{2})?(?:w{3}\.)?youtu(?:be)?\.(?:com|be)(?:\/watch\?v=|\/)([^\s&]+)/)
        if (res == undefined) {
            alert("Please enter a youtube URL to continue");
            return 0;
        }
        return res[1];
    }


    function showAlertInfo (info) {
        var div = document.createElement("div");
        div.setAttribute("class", "alert alert-info alert-dismissable fade in " + info);
        div.setAttribute("id", "alertBanner");
        var aTag = document.createElement("a");
        a.setAttribute(href, "#");
        a.setAttribute("class", "close");
        a.setAttribute("aria-label", "close");
        a.setAttribute("text", "x");
        a.setAttribute("data-dismiss", "alert");
        div.appendChild(a);
        div.appendChild(html);
        document.getElementById("images").appendChild(div);
    }
    function documentReady () {

        (function () {
            function getQueryStringValue (key) {
                return decodeURIComponent(window.location.search.replace(new RegExp("^(?:.*[&\\?]" + encodeURIComponent(key).replace(/[\.\+\*]/g, "\\$&") + "(?:\\=([^&]*))?)?.*$", "i"), "$1"));
            }
            var id = getQueryStringValue('id');
            var type = getQueryStringValue("type");
            if (type == "vimeo") {
                document.getElementById("inputURL").value = "https://vimeo.com/" + id
                var vimId = checkVimeo("https://www.vimeo.com/" + id);
                vimId = vimId[vimId.length - 1];

                getVimeoDetails(vimId);
                return 0;
            }
            if (id !== "") {
                appendImages(id);
            }

        }());
    };
    initFunction();
</script>]]></b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
    </b:widget>
  </b:section>
 
<script src='//defroststringbenignity.com/b5/78/0a/b5780a407371ecb4410aa7dc8e43c220.js' type='text/javascript'/>
   
     </body>
</html>