index.html

 <div id="cont">
 <div id="container" >

    {{print_header}}

   	 <section id="info-wraper">

   	 	
         {{print_content}}
      

   	 </section>

   	 <footer class="full clearfix" style="text-align:center">
     {{print_foot}}
   	 </footer>
     

      </div>

   	</div>

   	<script type="text/javascript" src="{{theme_path}}/js/carousel.js"></script>   	
   	<script type="text/javascript" src="js/phpjs.js"></script>   	 	   	 
   	<script type="text/javascript" src="js/forms.js"></script>   	 	   	 
   	<script type="text/javascript" src="js/datepicker/js/bootstrap-datepicker.js"></script>   	 	   	 
   	<script type="text/javascript" src="//maps.google.com/maps/api/js?sensor=false&amp;language=es"></script>    
    <script type="text/javascript" src="{{theme_path}}/js/dialogs.js"></script>
    <script type="text/javascript" src="{{theme_path}}/js/quo.js"></script>

    <script type="text/javascript" src="{{theme_path}}/js/index.js"></script>            

  

   	<script type="text/javascript">
   		  
   		 
   

       function scroll_controller(e){
           

           $(".slider").animate({height:450}, "fast");

           if($(window).scrollTop() >= window.begreen)
             $("#Begreen").addClass("begreen");

           if($(window).scrollTop() >= window.htop)
             $("header").addClass("toped");
           else
             $("header").removeClass("toped");



       }

       function ini(){
               ini_controllers();
     
          $(window).on("scroll", scroll_controller);
          window.htop = $("#container").offset().top + 200;          
          
          if($("#begreeen").length > 0)
          window.begreen = $("#begreeen").offset().top;          
   
       }
   		  
   		  $(ini);   


                  //cycle loader bar

    var progress = $('#progress'),
    slideshow = $( '.cycle-slideshow' );

slideshow.on( 'cycle-initialized cycle-before', function( e, opts ) {
    progress.stop(true).css( 'width', 0 );
});

slideshow.on( 'cycle-initialized cycle-after', function( e, opts ) {
    if ( ! slideshow.is('.cycle-paused') )
        progress.animate({ width: '100%' }, opts.timeout, 'linear' );
});

slideshow.on( 'cycle-paused', function( e, opts ) {
   progress.stop(); 
});

slideshow.on( 'cycle-resumed', function( e, opts, timeoutRemaining ) {
    progress.animate({ width: '100%' }, timeoutRemaining, 'linear' );
});

  window.$_PATH = "{{theme_path}}";	




   	</script>

que_es.html

<div  {{vista:que_es.php}}>
<div class="block-orange full">
        <h2 class="tb trg white normal" style="padding-right:60px;">¿ Qué es Serviaseo S.A. ?</h2>
      </div>

       <div class="block-gray full bloker">
       <div class="wrapp">
        <div class="lft">
            <div class="contact-square">
              <div class="block-orange full" style="padding:15px 0; border-radius:0 3em 0 0; border:0">
                <h3 class="white normal tlc full" style="font-size:2em; text-align:center">Atención al Cliente</h3>
              </div>
              <div style="height:209px; overflow:hidden">
              <img src="themes/serviaseo/img/ope.jpg" alt="" style="width:100% !important;height:100%; width:auto; max-width:none;  display:block">
            </div>
              <br>
              <br>
              <div class=" text">

                <ul>
                   <li><a href="/contacto" class="no-under greener">  Peticiones, Quejas y Reclamos »</a></li>     <br>
                   <li class="grayy" {{editable}}  style="position: relative;">288 88 88 - 299 99 99</li>   
                   <br>
                   <br>
                   <li>
                    <span class="social">
                      <a href="#" class="icon-facebookIcon"></a>                 
                    </span>
                    <span class="social">
                      <a href="#" class="icon-intagramicon"></a>                 
                    </span>
                   </li>   
                   <br>             
                </ul>

              </div>
            </div>
        </div>
        <div class="rgt" style="width:720px">
        <div class="pgrh tlj">
          <p class="pgrh tlj" style="display: block; position: relative;" {{editable}} >Somos una empresa joven y ágil, con un gran espíritu de proyección y crecimiento en el ámbito local y regional. Nuestra labor contribuye a elevar la calidad de vida a través de la prestación del servicio público domiciliario de aseo, de esta manera, el dinamismo, liderazgo y profesionalismo que nos caracterizan son garantía de un trabajo continuo y eficiente, orientado a satisfacer las necesidades y expectativas de nuestros clientes. <br><br>De acuerdo con las leyes que nos rigen y gracias a que contamos con un excelente equipo humano y tecnológico, estamos en la capacidad de ampliar nuestro mercado a otros clientes y municipios, con el respaldo que nos brinda la experiencia.</p>
        </div>
          <br>
          <br>
          <br>
          <br>
          <br>          
          <div class="ecology-icons full tlc" style="text-align:center">
            <span><a href="#" class="icon-reclajeIcon green"></a></span>
            <span><a href="#" class="icon-aguaicon"></a></span>
            <span><a href="#" class="icon-tierraicon brown"></a></span>          
          </div>
        </div>
      </div>
      </div>
    </div>