Custom Block and Section

You Can add various HTML Custom blokc using opencart default "HTML Content"" feature.

CTA Section Right Side Image

100%x180

Sample Right Side Image CTA Block.

In OC 3X, go to your admin >>> Extension >>> Extension >>> Select Module in dropdown >>> Add New "HTML Content"

Give any "Module Name"
Give any "Heading Title"
In "description" field click on </> ( Soruce Code ) icon.
Copy paste the below code.
Save and done
Now add this module to home page.

            
<div class="section-components">
<div class="container">
<div class="row">
<div class="col-md-5">
  <h3 class="title">Custom Block Title Example<h3>
    <h6 class="description">The core elements of your website<h6>
         <h5 class="description">We re-styled every Bootstrap element to make it resemble Material Design and also fit with each other. All the Bootstrap components that you need in a development have been re-design with the new look. Besides the numerous basic elements, we have also created additional classes. All these items will help you take your project to the next level<h5>
    </div>
    <div class="col-md-6 col-md-offset-1">
    <div class="image">
    <img src="http://opencart.eraframework.com/image/era/components.jpg" class="img-responsive">
 </div>
</div>
</div>
</div>
</div>
    
    

CTA Section Left Side Image

100%x180

Sample left Side Image CTA Block.


            
<div class="section section-cards">
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="image">
    <img src="http://opencart.eraframework.com/image/era/components.jpg" class="img-responsive">
     </div>
</div>
<div class="col-md-4 col-md-offset-1">
<div class="section-description">
  <h3 class="title">Custom Block Title Example<h3>
    <h6 class="description">The core elements of your website<h6>
         <h5 class="description">We re-styled every Bootstrap element to make it resemble Material Design and also fit with each other. All the Bootstrap components that you need in a development have been re-design with the new look. Besides the numerous basic elements, we have also created additional classes. All these items will help you take your project to the next level<h5>
      
 </div>
</div>
</div>
</div>
</div>