Footer, can provide organisation, social and location information

Introduction

The footer section contains two elements

Columned area that contains any information within the locale.
Copyright section.

Footer content is driven from the locale file. The yaml object not only determines the content but also the amount of columns it iterates through.

The YAML file can contain HTML or Markdown syntax to provide the completed look. For markdown simply add markdown : true to the section.

A separate global data file is required to setup the footer across multiple languages, the options available are demonstrated below.

Setup

Example locale YAML

en:
    footer :

        # Column One
        - title       : "About"
          icon        : "fa-info"
          description : |
            Content

Example data file

# Global
container  : "container"
extraClass : "footer--sticky"

# Copyright
copyright :
    active : true

# Footer
footer :
    active     : true
    extraClass : false

# Logo
drykiss : true

Default

= codeBlender "footer", "organism", { fluid: true, sticky: false }

<footer class='' role='contentinfo'>
<div class='footer'>
<div class='container-fluid'>
<div class='row footer__row'>
<div class='col-md-3 col-xs-6 footer__column'>
<h4 class='heading footer__heading'>
<span class='fa fa-info'></span>


About
</h4>


<div class='footer__content'>

<p><strong>DryKISS</strong> is a full service internet and mobile digital production
house. Our core services span consulting, strategy; planning;
development; testing and analytics. We developed CodeBlender to
provide a Rapid and repeatable platform for our frontend work.</p>


</div>
</div>
<div class='col-md-3 col-xs-6 footer__column'>
<h4 class='heading footer__heading'>
<span class='fa fa-cogs'></span>


What We Do
</h4>


<div class='footer__content'>

DryKISS develops hybrid mobile apps (iOS &amp; Android); responsive
internet sites; administration systems and social applications.
Using our platform we tune for SEO, accessibility and conversion
from the very outset.

</div>
</div>
<div class='col-md-3 col-xs-6 footer--social footer__column'>
<h4 class='heading footer__heading'>
<span class='fa fa-twitter'></span>


Social
</h4>


<div class='footer__content'>

<a href="https://www.facebook.com/DryKISSLtd" target="_blank">
    <span class="fa fa-fw fa-facebook" title="Facebook"></span>
</a>
<a href="https://twitter.com/DryKISSLtd" target="_blank">
    <span class="fa fa-fw fa-twitter" title="Twitter"></span>
</a>
<a href="https://google.com/DryKISSLtd" target="_blank">
    <span class="fa fa-fw fa-google" title="Google"></span>
</a>

</div>
</div>
<div class='col-md-3 col-xs-6 footer__column'>
<h4 class='heading footer__heading'>
<span class='fa fa-phone'></span>


Contact
</h4>


<div class='footer__content'>

<p>
    <i class="fa fa-fw fa-map-marker"></i>
    Colliers Wood, London, UK
</p>

<p>
    <i class="fa fa-fw fa-phone"></i>
    <a href="tel:+447780435329">+44 (0) 778 043 5329</a>
</p>

<p>
    <i class="fa fa-fw fa-envelope"></i>
    <a href="mailto:[email protected]">[email protected]</a>
</p>

</div>
</div>
</div>
</div>
</div>
<div class='copyright'>
<div class='container-fluid'>
<div class='row'>
<div class='col-md-12'>
<time datetime='2017'>&copy; 2017</time>
Code Blender
All rights reserved.
<div class='pull-right'>
Site &amp; SEO by
<a href='//drykiss.com' target='_blank'>
<svg class="drykissLogo" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="254.667px" height="224.465px" viewBox="0 0 254.667 224.465" enable-background="new 0 0 254.667 224.465" xml:space="preserve">

<rect x="-1.651" y="95.98" fill="none" width="331.201" height="61.655"/>

<text transform="matrix(1 0 0 1 1 126.6523)"       fill="#979797" font-family="'Courier'" font-size="48" letter-spacing="7">DRY</text>
<text transform="matrix(1 0 0 1 115.563 126.6523)" fill="#ED293B" font-family="'Courier'" font-size="48" letter-spacing="7">KISS</text>

<g>
	<rect x="64.315" y="203.331" opacity="0.55" fill="#ED293B" enable-background="new" width="21.136" height="21.137"/>
	<rect x="85.457" y="203.338" opacity="0.75" fill="#ED293B" enable-background="new" width="21.127" height="21.127"/>
	<rect x="106.579" y="203.331" opacity="0.69" fill="#ED293B" enable-background="new" width="21.138" height="21.137"/>
	<rect x="127.713" y="203.331" opacity="0.77" fill="#ED293B" enable-background="new" width="21.137" height="21.137"/>
	<rect x="148.854" y="203.338" opacity="0.67" fill="#ED293B" enable-background="new" width="21.128" height="21.127"/>
	<rect x="169.979" y="203.331" opacity="0.53" fill="#ED293B" enable-background="new" width="21.138" height="21.137"/>
	<rect x="43.182" y="182.145" opacity="0.51" fill="#ED293B" enable-background="new" width="21.137" height="21.142"/>
	<rect x="64.324" y="182.155" opacity="0.85" fill="#ED293B" enable-background="new" width="21.128" height="21.131"/>
	<rect x="85.447" y="182.145" opacity="0.99" fill="#ED293B" enable-background="new" width="21.137" height="21.142"/>
	<rect x="106.579" y="182.145" opacity="0.9" fill="#ED293B" enable-background="new" width="21.138" height="21.142"/>
	<rect x="127.723" y="182.154" opacity="0.9" fill="#ED293B" enable-background="new" width="21.128" height="21.132"/>
	<rect x="148.847" y="182.146" opacity="0.97" fill="#ED293B" enable-background="new" width="21.136" height="21.14"/>
	<rect x="169.988" y="182.146" opacity="0.87" fill="#ED293B" enable-background="new" width="21.129" height="21.131"/>
	<rect x="191.112" y="182.146" opacity="0.49" fill="#ED293B" enable-background="new" width="21.138" height="21.14"/>
	<rect x="22.049" y="161.014" opacity="0.45" fill="#ED293B" enable-background="new" width="21.137" height="21.135"/>
	<rect x="43.191" y="161.023" opacity="0.81" fill="#ED293B" enable-background="new" width="21.128" height="21.125"/>
	<rect x="64.315" y="161.014" opacity="0.81" fill="#ED293B" enable-background="new" width="21.136" height="21.135"/>
	<rect x="85.447" y="161.012" opacity="0.95" fill="#ED293B" enable-background="new" width="21.137" height="21.137"/>
	<rect x="148.873" y="161.004" opacity="0.93" fill="#ED293B" enable-background="new" width="21.127" height="21.129"/>
	<rect x="169.996" y="160.997" opacity="0.91" fill="#ED293B" enable-background="new" width="21.139" height="21.137"/>
	<rect x="191.138" y="160.997" opacity="0.83" fill="#ED293B" enable-background="new" width="21.128" height="21.129"/>
	<rect x="212.261" y="160.997" opacity="0.47" fill="#ED293B" enable-background="new" width="21.139" height="21.137"/>
	<rect x="0.892" y="139.879" opacity="0.43" fill="#ED293B" enable-background="new" width="21.137" height="21.139"/>
	<rect x="22.033" y="139.889" opacity="0.71" fill="#ED293B" enable-background="new" width="21.128" height="21.129"/>
	<rect x="43.157" y="139.879" opacity="0.77" fill="#ED293B" enable-background="new" width="21.138" height="21.139"/>
	<rect x="64.289" y="139.879" opacity="0.89" fill="#ED293B" enable-background="new" width="21.138" height="21.139"/>
	<rect x="170.003" y="139.874" opacity="0.91" fill="#ED293B" enable-background="new" width="21.131" height="21.129"/>
	<rect x="191.128" y="139.866" opacity="0.79" fill="#ED293B" enable-background="new" width="21.138" height="21.137"/>
	<rect x="212.271" y="139.866" opacity="0.79" fill="#ED293B" enable-background="new" width="21.129" height="21.127"/>
	<rect x="233.395" y="139.866" opacity="0.41" fill="#ED293B" enable-background="new" width="21.138" height="21.137"/>
</g>

<g>
	<rect x="169.971" y="0.927" opacity="0.54" fill="#ED293B" enable-background="new" width="21.139" height="21.137"/>
	<rect x="148.839" y="0.927" opacity="0.7" fill="#ED293B" enable-background="new" width="21.127" height="21.128"/>
	<rect x="127.705" y="43.238" opacity="0.74" fill="#ED293B" enable-background="new" width="21.136" height="21.138"/>
	<rect x="106.572" y="43.238" opacity="0.68" fill="#ED293B" enable-background="new" width="21.137" height="21.138"/>
	<rect x="85.44" y="0.927" opacity="0.72" fill="#ED293B" enable-background="new" width="21.128" height="21.128"/>
	<rect x="64.307" y="0.927" opacity="0.52" fill="#ED293B" enable-background="new" width="21.137" height="21.136"/>
	<rect x="191.105" y="22.109" opacity="0.56" fill="#ED293B" enable-background="new" width="21.137" height="21.137"/>
	<rect x="169.971" y="22.109" opacity="0.76" fill="#ED293B" enable-background="new" width="21.129" height="21.128"/>
	<rect x="148.839" y="22.109" opacity="0.84" fill="#ED293B" enable-background="new" width="21.137" height="21.137"/>
	<rect x="127.706" y="22.109" opacity="0.58" fill="#ED293B" enable-background="new" width="21.137" height="21.138"/>
	<rect x="106.572" y="22.109" opacity="0.5" fill="#ED293B" enable-background="new" width="21.128" height="21.128"/>
	<rect x="85.44" y="22.109" opacity="0.82" fill="#ED293B" enable-background="new" width="21.136" height="21.136"/>
	<rect x="64.307" y="22.117" opacity="0.66" fill="#ED293B" enable-background="new" width="21.128" height="21.128"/>
	<rect x="43.174" y="22.109" opacity="0.48" fill="#ED293B" enable-background="new" width="21.139" height="21.136"/>
	<rect x="212.237" y="43.243" opacity="0.44" fill="#ED293B" enable-background="new" width="21.138" height="21.137"/>
	<rect x="191.105" y="43.243" opacity="0.71" fill="#ED293B" enable-background="new" width="21.126" height="21.127"/>
	<rect x="169.983" y="43.23" opacity="0.88" fill="#ED293B" enable-background="new" width="21.14" height="21.137"/>
	<rect x="148.839" y="43.243" opacity="0.96" fill="#ED293B" enable-background="new" width="21.137" height="21.139"/>
	<rect x="85.423" y="43.26" opacity="0.94" fill="#ED293B" enable-background="new" width="21.127" height="21.127"/>
	<rect x="64.289" y="43.26" opacity="0.86" fill="#ED293B" enable-background="new" width="21.138" height="21.135"/>
	<rect x="43.157" y="43.268" opacity="0.86" fill="#ED293B" enable-background="new" width="21.128" height="21.127"/>
	<rect x="22.025" y="43.26" opacity="0.46" fill="#ED293B" enable-background="new" width="21.136" height="21.135"/>
	<rect x="233.395" y="64.377" opacity="0.42" fill="#ED293B" enable-background="new" width="21.138" height="21.136"/>
	<rect x="212.261" y="64.377" opacity="0.86" fill="#ED293B" enable-background="new" width="21.13" height="21.127"/>
	<rect x="191.128" y="64.377" opacity="0.92" fill="#ED293B" enable-background="new" width="21.138" height="21.136"/>
	<rect x="169.996" y="64.377" opacity="0.98" fill="#ED293B" enable-background="new" width="21.139" height="21.136"/>
	<rect x="64.289" y="64.392" fill="#ED293B" width="21.129" height="21.128"/>
	<rect x="43.157" y="64.392" opacity="0.9" fill="#ED293B" enable-background="new" width="21.138" height="21.136"/>
	<rect x="22.025" y="64.399" opacity="0.84" fill="#ED293B" enable-background="new" width="21.126" height="21.129"/>
	<rect x="0.892" y="64.392" opacity="0.4" fill="#ED293B" enable-background="new" width="21.137" height="21.136"/>
</g>

</svg>

DryKISS Ltd
</a>
</div>
</div>
</div>
</div>
</div>
</footer>

Local data Footer

= codeBlender "footer", "organism", { array: current_page.data.footer, fluid: true, footerClass: "noBackground text-center", sticky: false }

<footer class='' role='contentinfo'>
<div class='footer'>
<div class='container-fluid'>
<div class='row footer__row'>
<div class='col-md-4 col-xs-6 footer__column'>
<h4 class='heading footer__heading'>
<span class='fa info'></span>


Column 1
</h4>


<div class='footer__content'>
The quick brown fox jumps over the lazy dog

</div>
</div>
<div class='col-md-4 col-xs-6 footer__column'>
<h4 class='heading footer__heading'>
<span class='fa cogs'></span>


Column 2
</h4>


<div class='footer__content'>
The quick brown fox jumps over the lazy dog

</div>
</div>
<div class='col-md-4 col-xs-6 footer__column social'>
<h4 class='heading footer__heading'>
<span class='fa facebook'></span>


Column 3
</h4>


<div class='footer__content'>
The quick brown fox jumps over the lazy dog

</div>
</div>
</div>
</div>
</div>
<div class='copyright'>
<div class='container-fluid'>
<div class='row'>
<div class='col-md-12'>
<time datetime='2017'>&copy; 2017</time>
Code Blender
All rights reserved.
<div class='pull-right'>
Site &amp; SEO by
<a href='//drykiss.com' target='_blank'>
<svg class="drykissLogo" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="254.667px" height="224.465px" viewBox="0 0 254.667 224.465" enable-background="new 0 0 254.667 224.465" xml:space="preserve">

<rect x="-1.651" y="95.98" fill="none" width="331.201" height="61.655"/>

<text transform="matrix(1 0 0 1 1 126.6523)"       fill="#979797" font-family="'Courier'" font-size="48" letter-spacing="7">DRY</text>
<text transform="matrix(1 0 0 1 115.563 126.6523)" fill="#ED293B" font-family="'Courier'" font-size="48" letter-spacing="7">KISS</text>

<g>
	<rect x="64.315" y="203.331" opacity="0.55" fill="#ED293B" enable-background="new" width="21.136" height="21.137"/>
	<rect x="85.457" y="203.338" opacity="0.75" fill="#ED293B" enable-background="new" width="21.127" height="21.127"/>
	<rect x="106.579" y="203.331" opacity="0.69" fill="#ED293B" enable-background="new" width="21.138" height="21.137"/>
	<rect x="127.713" y="203.331" opacity="0.77" fill="#ED293B" enable-background="new" width="21.137" height="21.137"/>
	<rect x="148.854" y="203.338" opacity="0.67" fill="#ED293B" enable-background="new" width="21.128" height="21.127"/>
	<rect x="169.979" y="203.331" opacity="0.53" fill="#ED293B" enable-background="new" width="21.138" height="21.137"/>
	<rect x="43.182" y="182.145" opacity="0.51" fill="#ED293B" enable-background="new" width="21.137" height="21.142"/>
	<rect x="64.324" y="182.155" opacity="0.85" fill="#ED293B" enable-background="new" width="21.128" height="21.131"/>
	<rect x="85.447" y="182.145" opacity="0.99" fill="#ED293B" enable-background="new" width="21.137" height="21.142"/>
	<rect x="106.579" y="182.145" opacity="0.9" fill="#ED293B" enable-background="new" width="21.138" height="21.142"/>
	<rect x="127.723" y="182.154" opacity="0.9" fill="#ED293B" enable-background="new" width="21.128" height="21.132"/>
	<rect x="148.847" y="182.146" opacity="0.97" fill="#ED293B" enable-background="new" width="21.136" height="21.14"/>
	<rect x="169.988" y="182.146" opacity="0.87" fill="#ED293B" enable-background="new" width="21.129" height="21.131"/>
	<rect x="191.112" y="182.146" opacity="0.49" fill="#ED293B" enable-background="new" width="21.138" height="21.14"/>
	<rect x="22.049" y="161.014" opacity="0.45" fill="#ED293B" enable-background="new" width="21.137" height="21.135"/>
	<rect x="43.191" y="161.023" opacity="0.81" fill="#ED293B" enable-background="new" width="21.128" height="21.125"/>
	<rect x="64.315" y="161.014" opacity="0.81" fill="#ED293B" enable-background="new" width="21.136" height="21.135"/>
	<rect x="85.447" y="161.012" opacity="0.95" fill="#ED293B" enable-background="new" width="21.137" height="21.137"/>
	<rect x="148.873" y="161.004" opacity="0.93" fill="#ED293B" enable-background="new" width="21.127" height="21.129"/>
	<rect x="169.996" y="160.997" opacity="0.91" fill="#ED293B" enable-background="new" width="21.139" height="21.137"/>
	<rect x="191.138" y="160.997" opacity="0.83" fill="#ED293B" enable-background="new" width="21.128" height="21.129"/>
	<rect x="212.261" y="160.997" opacity="0.47" fill="#ED293B" enable-background="new" width="21.139" height="21.137"/>
	<rect x="0.892" y="139.879" opacity="0.43" fill="#ED293B" enable-background="new" width="21.137" height="21.139"/>
	<rect x="22.033" y="139.889" opacity="0.71" fill="#ED293B" enable-background="new" width="21.128" height="21.129"/>
	<rect x="43.157" y="139.879" opacity="0.77" fill="#ED293B" enable-background="new" width="21.138" height="21.139"/>
	<rect x="64.289" y="139.879" opacity="0.89" fill="#ED293B" enable-background="new" width="21.138" height="21.139"/>
	<rect x="170.003" y="139.874" opacity="0.91" fill="#ED293B" enable-background="new" width="21.131" height="21.129"/>
	<rect x="191.128" y="139.866" opacity="0.79" fill="#ED293B" enable-background="new" width="21.138" height="21.137"/>
	<rect x="212.271" y="139.866" opacity="0.79" fill="#ED293B" enable-background="new" width="21.129" height="21.127"/>
	<rect x="233.395" y="139.866" opacity="0.41" fill="#ED293B" enable-background="new" width="21.138" height="21.137"/>
</g>

<g>
	<rect x="169.971" y="0.927" opacity="0.54" fill="#ED293B" enable-background="new" width="21.139" height="21.137"/>
	<rect x="148.839" y="0.927" opacity="0.7" fill="#ED293B" enable-background="new" width="21.127" height="21.128"/>
	<rect x="127.705" y="43.238" opacity="0.74" fill="#ED293B" enable-background="new" width="21.136" height="21.138"/>
	<rect x="106.572" y="43.238" opacity="0.68" fill="#ED293B" enable-background="new" width="21.137" height="21.138"/>
	<rect x="85.44" y="0.927" opacity="0.72" fill="#ED293B" enable-background="new" width="21.128" height="21.128"/>
	<rect x="64.307" y="0.927" opacity="0.52" fill="#ED293B" enable-background="new" width="21.137" height="21.136"/>
	<rect x="191.105" y="22.109" opacity="0.56" fill="#ED293B" enable-background="new" width="21.137" height="21.137"/>
	<rect x="169.971" y="22.109" opacity="0.76" fill="#ED293B" enable-background="new" width="21.129" height="21.128"/>
	<rect x="148.839" y="22.109" opacity="0.84" fill="#ED293B" enable-background="new" width="21.137" height="21.137"/>
	<rect x="127.706" y="22.109" opacity="0.58" fill="#ED293B" enable-background="new" width="21.137" height="21.138"/>
	<rect x="106.572" y="22.109" opacity="0.5" fill="#ED293B" enable-background="new" width="21.128" height="21.128"/>
	<rect x="85.44" y="22.109" opacity="0.82" fill="#ED293B" enable-background="new" width="21.136" height="21.136"/>
	<rect x="64.307" y="22.117" opacity="0.66" fill="#ED293B" enable-background="new" width="21.128" height="21.128"/>
	<rect x="43.174" y="22.109" opacity="0.48" fill="#ED293B" enable-background="new" width="21.139" height="21.136"/>
	<rect x="212.237" y="43.243" opacity="0.44" fill="#ED293B" enable-background="new" width="21.138" height="21.137"/>
	<rect x="191.105" y="43.243" opacity="0.71" fill="#ED293B" enable-background="new" width="21.126" height="21.127"/>
	<rect x="169.983" y="43.23" opacity="0.88" fill="#ED293B" enable-background="new" width="21.14" height="21.137"/>
	<rect x="148.839" y="43.243" opacity="0.96" fill="#ED293B" enable-background="new" width="21.137" height="21.139"/>
	<rect x="85.423" y="43.26" opacity="0.94" fill="#ED293B" enable-background="new" width="21.127" height="21.127"/>
	<rect x="64.289" y="43.26" opacity="0.86" fill="#ED293B" enable-background="new" width="21.138" height="21.135"/>
	<rect x="43.157" y="43.268" opacity="0.86" fill="#ED293B" enable-background="new" width="21.128" height="21.127"/>
	<rect x="22.025" y="43.26" opacity="0.46" fill="#ED293B" enable-background="new" width="21.136" height="21.135"/>
	<rect x="233.395" y="64.377" opacity="0.42" fill="#ED293B" enable-background="new" width="21.138" height="21.136"/>
	<rect x="212.261" y="64.377" opacity="0.86" fill="#ED293B" enable-background="new" width="21.13" height="21.127"/>
	<rect x="191.128" y="64.377" opacity="0.92" fill="#ED293B" enable-background="new" width="21.138" height="21.136"/>
	<rect x="169.996" y="64.377" opacity="0.98" fill="#ED293B" enable-background="new" width="21.139" height="21.136"/>
	<rect x="64.289" y="64.392" fill="#ED293B" width="21.129" height="21.128"/>
	<rect x="43.157" y="64.392" opacity="0.9" fill="#ED293B" enable-background="new" width="21.138" height="21.136"/>
	<rect x="22.025" y="64.399" opacity="0.84" fill="#ED293B" enable-background="new" width="21.126" height="21.129"/>
	<rect x="0.892" y="64.392" opacity="0.4" fill="#ED293B" enable-background="new" width="21.137" height="21.136"/>
</g>

</svg>

DryKISS Ltd
</a>
</div>
</div>
</div>
</div>
</div>
</footer>

Copyright centred text

= codeBlender "footer", "organism", { center: true, fluid: true, sticky: false }

<footer class='' role='contentinfo'>
<div class='footer'>
<div class='container-fluid'>
<div class='row footer__row'>
<div class='col-md-3 col-xs-6 footer__column'>
<h4 class='heading footer__heading'>
<span class='fa fa-info'></span>


About
</h4>


<div class='footer__content'>

<p><strong>DryKISS</strong> is a full service internet and mobile digital production
house. Our core services span consulting, strategy; planning;
development; testing and analytics. We developed CodeBlender to
provide a Rapid and repeatable platform for our frontend work.</p>


</div>
</div>
<div class='col-md-3 col-xs-6 footer__column'>
<h4 class='heading footer__heading'>
<span class='fa fa-cogs'></span>


What We Do
</h4>


<div class='footer__content'>

DryKISS develops hybrid mobile apps (iOS &amp; Android); responsive
internet sites; administration systems and social applications.
Using our platform we tune for SEO, accessibility and conversion
from the very outset.

</div>
</div>
<div class='col-md-3 col-xs-6 footer--social footer__column'>
<h4 class='heading footer__heading'>
<span class='fa fa-twitter'></span>


Social
</h4>


<div class='footer__content'>

<a href="https://www.facebook.com/DryKISSLtd" target="_blank">
    <span class="fa fa-fw fa-facebook" title="Facebook"></span>
</a>
<a href="https://twitter.com/DryKISSLtd" target="_blank">
    <span class="fa fa-fw fa-twitter" title="Twitter"></span>
</a>
<a href="https://google.com/DryKISSLtd" target="_blank">
    <span class="fa fa-fw fa-google" title="Google"></span>
</a>

</div>
</div>
<div class='col-md-3 col-xs-6 footer__column'>
<h4 class='heading footer__heading'>
<span class='fa fa-phone'></span>


Contact
</h4>


<div class='footer__content'>

<p>
    <i class="fa fa-fw fa-map-marker"></i>
    Colliers Wood, London, UK
</p>

<p>
    <i class="fa fa-fw fa-phone"></i>
    <a href="tel:+447780435329">+44 (0) 778 043 5329</a>
</p>

<p>
    <i class="fa fa-fw fa-envelope"></i>
    <a href="mailto:[email protected]">[email protected]</a>
</p>

</div>
</div>
</div>
</div>
</div>
<div class='copyright text-center'>
<div class='container-fluid'>
<div class='row'>
<div class='col-md-12'>
<time datetime='2017'>&copy; 2017</time>
Code Blender
All rights reserved.
<div class='pull-right'>
Site &amp; SEO by
<a href='//drykiss.com' target='_blank'>
<svg class="drykissLogo" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="254.667px" height="224.465px" viewBox="0 0 254.667 224.465" enable-background="new 0 0 254.667 224.465" xml:space="preserve">

<rect x="-1.651" y="95.98" fill="none" width="331.201" height="61.655"/>

<text transform="matrix(1 0 0 1 1 126.6523)"       fill="#979797" font-family="'Courier'" font-size="48" letter-spacing="7">DRY</text>
<text transform="matrix(1 0 0 1 115.563 126.6523)" fill="#ED293B" font-family="'Courier'" font-size="48" letter-spacing="7">KISS</text>

<g>
	<rect x="64.315" y="203.331" opacity="0.55" fill="#ED293B" enable-background="new" width="21.136" height="21.137"/>
	<rect x="85.457" y="203.338" opacity="0.75" fill="#ED293B" enable-background="new" width="21.127" height="21.127"/>
	<rect x="106.579" y="203.331" opacity="0.69" fill="#ED293B" enable-background="new" width="21.138" height="21.137"/>
	<rect x="127.713" y="203.331" opacity="0.77" fill="#ED293B" enable-background="new" width="21.137" height="21.137"/>
	<rect x="148.854" y="203.338" opacity="0.67" fill="#ED293B" enable-background="new" width="21.128" height="21.127"/>
	<rect x="169.979" y="203.331" opacity="0.53" fill="#ED293B" enable-background="new" width="21.138" height="21.137"/>
	<rect x="43.182" y="182.145" opacity="0.51" fill="#ED293B" enable-background="new" width="21.137" height="21.142"/>
	<rect x="64.324" y="182.155" opacity="0.85" fill="#ED293B" enable-background="new" width="21.128" height="21.131"/>
	<rect x="85.447" y="182.145" opacity="0.99" fill="#ED293B" enable-background="new" width="21.137" height="21.142"/>
	<rect x="106.579" y="182.145" opacity="0.9" fill="#ED293B" enable-background="new" width="21.138" height="21.142"/>
	<rect x="127.723" y="182.154" opacity="0.9" fill="#ED293B" enable-background="new" width="21.128" height="21.132"/>
	<rect x="148.847" y="182.146" opacity="0.97" fill="#ED293B" enable-background="new" width="21.136" height="21.14"/>
	<rect x="169.988" y="182.146" opacity="0.87" fill="#ED293B" enable-background="new" width="21.129" height="21.131"/>
	<rect x="191.112" y="182.146" opacity="0.49" fill="#ED293B" enable-background="new" width="21.138" height="21.14"/>
	<rect x="22.049" y="161.014" opacity="0.45" fill="#ED293B" enable-background="new" width="21.137" height="21.135"/>
	<rect x="43.191" y="161.023" opacity="0.81" fill="#ED293B" enable-background="new" width="21.128" height="21.125"/>
	<rect x="64.315" y="161.014" opacity="0.81" fill="#ED293B" enable-background="new" width="21.136" height="21.135"/>
	<rect x="85.447" y="161.012" opacity="0.95" fill="#ED293B" enable-background="new" width="21.137" height="21.137"/>
	<rect x="148.873" y="161.004" opacity="0.93" fill="#ED293B" enable-background="new" width="21.127" height="21.129"/>
	<rect x="169.996" y="160.997" opacity="0.91" fill="#ED293B" enable-background="new" width="21.139" height="21.137"/>
	<rect x="191.138" y="160.997" opacity="0.83" fill="#ED293B" enable-background="new" width="21.128" height="21.129"/>
	<rect x="212.261" y="160.997" opacity="0.47" fill="#ED293B" enable-background="new" width="21.139" height="21.137"/>
	<rect x="0.892" y="139.879" opacity="0.43" fill="#ED293B" enable-background="new" width="21.137" height="21.139"/>
	<rect x="22.033" y="139.889" opacity="0.71" fill="#ED293B" enable-background="new" width="21.128" height="21.129"/>
	<rect x="43.157" y="139.879" opacity="0.77" fill="#ED293B" enable-background="new" width="21.138" height="21.139"/>
	<rect x="64.289" y="139.879" opacity="0.89" fill="#ED293B" enable-background="new" width="21.138" height="21.139"/>
	<rect x="170.003" y="139.874" opacity="0.91" fill="#ED293B" enable-background="new" width="21.131" height="21.129"/>
	<rect x="191.128" y="139.866" opacity="0.79" fill="#ED293B" enable-background="new" width="21.138" height="21.137"/>
	<rect x="212.271" y="139.866" opacity="0.79" fill="#ED293B" enable-background="new" width="21.129" height="21.127"/>
	<rect x="233.395" y="139.866" opacity="0.41" fill="#ED293B" enable-background="new" width="21.138" height="21.137"/>
</g>

<g>
	<rect x="169.971" y="0.927" opacity="0.54" fill="#ED293B" enable-background="new" width="21.139" height="21.137"/>
	<rect x="148.839" y="0.927" opacity="0.7" fill="#ED293B" enable-background="new" width="21.127" height="21.128"/>
	<rect x="127.705" y="43.238" opacity="0.74" fill="#ED293B" enable-background="new" width="21.136" height="21.138"/>
	<rect x="106.572" y="43.238" opacity="0.68" fill="#ED293B" enable-background="new" width="21.137" height="21.138"/>
	<rect x="85.44" y="0.927" opacity="0.72" fill="#ED293B" enable-background="new" width="21.128" height="21.128"/>
	<rect x="64.307" y="0.927" opacity="0.52" fill="#ED293B" enable-background="new" width="21.137" height="21.136"/>
	<rect x="191.105" y="22.109" opacity="0.56" fill="#ED293B" enable-background="new" width="21.137" height="21.137"/>
	<rect x="169.971" y="22.109" opacity="0.76" fill="#ED293B" enable-background="new" width="21.129" height="21.128"/>
	<rect x="148.839" y="22.109" opacity="0.84" fill="#ED293B" enable-background="new" width="21.137" height="21.137"/>
	<rect x="127.706" y="22.109" opacity="0.58" fill="#ED293B" enable-background="new" width="21.137" height="21.138"/>
	<rect x="106.572" y="22.109" opacity="0.5" fill="#ED293B" enable-background="new" width="21.128" height="21.128"/>
	<rect x="85.44" y="22.109" opacity="0.82" fill="#ED293B" enable-background="new" width="21.136" height="21.136"/>
	<rect x="64.307" y="22.117" opacity="0.66" fill="#ED293B" enable-background="new" width="21.128" height="21.128"/>
	<rect x="43.174" y="22.109" opacity="0.48" fill="#ED293B" enable-background="new" width="21.139" height="21.136"/>
	<rect x="212.237" y="43.243" opacity="0.44" fill="#ED293B" enable-background="new" width="21.138" height="21.137"/>
	<rect x="191.105" y="43.243" opacity="0.71" fill="#ED293B" enable-background="new" width="21.126" height="21.127"/>
	<rect x="169.983" y="43.23" opacity="0.88" fill="#ED293B" enable-background="new" width="21.14" height="21.137"/>
	<rect x="148.839" y="43.243" opacity="0.96" fill="#ED293B" enable-background="new" width="21.137" height="21.139"/>
	<rect x="85.423" y="43.26" opacity="0.94" fill="#ED293B" enable-background="new" width="21.127" height="21.127"/>
	<rect x="64.289" y="43.26" opacity="0.86" fill="#ED293B" enable-background="new" width="21.138" height="21.135"/>
	<rect x="43.157" y="43.268" opacity="0.86" fill="#ED293B" enable-background="new" width="21.128" height="21.127"/>
	<rect x="22.025" y="43.26" opacity="0.46" fill="#ED293B" enable-background="new" width="21.136" height="21.135"/>
	<rect x="233.395" y="64.377" opacity="0.42" fill="#ED293B" enable-background="new" width="21.138" height="21.136"/>
	<rect x="212.261" y="64.377" opacity="0.86" fill="#ED293B" enable-background="new" width="21.13" height="21.127"/>
	<rect x="191.128" y="64.377" opacity="0.92" fill="#ED293B" enable-background="new" width="21.138" height="21.136"/>
	<rect x="169.996" y="64.377" opacity="0.98" fill="#ED293B" enable-background="new" width="21.139" height="21.136"/>
	<rect x="64.289" y="64.392" fill="#ED293B" width="21.129" height="21.128"/>
	<rect x="43.157" y="64.392" opacity="0.9" fill="#ED293B" enable-background="new" width="21.138" height="21.136"/>
	<rect x="22.025" y="64.399" opacity="0.84" fill="#ED293B" enable-background="new" width="21.126" height="21.129"/>
	<rect x="0.892" y="64.392" opacity="0.4" fill="#ED293B" enable-background="new" width="21.137" height="21.136"/>
</g>

</svg>

DryKISS Ltd
</a>
</div>
</div>
</div>
</div>
</div>
</footer>

Copyright Extra Links

= codeBlender "footer", "organism", { link: current_page.data.list, center: true, fluid: true, sticky: false }

<footer class='' role='contentinfo'>
<div class='footer'>
<div class='container-fluid'>
<div class='row footer__row'>
<div class='col-md-3 col-xs-6 footer__column'>
<h4 class='heading footer__heading'>
<span class='fa fa-info'></span>


About
</h4>


<div class='footer__content'>

<p><strong>DryKISS</strong> is a full service internet and mobile digital production
house. Our core services span consulting, strategy; planning;
development; testing and analytics. We developed CodeBlender to
provide a Rapid and repeatable platform for our frontend work.</p>


</div>
</div>
<div class='col-md-3 col-xs-6 footer__column'>
<h4 class='heading footer__heading'>
<span class='fa fa-cogs'></span>


What We Do
</h4>


<div class='footer__content'>

DryKISS develops hybrid mobile apps (iOS &amp; Android); responsive
internet sites; administration systems and social applications.
Using our platform we tune for SEO, accessibility and conversion
from the very outset.

</div>
</div>
<div class='col-md-3 col-xs-6 footer--social footer__column'>
<h4 class='heading footer__heading'>
<span class='fa fa-twitter'></span>


Social
</h4>


<div class='footer__content'>

<a href="https://www.facebook.com/DryKISSLtd" target="_blank">
    <span class="fa fa-fw fa-facebook" title="Facebook"></span>
</a>
<a href="https://twitter.com/DryKISSLtd" target="_blank">
    <span class="fa fa-fw fa-twitter" title="Twitter"></span>
</a>
<a href="https://google.com/DryKISSLtd" target="_blank">
    <span class="fa fa-fw fa-google" title="Google"></span>
</a>

</div>
</div>
<div class='col-md-3 col-xs-6 footer__column'>
<h4 class='heading footer__heading'>
<span class='fa fa-phone'></span>


Contact
</h4>


<div class='footer__content'>

<p>
    <i class="fa fa-fw fa-map-marker"></i>
    Colliers Wood, London, UK
</p>

<p>
    <i class="fa fa-fw fa-phone"></i>
    <a href="tel:+447780435329">+44 (0) 778 043 5329</a>
</p>

<p>
    <i class="fa fa-fw fa-envelope"></i>
    <a href="mailto:[email protected]">[email protected]</a>
</p>

</div>
</div>
</div>
</div>
</div>
<div class='copyright text-center'>
<div class='container-fluid'>
<div class='row'>
<div class='col-md-12'>
<time datetime='2017'>&copy; 2017</time>
Code Blender
All rights reserved.
<ul class='list-inline list-unstyled'>
<li>
<a href='#term'>
Terms & Conditions
</a>
</li>
<li>
<a href='#privacy'>
Privacy Policy
</a>
</li>
<li>
<a href='#support'>
Support
</a>
</li>

</ul>

<div class='pull-right'>
Site &amp; SEO by
<a href='//drykiss.com' target='_blank'>
<svg class="drykissLogo" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="254.667px" height="224.465px" viewBox="0 0 254.667 224.465" enable-background="new 0 0 254.667 224.465" xml:space="preserve">

<rect x="-1.651" y="95.98" fill="none" width="331.201" height="61.655"/>

<text transform="matrix(1 0 0 1 1 126.6523)"       fill="#979797" font-family="'Courier'" font-size="48" letter-spacing="7">DRY</text>
<text transform="matrix(1 0 0 1 115.563 126.6523)" fill="#ED293B" font-family="'Courier'" font-size="48" letter-spacing="7">KISS</text>

<g>
	<rect x="64.315" y="203.331" opacity="0.55" fill="#ED293B" enable-background="new" width="21.136" height="21.137"/>
	<rect x="85.457" y="203.338" opacity="0.75" fill="#ED293B" enable-background="new" width="21.127" height="21.127"/>
	<rect x="106.579" y="203.331" opacity="0.69" fill="#ED293B" enable-background="new" width="21.138" height="21.137"/>
	<rect x="127.713" y="203.331" opacity="0.77" fill="#ED293B" enable-background="new" width="21.137" height="21.137"/>
	<rect x="148.854" y="203.338" opacity="0.67" fill="#ED293B" enable-background="new" width="21.128" height="21.127"/>
	<rect x="169.979" y="203.331" opacity="0.53" fill="#ED293B" enable-background="new" width="21.138" height="21.137"/>
	<rect x="43.182" y="182.145" opacity="0.51" fill="#ED293B" enable-background="new" width="21.137" height="21.142"/>
	<rect x="64.324" y="182.155" opacity="0.85" fill="#ED293B" enable-background="new" width="21.128" height="21.131"/>
	<rect x="85.447" y="182.145" opacity="0.99" fill="#ED293B" enable-background="new" width="21.137" height="21.142"/>
	<rect x="106.579" y="182.145" opacity="0.9" fill="#ED293B" enable-background="new" width="21.138" height="21.142"/>
	<rect x="127.723" y="182.154" opacity="0.9" fill="#ED293B" enable-background="new" width="21.128" height="21.132"/>
	<rect x="148.847" y="182.146" opacity="0.97" fill="#ED293B" enable-background="new" width="21.136" height="21.14"/>
	<rect x="169.988" y="182.146" opacity="0.87" fill="#ED293B" enable-background="new" width="21.129" height="21.131"/>
	<rect x="191.112" y="182.146" opacity="0.49" fill="#ED293B" enable-background="new" width="21.138" height="21.14"/>
	<rect x="22.049" y="161.014" opacity="0.45" fill="#ED293B" enable-background="new" width="21.137" height="21.135"/>
	<rect x="43.191" y="161.023" opacity="0.81" fill="#ED293B" enable-background="new" width="21.128" height="21.125"/>
	<rect x="64.315" y="161.014" opacity="0.81" fill="#ED293B" enable-background="new" width="21.136" height="21.135"/>
	<rect x="85.447" y="161.012" opacity="0.95" fill="#ED293B" enable-background="new" width="21.137" height="21.137"/>
	<rect x="148.873" y="161.004" opacity="0.93" fill="#ED293B" enable-background="new" width="21.127" height="21.129"/>
	<rect x="169.996" y="160.997" opacity="0.91" fill="#ED293B" enable-background="new" width="21.139" height="21.137"/>
	<rect x="191.138" y="160.997" opacity="0.83" fill="#ED293B" enable-background="new" width="21.128" height="21.129"/>
	<rect x="212.261" y="160.997" opacity="0.47" fill="#ED293B" enable-background="new" width="21.139" height="21.137"/>
	<rect x="0.892" y="139.879" opacity="0.43" fill="#ED293B" enable-background="new" width="21.137" height="21.139"/>
	<rect x="22.033" y="139.889" opacity="0.71" fill="#ED293B" enable-background="new" width="21.128" height="21.129"/>
	<rect x="43.157" y="139.879" opacity="0.77" fill="#ED293B" enable-background="new" width="21.138" height="21.139"/>
	<rect x="64.289" y="139.879" opacity="0.89" fill="#ED293B" enable-background="new" width="21.138" height="21.139"/>
	<rect x="170.003" y="139.874" opacity="0.91" fill="#ED293B" enable-background="new" width="21.131" height="21.129"/>
	<rect x="191.128" y="139.866" opacity="0.79" fill="#ED293B" enable-background="new" width="21.138" height="21.137"/>
	<rect x="212.271" y="139.866" opacity="0.79" fill="#ED293B" enable-background="new" width="21.129" height="21.127"/>
	<rect x="233.395" y="139.866" opacity="0.41" fill="#ED293B" enable-background="new" width="21.138" height="21.137"/>
</g>

<g>
	<rect x="169.971" y="0.927" opacity="0.54" fill="#ED293B" enable-background="new" width="21.139" height="21.137"/>
	<rect x="148.839" y="0.927" opacity="0.7" fill="#ED293B" enable-background="new" width="21.127" height="21.128"/>
	<rect x="127.705" y="43.238" opacity="0.74" fill="#ED293B" enable-background="new" width="21.136" height="21.138"/>
	<rect x="106.572" y="43.238" opacity="0.68" fill="#ED293B" enable-background="new" width="21.137" height="21.138"/>
	<rect x="85.44" y="0.927" opacity="0.72" fill="#ED293B" enable-background="new" width="21.128" height="21.128"/>
	<rect x="64.307" y="0.927" opacity="0.52" fill="#ED293B" enable-background="new" width="21.137" height="21.136"/>
	<rect x="191.105" y="22.109" opacity="0.56" fill="#ED293B" enable-background="new" width="21.137" height="21.137"/>
	<rect x="169.971" y="22.109" opacity="0.76" fill="#ED293B" enable-background="new" width="21.129" height="21.128"/>
	<rect x="148.839" y="22.109" opacity="0.84" fill="#ED293B" enable-background="new" width="21.137" height="21.137"/>
	<rect x="127.706" y="22.109" opacity="0.58" fill="#ED293B" enable-background="new" width="21.137" height="21.138"/>
	<rect x="106.572" y="22.109" opacity="0.5" fill="#ED293B" enable-background="new" width="21.128" height="21.128"/>
	<rect x="85.44" y="22.109" opacity="0.82" fill="#ED293B" enable-background="new" width="21.136" height="21.136"/>
	<rect x="64.307" y="22.117" opacity="0.66" fill="#ED293B" enable-background="new" width="21.128" height="21.128"/>
	<rect x="43.174" y="22.109" opacity="0.48" fill="#ED293B" enable-background="new" width="21.139" height="21.136"/>
	<rect x="212.237" y="43.243" opacity="0.44" fill="#ED293B" enable-background="new" width="21.138" height="21.137"/>
	<rect x="191.105" y="43.243" opacity="0.71" fill="#ED293B" enable-background="new" width="21.126" height="21.127"/>
	<rect x="169.983" y="43.23" opacity="0.88" fill="#ED293B" enable-background="new" width="21.14" height="21.137"/>
	<rect x="148.839" y="43.243" opacity="0.96" fill="#ED293B" enable-background="new" width="21.137" height="21.139"/>
	<rect x="85.423" y="43.26" opacity="0.94" fill="#ED293B" enable-background="new" width="21.127" height="21.127"/>
	<rect x="64.289" y="43.26" opacity="0.86" fill="#ED293B" enable-background="new" width="21.138" height="21.135"/>
	<rect x="43.157" y="43.268" opacity="0.86" fill="#ED293B" enable-background="new" width="21.128" height="21.127"/>
	<rect x="22.025" y="43.26" opacity="0.46" fill="#ED293B" enable-background="new" width="21.136" height="21.135"/>
	<rect x="233.395" y="64.377" opacity="0.42" fill="#ED293B" enable-background="new" width="21.138" height="21.136"/>
	<rect x="212.261" y="64.377" opacity="0.86" fill="#ED293B" enable-background="new" width="21.13" height="21.127"/>
	<rect x="191.128" y="64.377" opacity="0.92" fill="#ED293B" enable-background="new" width="21.138" height="21.136"/>
	<rect x="169.996" y="64.377" opacity="0.98" fill="#ED293B" enable-background="new" width="21.139" height="21.136"/>
	<rect x="64.289" y="64.392" fill="#ED293B" width="21.129" height="21.128"/>
	<rect x="43.157" y="64.392" opacity="0.9" fill="#ED293B" enable-background="new" width="21.138" height="21.136"/>
	<rect x="22.025" y="64.399" opacity="0.84" fill="#ED293B" enable-background="new" width="21.126" height="21.129"/>
	<rect x="0.892" y="64.392" opacity="0.4" fill="#ED293B" enable-background="new" width="21.137" height="21.136"/>
</g>

</svg>

DryKISS Ltd
</a>
</div>
</div>
</div>
</div>
</div>
</footer>

No Year, Logo

= codeBlender "footer", "organism", { copyright: "Local String Inserted", fluid: true, noYear: true, logo: true, sticky: false }

<footer class='' role='contentinfo'>
<div class='footer'>
<div class='container-fluid'>
<div class='row footer__row'>
<div class='col-md-3 col-xs-6 footer__column'>
<h4 class='heading footer__heading'>
<span class='fa fa-info'></span>


About
</h4>


<div class='footer__content'>

<p><strong>DryKISS</strong> is a full service internet and mobile digital production
house. Our core services span consulting, strategy; planning;
development; testing and analytics. We developed CodeBlender to
provide a Rapid and repeatable platform for our frontend work.</p>


</div>
</div>
<div class='col-md-3 col-xs-6 footer__column'>
<h4 class='heading footer__heading'>
<span class='fa fa-cogs'></span>


What We Do
</h4>


<div class='footer__content'>

DryKISS develops hybrid mobile apps (iOS &amp; Android); responsive
internet sites; administration systems and social applications.
Using our platform we tune for SEO, accessibility and conversion
from the very outset.

</div>
</div>
<div class='col-md-3 col-xs-6 footer--social footer__column'>
<h4 class='heading footer__heading'>
<span class='fa fa-twitter'></span>


Social
</h4>


<div class='footer__content'>

<a href="https://www.facebook.com/DryKISSLtd" target="_blank">
    <span class="fa fa-fw fa-facebook" title="Facebook"></span>
</a>
<a href="https://twitter.com/DryKISSLtd" target="_blank">
    <span class="fa fa-fw fa-twitter" title="Twitter"></span>
</a>
<a href="https://google.com/DryKISSLtd" target="_blank">
    <span class="fa fa-fw fa-google" title="Google"></span>
</a>

</div>
</div>
<div class='col-md-3 col-xs-6 footer__column'>
<h4 class='heading footer__heading'>
<span class='fa fa-phone'></span>


Contact
</h4>


<div class='footer__content'>

<p>
    <i class="fa fa-fw fa-map-marker"></i>
    Colliers Wood, London, UK
</p>

<p>
    <i class="fa fa-fw fa-phone"></i>
    <a href="tel:+447780435329">+44 (0) 778 043 5329</a>
</p>

<p>
    <i class="fa fa-fw fa-envelope"></i>
    <a href="mailto:[email protected]">[email protected]</a>
</p>

</div>
</div>
</div>
</div>
</div>
<div class='copyright'>
<div class='container-fluid'>
<div class='row'>
<div class='col-md-12'>
Code Blender
All rights reserved.
<div class='pull-right'>
Site &amp; SEO by
<a href='//drykiss.com' target='_blank'>
<svg class="drykissLogo" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="254.667px" height="224.465px" viewBox="0 0 254.667 224.465" enable-background="new 0 0 254.667 224.465" xml:space="preserve">

<rect x="-1.651" y="95.98" fill="none" width="331.201" height="61.655"/>

<text transform="matrix(1 0 0 1 1 126.6523)"       fill="#979797" font-family="'Courier'" font-size="48" letter-spacing="7">DRY</text>
<text transform="matrix(1 0 0 1 115.563 126.6523)" fill="#ED293B" font-family="'Courier'" font-size="48" letter-spacing="7">KISS</text>

<g>
	<rect x="64.315" y="203.331" opacity="0.55" fill="#ED293B" enable-background="new" width="21.136" height="21.137"/>
	<rect x="85.457" y="203.338" opacity="0.75" fill="#ED293B" enable-background="new" width="21.127" height="21.127"/>
	<rect x="106.579" y="203.331" opacity="0.69" fill="#ED293B" enable-background="new" width="21.138" height="21.137"/>
	<rect x="127.713" y="203.331" opacity="0.77" fill="#ED293B" enable-background="new" width="21.137" height="21.137"/>
	<rect x="148.854" y="203.338" opacity="0.67" fill="#ED293B" enable-background="new" width="21.128" height="21.127"/>
	<rect x="169.979" y="203.331" opacity="0.53" fill="#ED293B" enable-background="new" width="21.138" height="21.137"/>
	<rect x="43.182" y="182.145" opacity="0.51" fill="#ED293B" enable-background="new" width="21.137" height="21.142"/>
	<rect x="64.324" y="182.155" opacity="0.85" fill="#ED293B" enable-background="new" width="21.128" height="21.131"/>
	<rect x="85.447" y="182.145" opacity="0.99" fill="#ED293B" enable-background="new" width="21.137" height="21.142"/>
	<rect x="106.579" y="182.145" opacity="0.9" fill="#ED293B" enable-background="new" width="21.138" height="21.142"/>
	<rect x="127.723" y="182.154" opacity="0.9" fill="#ED293B" enable-background="new" width="21.128" height="21.132"/>
	<rect x="148.847" y="182.146" opacity="0.97" fill="#ED293B" enable-background="new" width="21.136" height="21.14"/>
	<rect x="169.988" y="182.146" opacity="0.87" fill="#ED293B" enable-background="new" width="21.129" height="21.131"/>
	<rect x="191.112" y="182.146" opacity="0.49" fill="#ED293B" enable-background="new" width="21.138" height="21.14"/>
	<rect x="22.049" y="161.014" opacity="0.45" fill="#ED293B" enable-background="new" width="21.137" height="21.135"/>
	<rect x="43.191" y="161.023" opacity="0.81" fill="#ED293B" enable-background="new" width="21.128" height="21.125"/>
	<rect x="64.315" y="161.014" opacity="0.81" fill="#ED293B" enable-background="new" width="21.136" height="21.135"/>
	<rect x="85.447" y="161.012" opacity="0.95" fill="#ED293B" enable-background="new" width="21.137" height="21.137"/>
	<rect x="148.873" y="161.004" opacity="0.93" fill="#ED293B" enable-background="new" width="21.127" height="21.129"/>
	<rect x="169.996" y="160.997" opacity="0.91" fill="#ED293B" enable-background="new" width="21.139" height="21.137"/>
	<rect x="191.138" y="160.997" opacity="0.83" fill="#ED293B" enable-background="new" width="21.128" height="21.129"/>
	<rect x="212.261" y="160.997" opacity="0.47" fill="#ED293B" enable-background="new" width="21.139" height="21.137"/>
	<rect x="0.892" y="139.879" opacity="0.43" fill="#ED293B" enable-background="new" width="21.137" height="21.139"/>
	<rect x="22.033" y="139.889" opacity="0.71" fill="#ED293B" enable-background="new" width="21.128" height="21.129"/>
	<rect x="43.157" y="139.879" opacity="0.77" fill="#ED293B" enable-background="new" width="21.138" height="21.139"/>
	<rect x="64.289" y="139.879" opacity="0.89" fill="#ED293B" enable-background="new" width="21.138" height="21.139"/>
	<rect x="170.003" y="139.874" opacity="0.91" fill="#ED293B" enable-background="new" width="21.131" height="21.129"/>
	<rect x="191.128" y="139.866" opacity="0.79" fill="#ED293B" enable-background="new" width="21.138" height="21.137"/>
	<rect x="212.271" y="139.866" opacity="0.79" fill="#ED293B" enable-background="new" width="21.129" height="21.127"/>
	<rect x="233.395" y="139.866" opacity="0.41" fill="#ED293B" enable-background="new" width="21.138" height="21.137"/>
</g>

<g>
	<rect x="169.971" y="0.927" opacity="0.54" fill="#ED293B" enable-background="new" width="21.139" height="21.137"/>
	<rect x="148.839" y="0.927" opacity="0.7" fill="#ED293B" enable-background="new" width="21.127" height="21.128"/>
	<rect x="127.705" y="43.238" opacity="0.74" fill="#ED293B" enable-background="new" width="21.136" height="21.138"/>
	<rect x="106.572" y="43.238" opacity="0.68" fill="#ED293B" enable-background="new" width="21.137" height="21.138"/>
	<rect x="85.44" y="0.927" opacity="0.72" fill="#ED293B" enable-background="new" width="21.128" height="21.128"/>
	<rect x="64.307" y="0.927" opacity="0.52" fill="#ED293B" enable-background="new" width="21.137" height="21.136"/>
	<rect x="191.105" y="22.109" opacity="0.56" fill="#ED293B" enable-background="new" width="21.137" height="21.137"/>
	<rect x="169.971" y="22.109" opacity="0.76" fill="#ED293B" enable-background="new" width="21.129" height="21.128"/>
	<rect x="148.839" y="22.109" opacity="0.84" fill="#ED293B" enable-background="new" width="21.137" height="21.137"/>
	<rect x="127.706" y="22.109" opacity="0.58" fill="#ED293B" enable-background="new" width="21.137" height="21.138"/>
	<rect x="106.572" y="22.109" opacity="0.5" fill="#ED293B" enable-background="new" width="21.128" height="21.128"/>
	<rect x="85.44" y="22.109" opacity="0.82" fill="#ED293B" enable-background="new" width="21.136" height="21.136"/>
	<rect x="64.307" y="22.117" opacity="0.66" fill="#ED293B" enable-background="new" width="21.128" height="21.128"/>
	<rect x="43.174" y="22.109" opacity="0.48" fill="#ED293B" enable-background="new" width="21.139" height="21.136"/>
	<rect x="212.237" y="43.243" opacity="0.44" fill="#ED293B" enable-background="new" width="21.138" height="21.137"/>
	<rect x="191.105" y="43.243" opacity="0.71" fill="#ED293B" enable-background="new" width="21.126" height="21.127"/>
	<rect x="169.983" y="43.23" opacity="0.88" fill="#ED293B" enable-background="new" width="21.14" height="21.137"/>
	<rect x="148.839" y="43.243" opacity="0.96" fill="#ED293B" enable-background="new" width="21.137" height="21.139"/>
	<rect x="85.423" y="43.26" opacity="0.94" fill="#ED293B" enable-background="new" width="21.127" height="21.127"/>
	<rect x="64.289" y="43.26" opacity="0.86" fill="#ED293B" enable-background="new" width="21.138" height="21.135"/>
	<rect x="43.157" y="43.268" opacity="0.86" fill="#ED293B" enable-background="new" width="21.128" height="21.127"/>
	<rect x="22.025" y="43.26" opacity="0.46" fill="#ED293B" enable-background="new" width="21.136" height="21.135"/>
	<rect x="233.395" y="64.377" opacity="0.42" fill="#ED293B" enable-background="new" width="21.138" height="21.136"/>
	<rect x="212.261" y="64.377" opacity="0.86" fill="#ED293B" enable-background="new" width="21.13" height="21.127"/>
	<rect x="191.128" y="64.377" opacity="0.92" fill="#ED293B" enable-background="new" width="21.138" height="21.136"/>
	<rect x="169.996" y="64.377" opacity="0.98" fill="#ED293B" enable-background="new" width="21.139" height="21.136"/>
	<rect x="64.289" y="64.392" fill="#ED293B" width="21.129" height="21.128"/>
	<rect x="43.157" y="64.392" opacity="0.9" fill="#ED293B" enable-background="new" width="21.138" height="21.136"/>
	<rect x="22.025" y="64.399" opacity="0.84" fill="#ED293B" enable-background="new" width="21.126" height="21.129"/>
	<rect x="0.892" y="64.392" opacity="0.4" fill="#ED293B" enable-background="new" width="21.137" height="21.136"/>
</g>

</svg>

DryKISS Ltd
</a>
</div>
</div>
</div>
</div>
</div>
</footer>

Resources Useful websites and tutorials

Title	URL
Bootstrap sticky footer	http://getbootstrap.com/examples/sticky-footer/

Tasks

Task	Date
Allow for set content types - lists - content - icons - address etc so we cause less HTML in the locale
Allow for a section to be pulled from a separate partial - i.e. partial per section then can have better separation of locale over html
Footer column should be self created or defaults - i.e. allow one section to cross over X columns
What aria role should be created
Need to include micro-formats - could be viable for address / location elements in the footer
Make sure all the SCSS has variables that can be overridden in the core site.