AEM TextImage Component

gistfile1.txt

<div class="row">
    <div class="col-xs-12 text-center sd-home-asset-icon" id="<%= xssAPI.encodeForHTMLAttr(divId) %>">
        <% image.draw(out); %>
    </div>
</div>
        <cq:text property="image/jcr:description" placeholder="" tagName="small" escapeXml="true"/>
        <%@include file="/libs/foundation/components/image/tracking-js.jsp"%>
        <% }
       String placeholder = (isAuthoringUIModeTouch && !image.hasContent())
               ? Placeholder.getDefaultPlaceholder(slingRequest, component, "", ddClassName): "";
    %>
<div class="row">
    <div class="col-md-12 text-center">
        <h2>${properties.textTitle}</h2>
    </div>
</div>
<div class="row">
    <div class="col-md-12 text-center">	
        <cq:text property="text" tagClass="<%= "text " + ddClassName %>" escapeXml="true" placeholder="<%= placeholder %>"/>
    </div>    
</div>

Can we convert this in sightly