<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE pdf SYSTEM "%resources%/dtd/doctype.dtd">
<pdf>
    <dynamic-page>
    	<placeholders>
    		<header>
    			<div height="18.5px" background.color="black" color="white">
    				header
    			</div>
    		</header>
    		<footer>
    			<div height="18.5px" background.color="black" color="white">
    				footer
    			</div>
    		</footer>
    	</placeholders>

        <div class="outside-column" height="133px">
            Column with "equals-columns" attribute off
        </div>

        <column-layout id="column" number-of-columns="2" margin-between-columns="27">
            <div height="1995px" background.color="gray">
                Some long container
            </div>
           <div height="2700px" background.color="green">
                Some another long container
            </div>
        </column-layout>

        <div class="outside-column">
            Column with "equals-columns" attribute on
        </div>
        
        <column-layout extends="column" equals-columns="true">
            <div height="532px" background.color="gray">
                Some container
            </div>
        </column-layout>
        
        <div class="outside-column">
            Use break tag inside column
        </div>
        
        <column-layout extends="column">
        	<div background.color="blue" color="white">
       		Before break
        	</div>
        	<break />
        	<div background.color="blue" color="white" height="2700px">
        		Very long container after break.
       		</div>
        </column-layout>
        
        
    </dynamic-page>
</pdf>
