innomega_templates_components_about_me_hc_image.cfm

<cfoutput>
<!-- start about me section -->
<div class="container-fluid">
  <section class="section-main" id="aboutme">
    <div class="row">
    <!-- start left column with large round image based on square image input -->
      <div class="col-sm-5">
        <img src="#$.siteConfig('themeAssetPath')#/images/about-me/my_pic.jpg" class="img-responsive img-circle">
      </div> <!--- /. col-sm-5 --->
    <!-- /. end left column -->

    <!-- middle small spacer column -->
    <div class="col-sm-1">&nbsp;</div><!--- /. col-sm-1 --->
    <!-- /. end middle column -->
    
    <!-- start right column with about me text from editable component -->
    <div class="col-sm-6">
      <h3 class="text-center about-me-headline-colour">About me</h3>
        #$.component('body')#
      </div>    <!--- /. col-sm-6 --->   
    <!-- /. end right column -->
   
   </div> <!--- /. row --->
  </section>
</div> 
<!-- end about me section -->
</cfoutput>