Manipular Html (criar estrutura html) com Javascript puro

Descrição:
Criar código HTML através de JavaScript.
O site em que será aplicado não aceita alteração no HTML, mas aceita inserção de código JavaScript. A estrutura a ser criada precisa ser algo semelhante a seguinte sintaxe:

$variavel.innerHTML =
        "<div class='secao-principal row-fluid sem-coluna'> " +
            "<div class='row-fluid'> " +

            "<div class='modulo span4'> <a href='#' > <img src='#' alt='#'/> </a> </div>" +
            "<div class='modulo span4'>" +
                "<div class='modulo span12'> <a href='#' > <img src='#' alt='#'/> </a> </div>"+
                "<div class='modulo span12'> <a href='#' > <img src='#' alt='#'/> </a> </div>"+
            "</div>" +
            "<div class='modulo span4'>" +
                "<div class='modulo span12'> <a href='#' > <img src='#' alt='#'/> </a> </div>"+
                "<div class='modulo span12'> <a href='#' > <img src='#' alt='#'/> </a> </div>"+
            "</div>" +

            "</div>" +
        "</div>";   

O Código será aplicado em uma loja virtual com o tema que pode ser acessado nesse endereço como exemplo: https://revolution-store.lojaintegrada.com.br/

O local da inserção do código será embaixo do título de cada categoria class=titulo categoria e acima da listagem de carrosel ul = class = produtos carrossel.




OBS = O código HTML necessário a ser inserido por JavaScript tem a altura determinada pelo tamanho das imagens, sendo o 'banner maior' com 405x458 e o 'banner menor' com 405x220.