<div class='testimonitemplate revealer' id='konten'>
<p class='title-konten'>Mengapa harus menggunakan template Kode Jarwo?</p>
<div class='wrappergrid testitema'>
<div class='testimoni-template'>
<div class='logo-testitema'>
<svg viewBox='0 -61 512 512' xmlns='http://www.w3.org/2000/svg'><path d='m362 60.761719v-30.761719h30v-30h-90v30h30v30.761719c-83.96875 7.613281-150 78.320312-150 164.238281 0 90.980469 74.019531 165 165 165s165-74.019531 165-165c0-85.917969-66.03125-156.628906-150-164.238281zm90 179.238281h-120v-120h30v90h90zm0 0'></path><path d='m0 210h121v30h-121zm0 0'></path><path d='m30 120h122v30h-122zm0 0'></path><path d='m30 300h122v30h-122zm0 0'></path></svg>
</div>
<div class='judul-testitema'>Full Speed</div>
<div class='isi-testitema'>
Template Kode Jarwo terkenal dengan kecepatan load nya yang cepat. Hampir semua template Kode Jarwo memiliki speed dibawah 2 detik!
</div>
</div>
<div class='testimoni-template'>
<div class='logo-testitema'>
<svg style='enable-background:new 0 0 512.085 512.085;' version='1.1' viewBox='0 0 512.085 512.085' x='0px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' y='0px'><g><g><g><path d='M283.648,228.544c8.064,8.064,22.101,8.064,30.165,0c4.032-4.032,6.251-9.387,6.251-15.104c0-5.696-2.219-11.051-6.251-15.083l-15.083-15.083c-4.032-4.011-9.387-6.229-15.083-6.229s-11.051,2.219-15.083,6.229c-4.032,4.032-6.251,9.387-6.251,15.083c0,5.717,2.219,11.072,6.251,15.104L283.648,228.544z'></path><path d='M505.429,357.205c-0.939-2.816-3.029-5.099-5.739-6.315c-2.709-1.216-5.781-1.259-8.533-0.085c-4.907,2.112-10.731,0.299-13.312-4.139c-2.645-4.565-1.344-10.283,3.072-13.611c2.368-1.792,3.904-4.48,4.203-7.445c0.299-2.944-0.64-5.888-2.603-8.128c-17.387-19.797-39.808-32.896-64.811-37.845c-2.965-0.64-6.016,0.085-8.427,1.877c-2.411,1.771-3.968,4.501-4.288,7.488c-0.555,5.504-4.992,9.664-10.283,9.664c-5.291,0-9.728-4.139-10.283-9.664c-0.32-2.987-1.856-5.717-4.288-7.488c-2.432-1.771-5.525-2.496-8.427-1.877c-25.003,4.971-47.424,18.069-64.811,37.845c-1.963,2.219-2.901,5.184-2.603,8.128c0.299,2.944,1.813,5.653,4.181,7.424c4.416,3.328,5.717,9.067,3.093,13.611c-2.56,4.416-8.405,6.208-13.312,4.139c-2.731-1.173-5.824-1.131-8.533,0.085c-2.709,1.216-4.779,3.499-5.739,6.293c-4.459,13.141-6.635,25.408-6.635,37.461s2.176,24.32,6.635,37.461c0.96,2.816,3.029,5.099,5.739,6.293c2.709,1.216,5.803,1.237,8.533,0.085c4.949-2.069,10.752-0.277,13.312,4.139c2.645,4.544,1.344,10.283-3.093,13.611c-2.368,1.771-3.883,4.48-4.181,7.424c-0.299,2.944,0.64,5.888,2.603,8.128c17.387,19.797,39.808,32.896,64.811,37.845c2.88,0.597,5.995-0.085,8.427-1.877s3.968-4.501,4.288-7.488c0.555-5.504,4.992-9.664,10.283-9.664c5.291,0,9.728,4.139,10.283,9.664c0.32,2.987,1.856,5.717,4.288,7.488c1.835,1.365,4.075,2.091,6.336,2.091c0.704,0,1.387-0.064,2.091-0.213c25.003-4.971,47.424-18.069,64.811-37.845c1.963-2.219,2.901-5.184,2.603-8.128c-0.299-2.965-1.813-5.653-4.203-7.445c-4.416-3.328-5.717-9.045-3.072-13.611c2.539-4.437,8.363-6.229,13.312-4.139c2.731,1.131,5.803,1.109,8.533-0.085c2.709-1.216,4.779-3.499,5.739-6.293c4.459-13.077,6.635-25.344,6.635-37.397S509.888,370.347,505.429,357.205z M394.731,426.667c-17.643,0-32-14.357-32-32c0-17.643,14.357-32,32-32c17.643,0,32,14.357,32,32C426.731,412.309,412.373,426.667,394.731,426.667z'></path><path d='M263.787,439.061c-5.227-15.381-7.765-29.888-7.765-44.331c0-14.443,2.539-28.928,7.765-44.331c2.432-7.189,7.381-13.312,13.909-17.216c3.179-1.899,5.141-5.312,5.205-9.003c0.107-7.637,2.944-14.997,7.979-20.736c20.523-23.339,47.04-38.784,76.693-44.672c7.531-1.493,15.339-0.213,21.909,3.499c3.243,1.813,7.211,1.813,10.453,0c6.592-3.691,14.379-4.971,21.909-3.499c11.947,2.368,23.765,6.677,36.16,13.163c4.096,2.133,9.173,1.365,12.48-1.92l13.419-13.419c18.133-18.133,28.117-42.219,28.117-67.883V53.397C512.064,23.936,488.128,0,458.731,0H323.413c-25.643,0-49.749,9.984-67.883,28.117l-71.573,71.573c22.699,4.053,49.92,6.976,82.773,6.976c44.416,0,86.955-10.709,119.061-20.053c0.235-0.064,0.469,0,0.704-0.064c2.645-0.704,5.355-1.216,8.235-1.216c17.643,0,32,14.357,32,32c0,17.643-14.357,32-32,32c-10.901,0-20.523-5.504-26.304-13.845c10.411-2.603,20.267-5.291,29.269-7.915c5.653-1.643,8.896-7.552,7.253-13.227c-1.643-5.653-7.552-8.939-13.227-7.253c-8.853,2.581-18.539,5.227-28.779,7.765c-0.128,0.043-0.299,0.064-0.427,0.107c-7.829,1.941-16.043,3.755-24.512,5.44c-3.093,0.619-6.315,1.109-9.472,1.685c-6.848,1.216-13.867,2.24-21.013,3.136c-3.157,0.384-6.315,0.789-9.515,1.109c-10.261,1.003-20.693,1.707-31.317,1.707c-8.96,0-17.664-0.256-26.197-0.661c-1.28-0.064-2.517-0.128-3.776-0.192c-26.304-1.429-50.411-4.608-71.232-9.045l-0.043,0.043c-50.987-10.965-80.107-29.056-80.107-43.477c0-20.757,53.312-47.061,139.456-53.355c5.867-0.427,10.283-5.547,9.856-11.413c-0.427-5.867-5.419-10.219-11.413-9.856C143.979,5.867,64.021,31.211,64.021,74.731c0,28.117,35.2,48.683,83.883,61.035L18.219,265.451C6.485,277.184,0.021,292.757,0.021,309.44c0,16.576,6.464,32.171,18.197,43.904l140.544,140.544c11.733,11.733,27.307,18.197,43.904,18.197h0.085c16.576,0,32.171-6.464,43.904-18.197l26.197-26.197c2.048-2.048,3.179-4.864,3.115-7.765c-0.064-2.901-1.301-5.675-3.456-7.637C268.48,448.576,265.472,444.011,263.787,439.061zM253.483,168.192c16.085-16.107,44.203-16.128,60.331,0l15.083,15.083c8.064,8.064,12.501,18.773,12.501,30.165c0,11.413-4.437,22.123-12.501,30.187c-8.043,8.064-18.773,12.501-30.165,12.501s-22.123-4.437-30.165-12.501l-15.083-15.083C236.843,211.904,236.843,184.832,253.483,168.192z M193.109,379.413c-9.963,9.963-22.187,15.253-33.152,15.253c-6.72,0-12.949-1.984-17.92-6.08c-4.523-3.755-5.163-10.475-1.408-15.019c3.733-4.501,10.453-5.184,15.019-1.408c3.307,2.752,13.44,1.131,22.379-7.808c9.088-9.088,10.56-19.648,7.552-22.656c-1.835-1.835-7.275-3.307-22.635,7.723l-2.581,1.835c-21.483,15.467-38.379,17.344-50.219,5.504c-12.693-12.693-9.365-35.883,7.552-52.821c16.021-16.043,37.995-19.989,51.072-9.173c4.544,3.755,5.184,10.475,1.429,15.019c-3.733,4.501-10.475,5.184-15.019,1.429c-3.349-2.709-13.461-1.109-22.4,7.808c-9.088,9.088-10.56,19.648-7.552,22.656c1.835,1.835,7.275,3.328,22.677-7.744l2.581-1.835c21.461-15.445,38.357-17.301,50.176-5.483C213.376,339.285,210.048,362.475,193.109,379.413z M245.931,326.592c-2.005,2.005-4.715,3.115-7.552,3.115s-5.547-1.131-7.552-3.115l-60.331-60.352c-4.16-4.16-4.16-10.923,0-15.083l37.717-37.717c4.16-4.16,10.923-4.16,15.083,0c4.16,4.16,4.16,10.923,0,15.083l-30.165,30.165l15.083,15.083l22.635-22.635c4.16-4.16,10.923-4.16,15.083,0c4.16,4.16,4.16,10.923,0,15.083l-22.635,22.635l15.083,15.083l30.187-30.187c4.16-4.16,10.923-4.16,15.083,0s4.16,10.965,0,15.125L245.931,326.592z'></path></g></g></g></svg>
</div>
<div class='judul-testitema'>SEO Friendly</div>
<div class='isi-testitema'>
Semua template Blogger milik Kode Jarwo sudah dijamin SEO Friendly. Baik dari meta tag, link, hingga tampilan semua sudah terstruktur dengan rapi agar lebih mudah di-crawl.
</div>
</div>
<div class='testimoni-template'>
<div class='logo-testitema'>
<svg style='enable-background:new 0 0 512 512;' version='1.1' viewBox='0 0 512 512' x='0px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' y='0px'><g><g><g><path d='M411.429,442.514c0,5.554,4.503,10.057,10.057,10.057h80.457c2.667,0,5.225-1.06,7.112-2.946c1.886-1.886,2.946-4.444,2.946-7.112v-8.229H411.429V442.514z'></path><path d='M501.943,269.714h-80.457c-5.554,0-10.057,4.503-10.057,10.057V288H512v-8.229C512,274.217,507.497,269.714,501.943,269.714z'></path><polygon points='210.286,333.714 310.857,333.714 393.143,333.714 393.143,306.286 210.286,306.286 '></polygon><path d='M420.571,86.857c0-15.148-12.28-27.429-27.429-27.429H118.857c-15.148,0-27.429,12.28-27.429,27.429v54.857h77.586c22.783,0.025,41.246,18.488,41.271,41.271V288h182.857v-8.229c0.051-15.261,12.176-27.741,27.429-28.233V86.857z'></path><rect height='36.571' width='91.429' x='210.286' y='352'></rect><rect height='109.714' width='100.571' x='411.429' y='306.286'></rect><path d='M0,429.586c0.01,12.69,10.295,22.975,22.985,22.985h146.03c12.69-0.01,22.975-10.295,22.985-22.985v-4.443H0V429.586z'></path><polygon points='0,406.857 192,406.857 192,397.714 192,342.857 192,205.714 0,205.714 '></polygon><path d='M169.015,160H22.985C10.295,160.01,0.01,170.295,0,182.985v4.443h192v-4.443C191.99,170.295,181.705,160.01,169.015,160z'></path><path d='M347.429,406.857H210.286v18.286h146.286V416C356.571,410.951,352.478,406.857,347.429,406.857z'></path></g></g></g></svg>
</div>
<div class='judul-testitema'>Responsif</div>
<div class='isi-testitema'>
Semua template ini sudah dijamin 100% responsive, baik untuk layar desktop/pc, tablet, hingga mobile handphone alias Mobile-Friendly.
</div>
</div>
<div class='testimoni-template'>
<div class='logo-testitema'>
<svg style='enable-background:new 0 0 354.796 354.796;' version='1.1' viewBox='0 0 354.796 354.796' x='0px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' y='0px'><g><g id='Layer_5_58_'><g><g><path d='M265.442,109.092c-10.602-4.25-13.665-6.82-13.665-11.461c0-3.714,2.813-8.053,10.744-8.053c7.015,0,12.395,2.766,12.443,2.79c0.566,0.302,1.201,0.463,1.83,0.463c1.535,0,2.893-0.929,3.456-2.367l1.927-4.926c0.671-1.795-0.347-3.359-1.645-3.92c-4.319-1.88-12.76-3.335-12.846-3.35c-0.136-0.024-0.609-0.125-0.609-0.678l-0.027-7.146c0-2.152-1.797-3.904-4.003-3.904h-3.457c-2.204,0-4,1.751-4,3.905l0.009,7.513c0,0.576-0.624,0.826-0.852,0.879c-10.655,2.538-17.314,10.343-17.314,20.188c0,12.273,10.145,17.819,21.099,21.982c8.757,3.438,12.329,6.924,12.329,12.037c0,5.564-5.059,9.45-12.307,9.45c-6.189,0-14.565-3.923-14.648-3.963c-0.536-0.254-1.104-0.382-1.688-0.382c-1.594,0-2.982,0.964-3.537,2.457l-1.84,4.982c-0.654,1.86,0.353,3.37,1.642,4.042c5.144,2.679,15.098,4.249,15.541,4.318c0.119,0.017,0.725,0.23,0.725,0.784v7.48c0,2.152,1.797,3.904,4.004,3.904h3.572c2.208,0,4.005-1.751,4.005-3.904v-7.872c0-0.736,0.543-0.801,0.655-0.828c11.351-2.55,18.343-10.855,18.343-21.283C285.325,121.518,279.377,114.597,265.442,109.092z'></path><path d='M260.979,22.509c-51.816,0-93.818,42.005-93.818,93.818c0,51.814,42.002,93.82,93.818,93.82c51.814,0,93.817-42.006,93.817-93.82C354.796,64.514,312.793,22.509,260.979,22.509z M260.979,188.404c-39.808,0-72.076-32.271-72.076-72.076s32.268-72.075,72.076-72.075c39.806,0,72.073,32.27,72.073,72.075S300.785,188.404,260.979,188.404z'></path></g><g><path d='M335.733,255.61c-19.95,11.011-47.389,21.192-74.753,25.484c-24.346,3.818-70.148-5.39-70.148-16.265c0-4.121,40.17,10.154,64.469,3.671c18.633-4.971,15.988-22.401,5.853-24.7c-10.076-2.287-69.108-23.913-94.323-24.659c-11.878-0.351-41.203,4.131-55.393,6.442c-4.861,0.791-7.909,0.704-8.213,5.356c-1.412,21.62-4.195,65.832-5.712,88.926c-0.032,0.488,0.646,7.05,6.061,2.432c5.927-5.054,14.24-10.656,21.929-8.912c12.063,2.737,116.424,21.856,130.819,18.51c20.593-4.787,78.888-39.334,90.065-50.072C363.711,265.176,350.244,247.601,335.733,255.61z'></path><path d='M74.426,224.74l-54.672-2.694c-4.221-0.208-8.532,2.973-9.581,7.066l-9.941,90.255c-1.048,4.094,1.55,7.578,5.773,7.741l60.59-0.006c4.224,0.163,7.942-3.151,8.266-7.365l6.654-86.958C81.837,228.566,78.647,224.948,74.426,224.74z M42.24,315.145c-8.349,0-15.116-6.768-15.116-15.116c0-8.349,6.768-15.116,15.116-15.116s15.116,6.768,15.116,15.116C57.356,308.378,50.589,315.145,42.24,315.145z'></path></g></g></g></g></svg>
</div>
<div class='judul-testitema'>Harga yang sesuai</div>
<div class='isi-testitema'>
Semua harga template yang ada tidak terlalu mahal, beberapa template juga tersedia dalam mode free - bahkan ada yang free 100% tanpa credit!
</div>
</div>
<div class='testimoni-template'>
<div class='logo-testitema'>
<svg style='enable-background:new 0 0 47 47;' version='1.1' viewBox='0 0 47 47' x='0px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' y='0px'><g><g id='Layer_1_110_'><g><path d='M17.567,15.938l-2.859-2.702c0.333-0.605,0.539-1.29,0.539-2.029c0-2.342-1.897-4.239-4.24-4.239c-2.343,0-4.243,1.896-4.243,4.239c0,2.343,1.9,4.241,4.243,4.241c0.826,0,1.59-0.246,2.242-0.654l2.855,2.699C16.536,16.922,17.023,16.399,17.567,15.938z'></path><path d='M29.66,15.6l3.799-6.393c0.374,0.107,0.762,0.184,1.169,0.184c2.347,0,4.244-1.898,4.244-4.241c0-2.342-1.897-4.239-4.244-4.239c-2.343,0-4.239,1.896-4.239,4.239c0,1.163,0.469,2.214,1.227,2.981l-3.787,6.375C28.48,14.801,29.094,15.169,29.66,15.6z'></path><path d='M42.762,20.952c-1.824,0-3.369,1.159-3.968,2.775l-5.278-0.521c0,0.04,0.006,0.078,0.006,0.117c0,0.688-0.076,1.36-0.213,2.009l5.276,0.521c0.319,2.024,2.062,3.576,4.177,3.576c2.342,0,4.238-1.896,4.238-4.238C47,22.85,45.104,20.952,42.762,20.952z'></path><path d='M28.197,37.624l-1.18-5.156c-0.666,0.232-1.359,0.398-2.082,0.481l1.182,5.157c-1.355,0.709-2.29,2.11-2.29,3.746c0,2.342,1.896,4.237,4.243,4.237c2.342,0,4.238-1.896,4.238-4.237C32.311,39.553,30.479,37.692,28.197,37.624z'></path><path d='M14.357,25.37l-6.57,2.201c-0.758-1.158-2.063-1.926-3.548-1.926C1.896,25.645,0,27.542,0,29.884c0,2.345,1.896,4.242,4.239,4.242c2.341,0,4.242-1.897,4.242-4.242c0-0.098-0.021-0.188-0.029-0.284l6.591-2.207C14.746,26.752,14.51,26.077,14.357,25.37z'></path><circle cx='23.83' cy='23.323' r='7.271'></circle></g></g></g></svg>
</div>
<div class='judul-testitema'>Terstruktur</div>
<div class='isi-testitema'>
Baik dari struktur HTML, CSS, JavaScript, hingga tata letak semuanya sudah terstruktur dengan rapi, termasuk Schema.org yang sudah diatur agar lebih rapi dan SEO.
</div>
</div>
<div class='testimoni-template'>
<div class='logo-testitema'>
<svg viewBox='0 -10 512 512' xmlns='http://www.w3.org/2000/svg'><path d='m452 0h-392c-33.085938 0-60 26.914062-60 60v352c0 33.085938 26.914062 60 60 60h9.195312l11.800782-40h-20.996094c-11.027344 0-20-8.972656-20-20v-252h432v110h40v-210c0-33.085938-26.914062-60-60-60zm-412 120v-60c0-11.027344 8.972656-20 20-20h392c11.027344 0 20 8.972656 20 20v60zm70-40c0 11.046875-8.953125 20-20 20s-20-8.953125-20-20 8.953125-20 20-20 20 8.953125 20 20zm70 0c0 11.046875-8.953125 20-20 20s-20-8.953125-20-20 8.953125-20 20-20 20 8.953125 20 20zm129 230h-48v182h48c39.699219 0 72-32.300781 72-72v-38c0-39.699219-32.300781-72-72-72zm32 110c0 17.644531-14.355469 32-32 32h-8v-102h8c17.644531 0 32 14.355469 32 32zm171 16.5c0 30.601562-24.898438 55.5-55.5 55.5h-58.5v-40h58.5c8.546875 0 15.5-6.953125 15.5-15.5s-6.953125-15.5-15.5-15.5h-2c-30.601562 0-55.5-24.898438-55.5-55.5s24.898438-55.5 55.5-55.5h46.5v40h-46.5c-8.546875 0-15.5 6.953125-15.5 15.5s6.953125 15.5 15.5 15.5h2c30.601562 0 55.5 24.898438 55.5 55.5zm-353.300781-126.5-53.699219 182h42.378906l6.597656-26h39.179688l6.46875 26h42.3125l-52.789062-182zm5.429687 116 9.632813-37.949219 9.441406 37.949219zm0 0'></path></svg>
</div>
<div class='judul-testitema'>Ads Ready</div>
<div class='isi-testitema'>
Template sudah ads-ready, yang artinya sudah disediakan slot iklan. Cocok bagi anda para publisher iklan seperti AdSense dan affiliater.
</div>
</div>
</div>
</div>
<div id='pemisah'>
<div class='ombak' style='height: 50px; overflow: hidden; transform:rotate(180deg); background:white'>
<svg preserveAspectRatio='none' style='height: 100%; width: 100%;' viewBox='0 0 500 150'>
<path d='M0.00,92.27 C216.83,192.92 304.30,8.39 500.00,109.03 L500.00,0.00 L0.00,0.00 Z' style='stroke: none;fill:#44a08d'></path>
</svg>
</div>
<div class='kata-pemisah'>
<p>Kontak kami</p>
<span>Kepuasan pelanggan adalah prioritas utama, jadi jangan ragu untuk menghubungi, konsultasi, atau hanya sekedar <i>basa-basi</i> dengan kami!</span>
</div>
<div class='ombak' style='height: 50px; overflow: hidden; background:white'>
<svg preserveAspectRatio='none' style='height: 100%; width: 100%;' viewBox='0 0 500 150'>
<path d='M0.00,92.27 C216.83,192.92 304.30,8.39 500.00,109.03 L500.00,0.00 L0.00,0.00 Z' style='stroke: none;fill:#44a08d'></path>
</svg>
</div>
</div>#sidebar {float:left;overflow:hidden}
#wrapper {min-height:100%;}
html,body{height:100%;scroll-behavior: smooth;}
*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
body {font-size:16px;margin:0;padding:0;background:#eeede8;color:#414141;-webkit-font-smoothing:antialiased;word-wrap:break-word;-ms-word-wrap:break-word;letter-spacing:0.2px;overflow-x:hidden !important;animation-name: fade; animation-duration: 3s;}
body{font-family: -apple-system,BlinkMacSystemFont,"Roboto","Segoe UI","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;}
*{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
input,button,select,textarea{font-size:100%;line-height:normal;vertical-align:baseline;}
article h2 {font-size:160%;margin:30px 0}
article h3 {font-size:140%;margin:20px 0}
article h4 {font-size:120%;margin:10px 0}
article blockquote h2 {border-bottom:none !important;padding:0 !important;color:#fff}
#comments {background:white;padding:20px}
* {transition:all 400ms ease-in-out;}
#HTML4, .post-info {transition:all 0ms ease-in-out !important}
a {color:#19abea}
a:link {text-decoration:none;color:#19abea}
a:active, a:hover, article h2 {color:#0d8bc1}
input {width:100%;border:1px #cfdbe2 solid;}
code {background:#eee;padding:2.5px}
pre {max-width: 100%;overflow: scroll;overflow-y: hidden;padding: 10px;background: #eee;box-shadow:inset 0px 1px 4px #d6d6d6}
code, blockquote {box-shadow:inset 0px 1px 4px #d6d6d6}
blockquote {background:#37BC9B;border-radius:5px;padding:15px;color:#fff}
blockquote.code {background:#039BE5 !important;max-height:300px;overflow-y:scroll;overflow-x:none !important}
blockquote a:link, blockquote a {color:#115d60 !important}
.none {display:none !important}
.clear, #log {clear:both}
article li {margin:5px 0 5px 40px}
.hentry img {height:auto}
::-webkit-input-placeholder{color:#eee}
:-moz-placeholder{color:#eee}
::-moz-placeholder {color:#eee}
:-ms-input-placeholder {color:#eee}
::selection {background:#222;color:white}
.notranslate {white-space: pre;text-overflow: ellipsis;}
.none, .quickedit {display:none}
.item-thumbnail {float:left;margin-right:20px}
#HTML4 li {width:100%}
#HTML4 p {margin:20px 0 !important;text-align:center;font-size:18px}
.quickedit {display:none}
.isSingleItem .jarwo-landing{display:none}
@media screen and (max-width :760px){
nav .show-menu,nav li ul li{display:block}
nav ul{position:static;display:none}
nav li a,nav ul li{width:100%;background:#eaeaea}
nav li ul{position:initial;display:none}
nav li ul li{position:relative}
}!function(t) {
var i = "object" == typeof self && self.self === self && self || "object" == typeof global && global.global === global && global;
"function" == typeof define && define.amd ? define(["exports"], function(s) {
i.ParticleNetwork = t(i, s)
}) : "object" == typeof module && module.exports ? module.exports = t(i, {}) : i.ParticleNetwork = t(i, {})
}(function(t, i) {
var s = function(t) {
this.canvas = t.canvas, this.g = t.g, this.particleColor = t.options.particleColor, this.x = Math.random() * this.canvas.width, this.y = Math.random() * this.canvas.height, this.velocity = {
x: (Math.random() - .5) * t.options.velocity,
y: (Math.random() - .5) * t.options.velocity
}
};
return s.prototype.update = function() {
(this.x > this.canvas.width + 20 || this.x < -20) && (this.velocity.x = -this.velocity.x), (this.y > this.canvas.height + 20 || this.y < -20) && (this.velocity.y = -this.velocity.y), this.x += this.velocity.x, this.y += this.velocity.y
}, s.prototype.h = function() {
this.g.beginPath(), this.g.fillStyle = this.particleColor, this.g.globalAlpha = .9, this.g.arc(this.x, this.y, 1.5, 0, 2 * Math.PI), this.g.fill()
}, (i = function(t, i) {
this.i = t, this.i.size = {
width: this.i.offsetWidth,
height: this.i.offsetHeight
}, i = void 0 !== i ? i : {}, this.options = {
particleColor: void 0 !== i.particleColor ? i.particleColor : "#fff",
background: void 0 !== i.background ? i.background : "#fff",
interactive: void 0 === i.interactive || i.interactive,
velocity: this.setVelocity(i.speed),
density: this.j(i.density)
}, this.init()
}).prototype.init = function() {
if (this.k = document.createElement("div"), this.i.appendChild(this.k), this.l(this.k, {
position: "absolute",
top: 0,
left: 0,
bottom: 0,
right: 0,
"z-index": 1
}), /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(this.options.background)) this.l(this.k, {
background: this.options.background
});
else {
if (!/\.(gif|jpg|jpeg|tiff|png)$/i.test(this.options.background)) return console.error("Please specify a valid background image or hexadecimal color"), !1;
this.l(this.k, {
background: 'url("' + this.options.background + '") no-repeat center',
"background-size": "cover"
})
}
if (!/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(this.options.particleColor)) return console.error("Please specify a valid particleColor hexadecimal color"), !1;
this.canvas = document.createElement("canvas"), this.i.appendChild(this.canvas), this.g = this.canvas.getContext("2d"), this.canvas.width = this.i.size.width, this.canvas.height = this.i.size.height, this.l(this.i, {
position: "relative"
}), this.l(this.canvas, {
"z-index": "20",
position: "relative",
display: "block",
margin: "0 auto"
}), window.addEventListener("resize", function() {
return (this.i.offsetWidth !== this.i.size.width || this.i.offsetHeight !== this.i.size.height) && (this.canvas.width = this.i.size.width = this.i.offsetWidth, this.canvas.height = this.i.size.height = this.i.offsetHeight, clearTimeout(this.m), void(this.m = setTimeout(function() {
this.o = [];
for (var t = 0; t < this.canvas.width * this.canvas.height / this.options.density; t++) this.o.push(new s(this));
this.options.interactive && this.o.push(this.p), requestAnimationFrame(this.update.bind(this))
}.bind(this), 500)))
}.bind(this)), this.o = [];
for (var t = 0; t < this.canvas.width * this.canvas.height / this.options.density; t++) this.o.push(new s(this));
this.options.interactive && (this.p = new s(this), this.p.velocity = {
x: 0,
y: 0
}, this.o.push(this.p), this.canvas.addEventListener("mousemove", function(t) {
this.p.x = t.clientX - this.canvas.offsetLeft, this.p.y = t.clientY - this.canvas.offsetTop
}.bind(this)), this.canvas.addEventListener("mouseup", function(t) {
this.p.velocity = {
x: (Math.random() - .1) * this.options.velocity,
y: (Math.random() - .1) * this.options.velocity
}, this.p = new s(this), this.p.velocity = {
x: 0,
y: 0
}, this.o.push(this.p)
}.bind(this))), requestAnimationFrame(this.update.bind(this))
}, i.prototype.update = function() {
this.g.clearRect(0, 0, this.canvas.width, this.canvas.height), this.g.globalAlpha = 6;
for (var t = 0; t < this.o.length; t++) {
this.o[t].update(), this.o[t].h();
for (var i = this.o.length - 1; i > t; i--) {
var s = Math.sqrt(Math.pow(this.o[t].x - this.o[i].x, 2) + Math.pow(this.o[t].y - this.o[i].y, 2));
s > 120 || (this.g.beginPath(), this.g.strokeStyle = this.options.particleColor, this.g.globalAlpha = (120 - s) / 120, this.g.lineWidth = 1, this.g.moveTo(this.o[t].x, this.o[t].y), this.g.lineTo(this.o[i].x, this.o[i].y), this.g.stroke())
}
}
0 !== this.options.velocity && requestAnimationFrame(this.update.bind(this))
}, i.prototype.setVelocity = function(t) {
return "fast" === t ? 4 : "slow" === t ? .33 : "none" === t ? 0 : .66
}, i.prototype.j = function(t) {
return "high" === t ? 5e3 : "low" === t ? 2e4 : isNaN(parseInt(t, 10)) ? 1e4 : t
}, i.prototype.l = function(t, i) {
for (var s in i) t.style[s] = i[s]
}, i
});
var canvasDiv = document.getElementById("material"),
options = {
particleColor: "#fff",
interactive: !0,
speed: "fast",
density: "medium"
},
particleCanvas = new ParticleNetwork(canvasDiv, options);
-LAB-