Documentation Multisite

Method of Installing Manual Template Codfe:

Download files sent via email or WhatsApp
Open it using the Winrar or Zip application
Then select the template folder
Select one file type to be installed, .xml to be uploaded directly and notepad replace all and paste it in the Edit HTML. Recommendations (notepad), how to install notepad can be seen here.
Before installing, it's a good idea to first backup the previous template.

URGENT...!!!

Make sure all articles have a label, don't any without a label,
In the Feed make it Full, and
The size of the label text that will be entered in the recent widget must match the label text on the post, if you enter the label text incorrectly, the recent widget will not appear

TOP NAVI - LEFT

<li><i class='colorange fas fa-map-marker-alt'></i>Manado 38511, ID, BOLTIM</li>
<li><i class='colorange far fa-envelope-open'></i><a href='mailto:info@example.com'>info@example.com</a></li>

INFORMATION:

Replace with yours

TOP NAVI - RIGHT

HEADER

LOGO

Recommendation:

Sizi: 283 x 89 and (PNG)

SOCIAL MEDIA

PHONE TEXT

Go to layout then enter the below code on the Phone Text widget

<i class='colorange fal fa-mobile-android'></i><span>24/7 Phone Services</span><strong>+6281-2345-6789</strong>

QUOTE

Go on the theme - EDIT HTML then find the code below

<li class='get-quote'><a href='#'><i class='far fa-comments'/><span>Get A Quote</span><i class='fal fa-long-arrow-right'/></a></li>

INFORMATION:

Replace # with Url / Link

SLIDER FULL

Access your blog Layout > click the Edit icon on the SLIDER FULL widget and enter the HTML code below

<div class='bmcarousel'>
        <li class='slider-item feat-item'><div class='box-image position-absolute' id='slider01'></div>
          <div class='bm-content white'>
          <h3 class='recent-title'>Construction Success But Recession <strong class='colorange'>- Let&#39;s Multisite</strong></h3>
            <p class='bm01'>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Quis autem vel</p>
          <div class='wpbtn'>
<a class='thm-btn thm-bg' href='#' title=''>Learn More<i class='fal fa-long-arrow-right'></i></a>
  <a class='js-modal-video' href='https://www.youtube.com/watch?v=H_DsWb0Ou5c'><i class='fal fa-play'></i><div class='ripple'></div></a>
<span> Watch Now</span>
</div>
          </div>
    </li>
        <li class='slider-item feat-item'><div class='box-image position-absolute' id='slider02'></div>
          <div class='bm-content white'>
          <h3 class='recent-title'>Construction Success But Recession <strong class='colorange'>- Let&#39;s Multisite</strong></h3>
            <p class='bm01'>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Quis autem vel</p>
          <div class='wpbtn'>
<a class='thm-btn thm-bg' href='#' title=''>Learn More<i class='fal fa-long-arrow-right'></i></a>
  <a class='js-modal-video' href='https://www.youtube.com/watch?v=H_DsWb0Ou5c'><i class='fal fa-play'></i><div class='ripple'></div></a>
<span> Watch Now</span>
</div>
          </div>
    </li>
        <li class='slider-item feat-item'><div class='box-image position-absolute' id='slider03'></div>
          <div class='bm-content white'>
          <h3 class='recent-title'>Construction Success But Recession <strong class='colorange'>- Let&#39;s Multisite</strong></h3>
            <p class='bm01'>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Quis autem vel</p>
          <div class='wpbtn'>
<a class='thm-btn thm-bg' href='#' title=''>Learn More<i class='fal fa-long-arrow-right'></i></a>
  <a class='js-modal-video' href='https://www.youtube.com/watch?v=H_DsWb0Ou5c'><i class='fal fa-play'></i><div class='ripple'></div></a>
<span> Watch Now</span>
</div>
          </div>
    </li>
      </div>

To change the image on the slider, go to the theme - EDIT HTML and then look for the CSS code below

#slider01{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEatm5DWoHTwF-eWoNm6sM7Bl3Tx0kv3cF-XY3i5gEx4djM8vRYALl55TgND2Xiivyd-7v0AC2hOPc54vMffxrG8Zq7rlrmSCDJQ0umgjU4tHSwLVJeeyglN3cpUhEZXi6Qnwzq_TR_u4/s16000/slider1.jpg)}
#slider02{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUpte4AEp7P1rI5KWTCGLU21kSm2v3hjCQcqet47oIRQcLfn02DECvm_NUsd4VnxnggZAU9ES9Gg_Ch7w7rSUEgn0WQpPgTkKEHiSze83MKp7Nzf4t4Clkhd72llBE02fptoAaZ5ia1MM/s16000/slider2.jpg)}
#slider03{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx7iEuKQ6lXErdeCcom-Ae1ub-ucGYVh9PpToa4bw908s7ySvKeyJaWlPBVgQ4nuIRJlpnHyiEoRxtbrfkWDj3FX8Bk97pYNcrJrcDu3iLT9P86Dsa7DC00fJol769YXgY2z2wcjpfxO0/s16000/slider3.jpg)}

INFORMATION:

Please change each image URL in the CSS above

ABOUT TEXT

Access your blog Layout > click the Edit icon on the About text widget.

<div class='b001'>
<h2 class='bm01'>We craft beautifully useful marketing and digital <strong class='colorange'>- Let&#39;s Multisite</strong></h2>
<p class='bm01'>Sorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim admini veniam, quis nostru.</p>
</div>
<div class='002'>
<div class='fl00 left'>
<div class='ser001'>
<i class='fal fa-american-sign-language-interpreting'></i>
<div class='ser002'>
<h3 class='mb'>Architecture Design</h3>
<p class='mb'>Donec scelerisque dolor id nunc dictum, interdum...</p>
</div>
  </div>
<div class='ser001'>
<i class='fal fa-digging'></i>
<div class='ser002'>
<h3 class='mb'>Building Construction</h3>
<p class='mb'>Donec scelerisque dolor id nunc dictum, interdum...</p>
</div>
  </div>
</div>
 <div class='fl02 right'>
<div class='ser001'>
<i class='fal fa-paint-roller'></i>
<div class='ser002'>
<h3 class='mb'>House Renovation</h3>
<p class='mb'>Donec scelerisque dolor id nunc dictum, interdum...</p>
</div>
  </div>
   
   <div class='ser001'>
<i class='fal fa-drafting-compass'></i>
<div class='ser002'>
<h3 class='mb'>Auto Manufacturing</h3>
<p class='mb'>Donec scelerisque dolor id nunc dictum, interdum...</p>
</div>
  </div>
</div>
        </div>

ABOUT IMAGE

Access your blog Layout > click the Edit icon on the About Image widget.

<div class='about-image'>
<span>28<sup>+</sup><i class='d-block'>Experience</i></span> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd665mKFD3F-BI2w_zEVd8pHeRDt9BOUC1Zd86FVsoMcyz621jHsfIpBmZgaAkSXou22OCYwX_VfrUGH4n9cXMvHrAfO_T7IDtMxFNzUHDoZstn2shIhusXOsFkq9rLevqVC7_-_puL24/s16000/bg1.jpg'/>
</div>

COUNTER NUMBER

Access your blog Layout > click the Edit icon on the Counter Number widget.

<div class='box-counter text-center'>
  <div class='counter'>
    <h5 class='counter-number white'>
      <span class='counter-timer' data-from='0' data-to='89'>89</span>
      <sup>+</sup>
    </h5>
    <h5 class='counter-title white'>Sites launched</h5>
  </div>
  <div class='counter'>
    <h5 class='counter-number white'>
      <span class='counter-timer' data-from='0' data-to='420'>420</span>
      <sup>+</sup>
    </h5>
    <h5 class='counter-title white'>Cups of Coffee</h5>
  </div>
  <div class='counter'>
    <h5 class='counter-number white'>
      <span class='counter-timer' data-from='0' data-to='113'>113</span>
      <sup>+</sup>
    </h5>
    <h5 class='counter-title white'>Total Clients</h5>
  </div>
  <div class='counter'>
    <h5 class='counter-number white'>
      <span class='counter-timer' data-from='0' data-to='98' id='percent'>98</span>
      <sup>+</sup>
    </h5>
    <h5 class='counter-title white'>Positive Feedbacks</h5>
  </div>
</div>

AWESOME SERVICES

Access your blog Layout > click the Edit icon on the Awesome Services widget.

<div class='sec-title-inner text-center'>
   <span class='orange'>Awesome Services</span>
              <h2 class='bm01'>High quality services offered for construction industries</h2>
              <p class='bm01'>Presenting our best services of this year, top notch work with quick turn around period of working as starts</p>
                 </div>
              
               <div class='content-multisite'>
             <div class='content-post'>
<div class='serv-box text-center'>              
              <div class='box-inner'>
                <i class='fab fa-airbnb'></i>
<h3 class='m0'><a href='3' title=''>Construction And Engineering</a></h3>
<p class='bm01'>Donec scelerisque dolor id nunc dictum, interdum...</p>
           </div>
  <span class='m0'><i aria-hidden='true' class='thm-clr far fa-star'></i> Asia Pacific Winner</span> </div>
           </div>   
                 
<div class='content-post'>
<div class='serv-box text-center content-active'>              
              <div class='box-inner'>
                <i class='fal fa-bow-arrow'></i>
<h3 class='m0'><a href='3' title=''>Construction And Engineering</a></h3>
<p class='bm01'>Donec scelerisque dolor id nunc dictum, interdum...</p>
           </div>
  <span class='m0'><i aria-hidden='true' class='thm-clr far fa-star'></i> Asia Pacific Winner</span> </div>
           </div>
                 
<div class='content-post'>
<div class='serv-box text-center'>              
              <div class='box-inner'>
                <i class='fal fa-chair-office'></i>
<h3 class='m0'><a href='3' title=''>Construction And Engineering</a></h3>
<p class='bm01'>Donec scelerisque dolor id nunc dictum, interdum...</p>
           </div>
  <span class='m0'><i aria-hidden='true' class='thm-clr far fa-star'></i> Asia Pacific Winner</span> </div>
           </div>
                 
                 <div class='content-post'>
<div class='serv-box text-center'>              
              <div class='box-inner'>
                <i class='fal fa-clone'></i> 
<h3 class='m0'><a href='3' title=''>Construction And Engineering</a></h3>
<p class='bm01'>Donec scelerisque dolor id nunc dictum, interdum...</p>
           </div>
  <span class='m0'><i aria-hidden='true' class='thm-clr far fa-star'></i> Asia Pacific Winner</span> </div>
           </div>                   
           </div>

LATEST PROJECT

Access your blog Layout > click the Edit icon on the Latest Projects widget, Then enter the code below in it

<span data-type="carousel" data-label="Projects" data-no="6"></span>

INFORMATION:

Replace with the desired label name

Number of posts displayed (6)

For icon labels, please find the following CSS code and change each label name

a.City:before{content:"\f64f"}
a.George:before{content:"\f664"}
a.Card:before{content:"\f74f"}
a.Material:before{content:"\f85f"}
a.Moovit:before{content:"\f2cc"}

And to get the FontAwesome icon, please check this link https://fontawesome.com/

To view HTML code: https://kit-pro.fontawesome.com/releases/v5.15.1/css/pro.min.css

VIDEO CONTENT

Access your blog Layout > click the Edit icon on the Video Content widget.

<div class='video-content'>
<div class='bg-opacity'>
<div class='js-modal'>
<a class='js-modal-video white colorange' href='https://www.youtube.com/watch?v=H_DsWb0Ou5c'><i class='fal fa-play'></i><div class='ripple'></div></a>
</div>
</div>
</div>

INFORMATION:

replace with the Youtube video ID

TEXT HOT DEAL

To change the image on the slider, go to the theme - EDIT HTML

<div class="solution">
<h2 class="mb">Hot Deal: Yacht Build Package<i>15% <br> Off</i></h2>
<p class="mb">We are always ready to best solution for your problem.</p>
</div>

TECHNICAL

Access your blog Layout > click the Edit icon on the Technical widget.

<div class='solutions-content'>
<ul class='solutions-list'>
<li class='active'>
<i class=''>+</i>
<h4 class='mb'>28 Years Experience In Field.</h4>
<p class='mb'>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.</p>
</li>
<li class=''>
<i class=''>+</i>
<h4 class='mb'>Extensive Period of Warranty.</h4>
<p class='mb'>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.</p>
</li>
<li class=''>
<i class=''>+</i>
<h4 class='mb-0'>15% Discount on BuildUp.</h4>
<p class='mb-0'>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.</p>
</li>
</ul>
</div>

TESTIMONIAL

Access your blog Layout > click the Edit icon on the Testimonial widget, Then enter the code below in it

<div class='boxtestimonial'>
<div class='ithemonial'>
  <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'/>
</div>
<div class='warpmonial'>
<h4>"Donald Bebek"</h4>
<p class='mb'>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>
<small>★★★★★</small>
</div>
</div>
<div class='ithemonial'>
  <div class='monialimg'>
<img alt='Education Career' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSevG1hgVneFGlqoQJNBR-wgVNW0D_bM8ZFTnGz7eTCIxz_IpZ1t-1zkHFzygIgU1SoJ05_57iuJDxSBL544NeLHKODdH63ELRWGuTIqYZTPCIEqpwJ85qCpWCGhcT4IlcyHcT9Z6TmpVB/s1600/mo2.jpg'/>
</div>
<div class='warpmonial'>
<h4>"Mr. Bean"</h4>
<p class='mb'>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>
<small>★★★★★</small>
</div>
</div>
<div class='ithemonial'>
<div class='monialimg'>
<img alt='Education Career' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8R01xfitFhg4G9B8HGcKWxxh2TxLGKkIUYRXhpjV38AJRmg5PTM_8Qs0HqSdy3BcMr4pZBEAib9qhf6Kj76iC0sjQgiSjpIFmw1pntOGwKOb9h3Ov_gctR6Xl-0-0Sji3d3SSVXyo-ZGn/s1600/mo3.jpg'/>
</div>
<div class='warpmonial'>
<h4>"Jhon Wick"</h4>
<p class='mb'>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>
<small>★★★★★</small>
</div>
</div>
<div class='ithemonial'>
  <div class='monialimg'>
<img alt='Education Career' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSevG1hgVneFGlqoQJNBR-wgVNW0D_bM8ZFTnGz7eTCIxz_IpZ1t-1zkHFzygIgU1SoJ05_57iuJDxSBL544NeLHKODdH63ELRWGuTIqYZTPCIEqpwJ85qCpWCGhcT4IlcyHcT9Z6TmpVB/s1600/mo2.jpg'/>
</div>
<div class='warpmonial'>
<h4>"Jhon Boyz"</h4>
<p class='mb'>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>
<small>★★★★★</small>
</div>
</div>
<div class='ithemonial'>
  <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'/>
</div>
<div class='warpmonial'>
<h4>"Jhon Wick"</h4>
<p class='mb'>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>
<small>★★★★★</small>
</div>
</div>
<div class='ithemonial'>
  <div class='monialimg'>
<img alt='Education Career' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSevG1hgVneFGlqoQJNBR-wgVNW0D_bM8ZFTnGz7eTCIxz_IpZ1t-1zkHFzygIgU1SoJ05_57iuJDxSBL544NeLHKODdH63ELRWGuTIqYZTPCIEqpwJ85qCpWCGhcT4IlcyHcT9Z6TmpVB/s1600/mo2.jpg'/>
</div>
<div class='warpmonial'>
<h4>"Super Man"</h4>
<p class='mb'>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>
<small>★★★★★</small>
</div>
</div>            
</div>

FREQUENTLY ASKED QUESTIONS

Access your blog Layout > click the Edit icon on the Frequently Asked Questions widget, Then enter the code below in it

<div class='accordion js-accordion'>
<div class='accordion__item js-accordion-item active'>
<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
</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'>
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'>
Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse
</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'>
Magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
</div>
</div>

CALCULATION

Access your blog Layout > click the Edit icon on the Calculation 1 and Calculation 2 widget, Then enter the code below in it

<div class='boxwrap-icon'>
<div class='boxwrap-number'><h4>30</h4><p>Increase in Search Traffic</p></div>
<div class='boxwrap-number touc1'><h4>58</h4><p>Increase in Search Traffic</p></div>
<div class='boxwrap-number touc2'><h4>44</h4><p>Increase in Search Traffic</p></div>
</div>

<div class='experience'>
<h2>28<span>+</span></h2>
<i class='far fa-paper-plane'></i>
<div class='experience-text'>
<h4>Years of</h4>
<h3>Experience</h3>
</div>
</div>

BETWEEN

Access your blog Layout > click the Edit icon on the Between widget, Then enter the code below in it

<div class='text-center white'>
<p class='bm01'>Presenting our best services of this year, top notch work with quick turn around period of working as starts</p>
             <div class='view-all w-100 text-center'>
<a class='thm-btn thm-bg' href='#' title=''>Learn More<i class='fal fa-long-arrow-right'></i></a>
</div>
</div>

LATEST NEWS

Access your blog Layout > click the Edit icon on the Recent Slider widget, Then enter the code below in it

<span data-type="carousel" data-no="5"></span>

INFORMATION:

(5) is the number of posts displayed

SLIDER LOGO

Access your blog Layout > click the Edit icon on the Slider Logo widget, Then enter the code below in it

<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>

SUBSCRIBE TEXT

Access your blog Layout > click the Edit icon on the Subscribe Text widget, Then enter the code below in it

<div class='subcontent items-center between'>
<div class='subtext'>
<h2>Offered for construction industries</h2>
</div>
<div class='subtn'>
<div class='getin-touch-btn text-right'>
<a class='thm-btn bg-color1' href='#' title=''>Subscribe Now<i class='fal fa-long-arrow-right'/></i></a>
</div>
</div>
</div>

LOGO & MAPS

Access your blog Layout > click the Edit icon on the Logo & Maps widget, Then enter the code below in it

<div class='map-wrapper'>
<div class='map-wrapper-left'>
<div class='mplogo'>
<a href='/'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXGwZh3CXDM40xEeorCqhOD6r8UHcikocDFBvH4qASPyyE3z3INjl1-oNg1b8XX_8bwRohSEEXj-f0d5lXPlKsxQuZfenTRGh4RkvKl4SPKKCR7gstCKynOQno-h7YQKEo2Q7k7k1u7SA/s1600/logo.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>

FEED

Enter Blogger Settings, then in the FEED section - Allow Blog Feed - Full

Method of Installing Manual Template Codfe:

URGENT...!!!

TOP NAVI - LEFT

TOP NAVI - RIGHT

HEADER

LOGO

SOCIAL MEDIA

MENU

INFORMATION:

QUOTE

SLIDER FULL

ABOUT TEXT

ABOUT IMAGE

COUNTER NUMBER

AWESOME SERVICES

LATEST PROJECT

VIDEO CONTENT

TEXT HOT DEAL

TECHNICAL

TESTIMONIAL

FREQUENTLY ASKED QUESTIONS

CALCULATION

BETWEEN

LATEST NEWS

SLIDER LOGO

SUBSCRIBE TEXT

LOGO & MAPS

FEED