Seotechman Free Templates
Home Documentation / Informasi

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/AVvXsEh1y-vgswyGYrO9269M7QNYcg6DkWWaqWYfQyfjuS9VmSDRKfw2BGjgO8NixXwXjS3fFOBikFGaq-Kw1DpIpDZ3e6QwhN6XozXGcjt-zWUUyGMBRqpjQ-DXdK7T0Az9xGrPEwd5co2x2Fp6/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/AVvXsEh7QBOIxO-fPVgYrHD5oIvpPni9xBx5ZK3XT0mjLCcNWa-FEbbl1G4G_PqXxGlXHG3dRouX3Hs6FTnnYpjdXblydMckDp80XGJ_bu1B3t5wbI6OnZZ_ObKKabIzZ0VaDfqkkEV_EI-zcl_E/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/AVvXsEgRApZ1Qz2mAAdnGkVTrq7oGQlSpPrj_VM06WMJGp-ujQXPl29YXYf1ciYVYJKBo9P1YaqJih8mtj2J-KCdFMEbTAtAb3T1Ui_AK1O5j8jKpkAij7bWyeknwVuAd5GHA3qQYbhmo77H1uUB/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/AVvXsEiTd9xLp1MLckUueERIhESuafwyPTNdlDO8UVPkjFH2TKhLr3m3tL2feC7GZpbrP9ir6XYChlSyVADIJtyc-Zluyi_thNmdbIRqZPWnLIq9aIrVj-dTLRu8k6GQDKbpcKMQbtn7X7_8vbnO/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/AVvXsEhkdrTJ8zcFg5KLi17syObITO5NQKHNmV6XV7vleDGNAUUilPJT7-TKrKxkY8vmS_x00gdmtqVffPIQ4CnKDCX42QP2y-xueK0TGFKv6zq1CoODD5WZix61pLEWxm0voHGUWMcaxbx3bQ5E/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/AVvXsEgmv1sZciruFAIppmTO6AAVgxYuJjW8pOyLa5URDIVWLaN1XAgfOezhKK32llNsVdGVItaGaKBDISek5umwR00lQeaF3tno_Ya0OKSrsNii5UhCW_uvZSQaKmchLUL5HyIZT-3dRpDo0YDS/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/AVvXsEgi8Xo2lH4hBwWi94ryLe4GTr7vw7q32D0DyZ326FThBhbpXv_T_Qm14BPQ4ZJLkgeXiiObr0uMp2CbycG4jtzSivW2AilTy-oJAffROzCQ2HRKGKPD_IH0ZP8GuWbb2t2jHbFoHI25lmwL/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/AVvXsEhaHPVwo9ytGsZlXLyMS0rkKuLLWOpC5rnyVN4ylD6HFikGLqCjZNyCtm5_VDAuKpeCHbSmtVO5ndt9k-95TaQ4YhJyJnepD-WmG7uKd_pMX0dEuCHAz7usNAkb1LK-34IaW_-yKMXBZXNH/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/AVvXsEirKxbeH58EiK_4r7dVTMSy3AuqhNwlCE8H-1d3QFec3PYP871Dg7XAT-cTeJ8JVNpsSCxW1YIbqW98_Z6Tp3ldEb0ixE4ZqgGodujZOq8iC1Ek0R_-rQUVpfhE_Io5lue9BfVYC9bbD5d0/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/AVvXsEgCQTEY_zgbTKdoQJjzKZmVDieRiI6z0YMO_7gbk3wyu5hxWz7hvs-_JSZaDcznLyvQKrH6WF-_MRAJmQHUyFigQWt-t1M9Oe2rIzk-_9b8L6VQbn9bafz3aLzdaUpY5Nh5WzM64gbRSshM/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/AVvXsEji7x5L-IPzPI6zdCOolunaidNonoE475sZ54CDoK3x21Id0WczF00k76PTILW3ouhBTT2-PRACkv1YWGkl_2kDaP54C-oC2KZaWDPqldjIXEEPqGGYuGRSTcklkYOk0XO_GknoNanOswsG/s1600/a1.png' title=''/>
</div>
<div class='brand-box'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU1FUR1qOsfvKKoCq6jGzsFHJLgpDKMDgKmrwZ3PkdkWcsNbOAkGx2cLzDcosMrpm5IPVoi-E_3BKJh8sNog50l390qfwWPBQGDzgjeMXf1PdqqO5nHYJUT3pJMV4sSmtJhpUy10uM1_OY/s1600/a2.png' title=''/>
</div>
<div class='brand-box'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1ptIc2J2euY9gbv0RUSjsuJdC0Gr0yNjRqjIvnGBCEjsq0bDkXrDpbFvXv6RejFYdCgeNV1KCGks35v0a4REEk2V5wyVFzzAQ6afOkVDG6OPOANlYkz1KGZVTDA5av-jZkatgEvCBBleR/s1600/a3.png' title=''/>
</div>
<div class='brand-box'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXNo4TuiI2QEv63gTp2ZNZ8fKeEQJlcleeHK21MpGuzzyCbgnv2bjhR7exNRn8d3X0F9dAesoOidw7pnCoB1462E9YyW_c8UBSyYlle-Ht51mpNQSpQa4_tEwMOYIHRUh3OQ0AeLN0IHGO/s1600/a4.png' title=''/>
</div>
<div class='brand-box'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvdZ6q03bDFE9uI1_QDvFn97FuEbg9vJ72FZy7CTwEt52ftEovhmJwF-9kN2R53zQ_Q47WeG8Aml8X8uphZKdZhaUOib3PJdaIjXN1ooPyG45viIsfSjliYceIHZu82tD8G5H802dYnjq1/s1600/a5.png' title=''/>
</div>
<div class='brand-box'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCqZLehvEuSrZl9oov3MHezA8D4nPGe85Upl8XUYWjaV1uSExIjkBTanlVhRG1FFfDK775jAW0Ql83t7W-j2mf28kjuTpxSsmBdbZfOAZnkvsQOI1kH3lp_tndUe7DFW8STD88OF25jLlZ/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/AVvXsEhQkOLNsGwTbXueSYfcA6ukrBliwbKvNyQxBnVsL3HHED8zixTwm-rKouqcHsO9kHPiRuFd9iRmZ-fbuYdk2mc0URTWjt2c8DKKkBDYgzWvSUDONiM4PgzeT-Wt4fKchxRrwUlgXryP2Mgb/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

Tidak ada komentar:

Posting Komentar

Basic

Top