CTA Section Right Side Image

Sample Right Side Image CTA Block.

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.

<divclass="section-components"><divclass="container"><divclass="row"><divclass="col-md-5"><h3class="title">Custom Block Title Example<h3><h6class="description">The core elements of your website<h6><h5class="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><divclass="col-md-6 col-md-offset-1"><divclass="image"><imgsrc="http://opencart.eraframework.com/image/era/components.jpg" class="img-responsive"></div></div></div></div></div>

CTA Section Left Side Image

Sample left Side Image CTA Block.

<divclass="section section-cards"><divclass="container"><divclass="row"><divclass="col-md-7"><divclass="image"><imgsrc="http://opencart.eraframework.com/image/era/components.jpg" class="img-responsive"></div></div><divclass="col-md-4 col-md-offset-1"><divclass="section-description"><h3class="title">Custom Block Title Example<h3><h6class="description">The core elements of your website<h6><h5class="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>