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/AVvXsEiftKSgr8EvpGQZqor7_4OgdXvzizD0wDpv1ELTV-Yy4tPxTwiEnXWvpL5F3qxUhunDWo_QVQC_uvclSbknQdbODl9w8cmT7nHYwZJK1T89drb5jOZ8iJv_EPfAOZy5IwdvFCZQx0hhw-QE/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/AVvXsEiKwj0SY4ea-UwkLvNaWgeT55eG1ryUuMFum7__auvfkoP7mx8gSoSR-dhYc0PSJwgB3ErrEFqNJfzwDskc8jGnURpJkQLhy2SECqt9AV9w23e2MR06ekyp_gi_hVnLnBp_C0Do0nixkB-7/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/AVvXsEi9XvUaIA_Pg9rJwGcmK0rLQARVhFOy_4yuP0YSrFoJUrO-NwOnEcurpyWjclQXeKS-ALGqf78j_XbZw19a_t0VjsC4zClZE-cAwZl_fw2272-LziDsjZA6UJ9dIIHFxZqV4QsV2kd7RV-V/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/AVvXsEhWBqAxfJIyieryKBFmpyXiNxLknrunD3_Zj8b69z_8aCcHcumj3ygkJ8TLsO-lqJ-Qz156IzBUIDJuWtXojuPbMYpn7gvBast3fv6RbrdgGddfAPWxp95rI-OT9TUDtyrF_DNwhxqrSYFY/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/AVvXsEhHpD-id_WpHxtQy211CG7QOWq5aoCt2OwJxLJGfD8FKb_cV2vfu4IgG97It-0T7l1oz5FQzQ8Nz3w8Kb7Jcan2GJsWOmY3phUzVR6qv6oRA_BFH0QUHHgXEQAOpyZzYHY5OGXKGsVUmWm2/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/AVvXsEgHqlMT2VbHu2XH6Pj5q15VTmIFivgaTI7plhjmYGC5aGwv-pGTGzxRjKGfWt97UAjUqRvRXqmgBO5GYieTpoe0fbLrmIW7HYgl1v2nWKrhRpaOshBSweaCzNZaFdgjDLmhbGycO9QgKLwz/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/AVvXsEjNogrdzPaDjkzK6XxkRuB1iFfeeXY-Dm977M7YwwYa5x_SwzmnjAUZ952e4gZYt5XFbMLwfRlsgHLpYDPFSwkrkGEEV0QeU4H2KV-qiqBFnSvcYyTDY_xNsrjMfqZx_b7YWrpXvaHXotFb/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/AVvXsEjsQzshNbmZuJg6kVIbDIbkk2yVcs1K7RPB6S5Dj3Z1hdrJXV3b7F6mJqud-8Zpa4gb27GA3QrKchsAhXfW-NGDbHIldMtGPH0vLEQTN9Q0VSQJZ6Ru4ffsevI4NuYKINCXsMKKCZ8xStim/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/AVvXsEgPc7qYkrIy_QSWqs9iAoPUeJt_N5syELCa1aMGqs6Lz_NaZ_otvG7yVhUnfW2BQLSUNZRNUAiqggAmDkbzt80Fjnhl4DTaOMsaHCPYqJXxLLZIDV2gjsMNcS77DU-RRgBosU1TY7Mt_YEj/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/AVvXsEiZ0qKeLmGzjXp9WJhTsFj4LlUIfEaHvIXTevJGWC644eJkSrM_gNQMr_NeiJVI09B0kDI_6d0Y9nKsR1b4w7AzmkoPE1OUls5EsIoL2eh1GzudURePbZzaF_LTsvW1sxezjUYbV2APYuif/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/AVvXsEhpjJ_86Nlg7g6dQDfEC0NV3WSVhUYTNqTqdl-TvTIr9RuPS5Yoj-n4V04jynrGfVgEiDwQIJPnZcUNfkyyYDzN2WGXHnnyQiBdR4SnW6vZVUHjpjivj3JgLqGD7SKqGBrZC24c0YDSoqnu/s1600/a1.png' title=''/>
</div>
<div class='brand-box'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKVKMpCLiOt_VxOYMvfAgoti0JxKP0WXvkMZu55uksqYSlzzmTSI2LYA73iimpLtIdgzqpHuEYSRUtu_9Lb2iNvsi1bi3eDVSoZeUsat104NpUdavYcNtQYkxYHpbRpokHLnK5_wh5uM-9/s1600/a2.png' title=''/>
</div>
<div class='brand-box'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUNT-99peWW_9WgdGLhR_fJvPRYVAMOFR-PAUuvBrjvSpDYztpNCXpZwjbK8DGdBVMfyl4C-4dA0becLOxZndkpRksgDzM8jR7QmcOS9WeDtYJmubRAxY2EDW1JXRsFEzaVUQHEFaYhXJw/s1600/a3.png' title=''/>
</div>
<div class='brand-box'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitwgdachCKZdj4uC-qS5bUC38gqJL7eygm1TTeyzdw1az-znjbf_QrFPsQUEKL_ZyCXu_RU6MF2MLwUeCvdd69cvN9WqmoPWhq3hUwbRpuhlyN_V-XYSvZxDPrbWt1ZmjALgXpvlp2tCD_/s1600/a4.png' title=''/>
</div>
<div class='brand-box'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9X7mNNdjOWFD9rp70jfXF1vZiZtfOFdoAWrJmZC5K5_QYd1QXByiE0imWaHMAM3aM3GF_No12DFJmU8-KvqHiYAmgui_vwiPyUpOj8zwILVr6Ag0sJ2_vjD4rViJuCWdS25TyPY3ffCD0/s1600/a5.png' title=''/>
</div>
<div class='brand-box'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbsGSkUgLP0beVTamLY7B_vEUkWePBlfC4jAX-FkbrSG9MQJpTqvj9XoZEGy3TcBliPM1q3wMwUsth9ObMNF3iXF3JtIUPk_NjFxxPLsIKA-eMButRtuyEhyhSjvv-6MEsRVAjA3kffD1_/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/AVvXsEjuLuJoHND6p7fz0IFkDlrBFI3QBVZ2ShlLnWzpSMSn5XByAizQYc1O45eTCTx9FYBVj3_XEjkH0wDqIloU-_zUWGql-imYfYbQXjfZyrYOUfKU-bXTy5MQ-r17U3FZUqvsQqtdHlI4V5vI/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