Inggris Indonesia Jepang Arab China
» Unlabelled » Documentation Kanza

Documentation Kanza

HOMEPAGE SECTION SETTINGS

LOGO

INFORMATION:

Recommendation of 630x158 logo size


TOP NAV





SOCIAL TOP






MENU




Normal Link : Dropdown
Sub Link: _Multi Dropdown (before the link add "_") 1 underscore



BOX



<div class='boxcontent'>
<div class='box-left'>
<section class='cd-wrapper'>
  <div class='cd-headline clip'>
    <span class='cd-words-wrapper'>
      <b class='is-visible'>for Your Ideas</b>
<b>for Business</b>
<b>to Sell Online</b>
    </span>
  </div>
</section>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<div class='wpbtn'>
  <a class='btn-wite' href='#'>Star Now</a>
  <a class='js-modal-video' href='https://www.youtube.com/watch?v=H_DsWb0Ou5c'><i class='fa fa-play'/></i><div class='ripple'></div></a>
<span> Watch Now</span>
</div>
</div>
<div class='box-right'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCPh70Kke4eEbhbuMs-i3fhozbdNuscnp2_tLeTMTzm-hhLPCw0go-EyjClGcqH5LJN_t9t6vgCx6EWCuTq1-BahM5wvg9rLEa6aax4CpSYu8F6OKDxiPD8x1ovPrsdVDx-RpUGTxmZIE0/s1600/webmartp.png'/>
</div>
</div>
INFORMATION
Enter the script above in the provided layout

Please replace or adjust
          CD Text
          Snippet
          Url/Link
          Replace with ID Youtube
          Right side image url



ABOUT US



<div class='marketleft'>
  <h2>Powerful Digital <span>Marketing</span></h2>

<p>Over the years, we have worked with Fortune 500s and brand-new startups. We help ambitious businesses like yours generate more profits by building awareness, driving web traffic, connecting with customers, and growing overall sales. Give us a call.</p>
</div>

<div class='marketright'>
  <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdmVgD6IY5DJBYABxROXCMXBQeWmqNeE_AS8l91UY2rIDg0Wl7zMBrgyJcvTOeCnSraqDwC2rcuAm9FDnh7N5P8sXJ1mDV2a8GH8voFx3lGr2mPFwQFyVFYMTPIyugJ0GV0K15mEUnxtgx/s1600/banner-thumb.png'/>
</div>
INFORMATION
Enter the script above in the provided layout

Please replace or adjust
          Snippet
          Right side image url




TAB VIEW



<div class='boxwrap-wrap'>
<div class='boxwrap-os-left'>
  <h2>Value added Marketing <span>Services</span></h2>
</div>
<div class='boxwrap-os-right'>
  <p>Over the years, we have worked with Fortune 500s and brand-new startups. We help ambitious businesses like yours generate more profits by building awareness, driving web traffic, connecting with customers, and growing overall sales. Give us a call.</p>
</div>
</div>
<div class='tabs'>
  <input checked='' id='tab1' name='tab-control' type='radio'/>
  <input id='tab2' name='tab-control' type='radio'/>
  <input id='tab3' name='tab-control' type='radio'/>
  <input id='tab4' name='tab-control' type='radio'/>
  <input id='tab5' name='tab-control' type='radio'/>
<ul>
<li title=''><label class='color1' for='tab1' role='button'><i class='fad fa-analytics'></i><span>Digital Marketing</span></label></li>
<li title=''><label class='color2' for='tab2' role='button'><i class='fad fa-file-search'></i><span>SEO Services</span></label></li>
<li title=''><label class='color3' for='tab3' role='button'><i class='fad fa-mail-bulk'></i><span>Email Marketing</span></label></li> 
<li title=''><label class='color4' for='tab4' role='button'><i class='fad fa-share-alt'></i><span>Social Media</span></label></li>
<li title=''><label class='color5' for='tab5' role='button'><i class='fad fa-edit'></i><span>Web Design</span></label></li>
</ul>
<div class='content'>
<section>
<div class='content-left'>
<div class='serviceimg'> 
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP-VQrst3gDu12wZVIF1XhoUo88konpPEPhodMz34eY_HxmAWEXzVNWGace5ELhGNsLDzyjWxvYpdfQ6wvpgXcoYk-JVtQ6U3mH0500zaX_u0OvGU15ERTXAlk3uTCOMaTuVYEn4eWczJA/s1600/digital_marketing.png'/></div>
</div>
<div class='content-right'>
<h3>Digital Marketing</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea dolorem sequi, quo tempore in eum obcaecati atque quibusdam officiis est dolorum minima deleniti ratione molestias numquam. Voluptas voluptates quibusdam cum?</p>
<ul>
<li><i class='fad icon1 fa-analytics'></i><span>Far far away, behind the word mountains, far</span></li>
<li><i class='fab icon2 fa-accusoft'></i><span>Bookmarks grove right at the coast of Semantics</span></li>
</ul>
<a class='octf-btn btnfont btncolor' href='#'>Choose Plane</a>
</div>
</section>
<section>
<div class='content-left'>
<div class='serviceimg'> 
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6Wn0WNrkzkdUliwUQc6z9McLeiOI8d5cdDoeUQa947QM4Hwsjph0j_9zU2ukFFIDeSqH-wbKxwt92Sdg_mSZ3cvA-Yoc89CKu3ZeCmo96oKyMw3zDzdO1X7YZnrQUrChxEwe2Yc5a1MQx/s1600/dg_seo.png'/></div>
</div>
<div class='content-right'>
<h3>SEO Services</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea dolorem sequi, quo tempore in eum obcaecati atque quibusdam officiis est dolorum minima deleniti ratione molestias numquam. Voluptas voluptates quibusdam cum?</p>
<ul>
<li><i class='fad icon1 fa-analytics'></i><span>Far far away, behind the word mountains, far</span></li>
<li><i class='fab icon2 fa-accusoft'></i><span>Bookmarks grove right at the coast of Semantics</span></li>
</ul>
<a class='octf-btn btnfont btncolor' href='#'>Choose Plane</a>
</div>
</section>
<section>
<div class='content-left'>
<div class='serviceimg'> 
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHMgYcVCGUQm9akDC9QmEEte5ktVT3kbPJB6GL9YtEh_bF-L6djN4NAaXM-VF7l6KBlwh1zU5IFxbTuELTYiugyQV5O3J7ZyBK2t3Qfn-hVb4poCi4iGf6PG40RlAcgnyVJTGurTzWUEiy/s1600/dg_email.jpg'/></div>
</div>
<div class='content-right'>
<h3>Email Marketing</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea dolorem sequi, quo tempore in eum obcaecati atque quibusdam officiis est dolorum minima deleniti ratione molestias numquam. Voluptas voluptates quibusdam cum?</p>
<ul>
<li><i class='fad icon1 fa-analytics'></i><span>Far far away, behind the word mountains, far</span></li>
<li><i class='fab icon2 fa-accusoft'></i><span>Bookmarks grove right at the coast of Semantics</span></li>
</ul>
<a class='octf-btn btnfont btncolor' href='#'>Choose Plane</a>
</div>
</section>
<section>
<div class='content-left'>
<div class='serviceimg'>
 
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicqwldD42Vja0Tsx5q4BxODB0NEJSTgGPEzwESiSYTz0LkCri_Y27_gsvtJ49A4MUlDRV_2AvKV-EYVQ30OHq-IBeHLnAPXLP_KKVDaxv0Vm6BnLlGfH8DOmfRvBXh8qb8xnmvJYiME_Y8/s1600/social_media.png'/></div>
</div>
<div class='content-right'>
<h3>Social Media</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea dolorem sequi, quo tempore in eum obcaecati atque quibusdam officiis est dolorum minima deleniti ratione molestias numquam. Voluptas voluptates quibusdam cum?</p>
<ul>
<li><i class='fad icon1 fa-analytics'></i><span>Far far away, behind the word mountains, far</span></li>
<li><i class='fab icon2 fa-accusoft'></i><span>Bookmarks grove right at the coast of Semantics</span></li>
</ul>
<a class='octf-btn btnfont btncolor' href='#'>Choose Plane</a>
</div>
</section>
<section>
<div class='content-left'>
<div class='serviceimg'> 
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9Jd9jpHQy_C7G6CJsEeOds0gwMG2xrOycmp4r5GMiQ2LLu2QUjGVDf4-WKX8Fxb_suHBSFWa4W-Xj1tvPTTV666C2jd_iwcnPHjoY6w55hjvkPW1pZlr3hGu-aCLAw2eC9Biv1zhjEvEF/s1600/dg_web.png'/></div>
</div>
<div class='content-right'>
<h3>Web Design</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea dolorem sequi, quo tempore in eum obcaecati atque quibusdam officiis est dolorum minima deleniti ratione molestias numquam. Voluptas voluptates quibusdam cum?</p>
<ul>
<li><i class='fad icon1 fa-analytics'></i><span>Far far away, behind the word mountains, far</span></li>
<li><i class='fab icon2 fa-accusoft'></i><span>Bookmarks grove right at the coast of Semantics</span></li>
</ul>
<a class='octf-btn btnfont btncolor' href='#'>Choose Plane</a>
</div>
</section>
</div>
</div>
INFORMATION
Enter the script above in the provided layout

Please replace or adjust as well as the one marked above. Sign # Replace with Url / Link



RECENT POSTS



<span data-type="carousel" data-no="10"></span>
INFORMATION
Enter the script above in the provided layout

         Number of posts displayed



BOX STATIS



<div class='box-ui'>
<div class='ui'>
<div class='ui_box'>
<div class='ui_box__inner'>
<h2>
Conversion Rate
</h2>
<p>Lorem ipsum dolor sit amet</p>
<div class='stat'>
<span>69%</span>
</div>
<div class='progress'>
<div class='progress_bar'></div>
</div>
<p>Lorem ipsum dolor sit amet. Some more super groovy information about this stat.</p>
</div>
<div class='drop'>
<p>Take a closer look</p>
</div>
</div>
<div class='ui_box'>
<div class='ui_box__inner'>
<h2>
Sales By Type
</h2>
<p>Lorem ipsum dolor sit amet</p>
<div class='stat_left'>
<ul>
<li>
Electical
</li>
<li>
Clothing
</li>
<li>
Entertainment
</li>
<li>
Kitchen
</li>
</ul>
</div>
<div class='progress_graph'>
<div class='progress_graph__bar--1'></div>
<div class='progress_graph__bar--2'></div>
<div class='progress_graph__bar--3'></div>
<div class='progress_graph__bar--4'></div>
</div>
<p>Lorem ipsum dolor sit amet. Some more super groovy information.</p>
</div>
<div class='drop'>
<p>Take a closer look</p>
</div>
</div>
<div class='ui_box'>
<div class='ui_box__inner'>
<h2>
Total Sales
</h2>
<p>Lorem ipsum dolor sit amet</p>
<div class='stat'>
<span>$71,463.99</span>
</div>
<div class='progress'>
<div class='progress_bar--two'></div>
</div>
<p>Lorem ipsum dolor sit amet. Some more super groovy information about this stat.</p>
</div>
<div class='drop'>
<p>Take a closer look</p>
</div>
</div>
</div>
</div>
INFORMATION
Enter the script above in the provided layout



ACCORDION (FAQ)



<h2>Freequently Ask Questions</h2>
<div class='accordion js-accordion'>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>How can I upgrade my current plan ?</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
</div>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>How can I active the app&#39;s features ?</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
</div>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>How can I active all the features ?</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
</div>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>How can I download the app ?</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
</div>
</div>
INFORMATION
Enter the script above in the provided layout



STORY



<h2>Boost your conversion <span>rate</span></h2>
<div class='boxwrap-icon'>
<div class='boxwrap-number'><i class='fa fa-circle'></i><h4>6x</h4><p>Increase in Search Traffic</p></div>
<div class='boxwrap-number touc1'><i class='fa fa-circle'></i><h4>58%</h4><p>Increase in Search Traffic</p></div>
<div class='boxwrap-number touc2'><i class='fa fa-circle'></i><h4>44%</h4><p>Increase in Search Traffic</p></div>
</div>
<a class='octf-btn btnfont btncolor colorwp' href='#'>Get free Consultation</a>
INFORMATION
Enter the script above in the provided layout



PRICING



<h2>Flexible Pricing Plans</h2>
<div class='pixalweb'>
<div class='ot-pricing-table bg-shape s1'>
                                <span class='title-table'>Standard</span>
                                <div class='inner-table'>
                                    <h2><sup>$</sup> 69.99</h2>
                                    <p>Monthly Package</p>
                                    <div class='details'>
                                        <ul>
                                            <li>Social Media Marketing</li>
                                            <li>2.100 Keywords</li>
                                            <li>One Way Link Building</li>
                                            <li>5 Free Optimization</li>
                                            <li>3 Press Releases</li>
                                        </ul>
                                    </div>
                                </div>
                                <a class='octf-btn octf-btn-icon octf-btn-secondary' href='#'>Purchase Now<i class='fal fa-long-arrow-right'/></i></a>
                            </div>

<div class='ot-pricing-table bg-shape s2'>
                                <span class='title-table'>Economy</span>
                                <div class='inner-table'>
                                    <h2><sup>$</sup> 79.99</h2>
                                    <p>Monthly Package</p>
                                    <div class='details'>
                                        <ul>
                                            <li>Social Media Marketing</li>
                                            <li>3.100 Keywords</li>
                                            <li>One Way Link Building</li>
                                            <li>10 Free Optimization</li>
                                            <li>5 Press Releases</li>
                                        </ul>
                                    </div>
                                </div>
                                <a class='octf-btn octf-btn-icon octf-btn-third' href='#'>Purchase Now<i class='fal fa-long-arrow-right'/></i></a>
                            </div>

<div class='ot-pricing-table bg-shape s3'>
                                <span class='title-table'>Executive</span>
                                <div class='inner-table'>
                                    <h2><sup>$</sup> 89.99</h2>
                                    <p>Monthly Package</p>
                                    <div class='details'>
                                        <ul>
                                            <li>Social Media Marketing</li>
                                            <li>5.100 Keywords</li>
                                            <li>One Way Link Building</li>
                                            <li>15 Free Optimization</li>
                                            <li>10 Press Releases</li>
                                        </ul>
                                    </div>
                                </div>
                                <a class='octf-btn octf-btn-icon octf-btn-primary' href='#'>Purchase Now<i class='fal fa-long-arrow-right'/></i></a>
                            </div>

</div>
INFORMATION
Enter the script above in the provided layout



SLIDER TESTIMONIAL



<h2>Love from Clients</h2>
<div class='boxtestimonial'>
<div class='ithemonial'>
<div class='ithemonialicon'></div>
<p>Tempor incididunt ut labore et dolore magna aliqua, but the majority have suffered alteration in some form, by injected humour, or randomised words which don&#39;t look even slightly believable.</p>
<div class='monialimg'>
<img alt='Education Career' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbEwMWW0puz_A7xE3mpOLRr5plF_jg3w5oztrc8gBjOyW_d6mkp3WykNgfFO2dv8KvT9Hv_Dl5YY_V7YjzxwVvC5cfXdCHuOzDTNM9HJO3_e7mgW2sw149_3Aw8ZFkvYWkEeYk7V6Xg-0V/s1600/mo1.jpg'/>
<h4>Jhon Wick, <span>Founder</span></h4>
</div>
</div>
<div class='ithemonial'>
<div class='ithemonialicon'></div>
<p>Tempor incididunt ut labore et dolore magna aliqua, but the majority have suffered alteration in some form, by injected humour, or randomised words which don&#39;t look even slightly believable.</p>
<div class='monialimg'>
<img alt='Education Career' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSevG1hgVneFGlqoQJNBR-wgVNW0D_bM8ZFTnGz7eTCIxz_IpZ1t-1zkHFzygIgU1SoJ05_57iuJDxSBL544NeLHKODdH63ELRWGuTIqYZTPCIEqpwJ85qCpWCGhcT4IlcyHcT9Z6TmpVB/s1600/mo2.jpg'/>
<h4>Kaptain Amerika, <span>Founder</span></h4>
</div>
</div>
<div class='ithemonial'>
<div class='ithemonialicon'></div>
<p>Tempor incididunt ut labore et dolore magna aliqua, but the majority have suffered alteration in some form, by injected humour, or randomised words which don&#39;t look even slightly believable.</p>
<div class='monialimg'>
<img alt='Education Career' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8R01xfitFhg4G9B8HGcKWxxh2TxLGKkIUYRXhpjV38AJRmg5PTM_8Qs0HqSdy3BcMr4pZBEAib9qhf6Kj76iC0sjQgiSjpIFmw1pntOGwKOb9h3Ov_gctR6Xl-0-0Sji3d3SSVXyo-ZGn/s1600/mo3.jpg'/>
<h4>Mark Warren, <span>Founder</span></h4>
</div>
</div>
</div>
INFORMATION
Enter the script above in the provided layout



SUBSCRIBE





SLIDER LOGO



<div class='customer-parnert'>
<div class='brand-box'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAfAcS6DWiWSKkLGpqmpfxabqT7jW8NbBL1KImf_EmI3VO-hI2H3F952A9l83Da5nYt-uSsNGzQy1b3obl_wV1KYbLRxbJoi2ALZ9hA0Nzwrm2qV_Y-RMZ5XOhTqlG9oHdVuq4lf3K0k8E/s1600/a1.png' title=''/>
</div>
<div class='brand-box'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGsVN68PxoTParqOwsI5qDCIKw14pgLN3aeCQog9PrLCCSRc7nsVDaVSjhhL4khNTPduL-6qDlxVBr41jMvwySHHZBHyA3vUg5_LvpUbNpR-GXwcM71ykcQqaN7xji86t-QnJdZRHpHnAh/s1600/a2.png' title=''/>
</div>
<div class='brand-box'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaZBvqljcDJJTZ-DwL-ScEhAB23iYZFckN5QAgawpuKui_Wp46JvbpfcwloWS-2D2NETVvqLYbZV09tWopkjvMrJeLSzDe1gNDLxljQb4uumQ4AJ_MZ7i7kWGE4u9EmnMa1rfsxYjxUVxG/s1600/a3.png' title=''/>
</div>
<div class='brand-box'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo3mAn-ixYxV8EYv0_TEPtxUCYd7ViLaAxJmCpHXWtQOeSRvR6k_UjxKKCRN8jJw04fFjl-1sFFe48h5OGANWsKeJSotPgEXPIgEWCgNBqcJEvfujKGoGOFLR6VxcE-RiZq1GtDLFM0JSo/s1600/a4.png' title=''/>
</div>
<div class='brand-box'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVf9j2yR2ggc4v-_CN_q7Ap0BGnb0u-kJ-SaV26B5gnpCOreC41DIbTmKa0GejprfrC5YHdYUHWPBMRmBmbwVM6vtya0dQTioQLpF4s-6JK04SN71yTfo5B0xpHb6nn7T8GZKVSdeyN9nV/s1600/a5.png' title=''/>
</div>
<div class='brand-box'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir7pnORf-OhDSk-u8NFZE2JtlbfRReEhRqAC24ppjXHO-S_0iwJiGBSkK49SktvRqvLq9It8aR25tAREKbje3Ub4pB2L-3v11XenChNZg2Ak8FdM5UILYZR9ArJntXbDYeD5rB9f7OGl13/s1600/a6.png' title=''/>
</div>
</div>
INFORMATION
Enter the script above in the provided layout



ADRESS FOOTER



<div class='map-wrapper'>
<div class='map-wrapper-left'>
<div class='mplogo'>
<a href='/'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOw7sH8gEF-SihnKb4AGi7mogYocfNThE7Z-cXuHxGpiumb6cORImW9_X3TZ2BPwo_y8PkZ1eufxVKQ8QJ10bf0KlK6HsuzaYaEf0Ly6u8czMP4rzPGEgpq3_8l6gRH1sWycyx2CWXMTxy/s1600/logo_footer.png' title=''/></a>
</div>
</div>
<div class='map-wrapper-right'>
<div class='elementor-map'>
<div class='icon-box'>
<i class='far fa-map-marker-alt'></i>
<div class='icon-box__text'>
<span class='icon-box__title'>Address</span>
<span class='icon-box__subtitle'>Manado 38511, ID</span>
</div>
</div>
<div class='icon-box'>
<i class='fal fa-envelope'></i>
<div class='icon-box__text'>
<span class='icon-box__title'>Mail Us</span>
<span class='icon-box__subtitle'>Info@Example.com</span>
</div>
</div>
<div class='icon-box'>
<i class='fal fa-phone-office'></i>
<div class='icon-box__text'>
<span class='icon-box__title'>Call Us</span>
<span class='icon-box__subtitle'>+6281-2345-6789</span>
</div>
</div>
</div>
</div>
</div>
INFORMATION
Enter the script above in the provided layout