FREE Delivery on all orders over £10.00

Your Cart

alt text to go here

PAGE
TITLE

Enter paragraph text here. Repeat this line to add a second paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin laoreet finibus imperdiet. Sed ornare vestibulum leo, eu fringilla justo tempor at. Phasellus volutpat ligula vitae efficitur auctor. Donec vulputate quam vel laoreet tempus. Morbi volutpat nibh vitae tincidunt eleifend.
alt text to go here
Enter paragraph text here. Repeat this line to add a second paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin laoreet finibus imperdiet. Sed ornare vestibulum leo, eu fringilla justo tempor at. Phasellus volutpat ligula vitae efficitur auctor. Donec vulputate quam vel laoreet tempus. Morbi volutpat nibh vitae tincidunt eleifend.
alt text to go here
alt text to go here
Enter paragraph text here. Repeat this line to add a second paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin laoreet finibus imperdiet. Sed ornare vestibulum leo, eu fringilla justo tempor at. Phasellus volutpat ligula vitae efficitur auctor. Donec vulputate quam vel laoreet tempus. Morbi volutpat nibh vitae tincidunt eleifend.
Enter paragraph text here. Repeat this line to add a second paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin laoreet finibus imperdiet. Sed ornare vestibulum leo, eu fringilla justo tempor at. Phasellus volutpat ligula vitae efficitur auctor. Donec vulputate quam vel laoreet tempus. Morbi volutpat nibh vitae tincidunt eleifend.
alt text to go here
alt text to go here
Enter paragraph text here. Repeat this line to add a second paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin laoreet finibus imperdiet. Sed ornare vestibulum leo, eu fringilla justo tempor at. Phasellus volutpat ligula vitae efficitur auctor. Donec vulputate quam vel laoreet tempus. Morbi volutpat nibh vitae tincidunt eleifend.
alt text to go here
alt text to go here
Caption text to go here
alt text to go here
alt text to go here
alt text to go here
All the code in cut & paste format

This text should appear at the top of every static page:

<!-- Include CMS CSS -->
{{block type="cms/block" block_id="hom_cms_page_css"}}

The following can be cut and pasted into Magento to create the page layout...

<!-- STATIC HEADER -->
<section id="top" class="topBannerBlock" style="background: #eee;">
<div class="k-container" style="max-width: 2000px; margin: 0 auto;">
<div class="category_banner">
<img src="https://www.thehouseofmarley.co.uk/media/houseofmarley/static-template/PageBanner_1300x340px.jpg" alt="alt text to go here" /> </div>
<div class="960wide" style="width: 960px; margin: 0 auto;">
<div class="textOverlay" style="top: 30%;">
<!-- NOTE (delete this line!): to change the page title text colour from white to black, change whiteText to blackText in the block below -->
<h1 class="flamaTopOverlay whiteText">PAGE<br />TITLE</h1>
</div>
</div>
</section>

<!-- STATIC HEADER -->
<section id="top" class="topBannerBlock" style="background: #eee;">
<div class="k-container" style="max-width: 2000px; margin: 0 auto;">
<div class="category_banner">
<img src="https://www.thehouseofmarley.co.uk/media/houseofmarley/static-template/PageBanner_1300x340px.jpg" alt="alt text to go here" /> </div>
<div class="960wide" style="width: 960px; margin: 0 auto;">
<div class="textOverlay" style="top: 30%;">
<!-- NOTE (delete this line!): to change the page title text colour from white to black, change whiteText to blackText in the block below -->
<h1 class="flamaTopOverlay whiteText">PAGE<br />TITLE</h1>
</div>
</div>
</section>

<!-- SINGLE COLUMN PARAGRAPH -->
<section class="introBlock spaceTop">
<div class="grid grid-pad">
<div class="col-1-1 mobile-col-1-1">
<div class="content">
<div class="nexusSubheading">Enter paragraph text here. Repeat this line to add a second paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin laoreet finibus imperdiet. Sed ornare vestibulum leo, eu fringilla justo tempor at. Phasellus volutpat ligula vitae efficitur auctor. Donec vulputate quam vel laoreet tempus. Morbi volutpat nibh vitae tincidunt eleifend.</div>
</div>
</div>
</div>
</section>

<!-- SINGLE COLUMN IMAGE -->
<section class="introBlock spaceTop">
<div class="grid grid-pad">
<div class="col-1-1 mobile-col-1-1">
<div class="content text-box" style="padding:0px;border:0px;">
<div class="nexusSubheading"><img src="https://www.thehouseofmarley.co.uk/media/houseofmarley/static-template/FullWidthColumnImage_960x300px.jpg" alt="alt text to go here" style="width:100%;height:auto;" /></div> </div>
</div>
</div>
</section>

<!-- TEXT ON LEFT, SMALL IMAGE ON RIGHT -->
<section class="introBlock spaceTop">
<div class="grid grid-pad">
<div class="col-2-3 mobile-col-1-1">
<div class="content">
<div class="nexusSubheading">Enter paragraph text here. Repeat this line to add a second paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin laoreet finibus imperdiet. Sed ornare vestibulum leo, eu fringilla justo tempor at. Phasellus volutpat ligula vitae efficitur auctor. Donec vulputate quam vel laoreet tempus. Morbi volutpat nibh vitae tincidunt eleifend.</div>
</div>
</div>
<div class="col-1-3 mobile-col-1-1">
<div class="content text-box" style="padding:0px;border:0px;">
<div class="nexusSubheading"><img src="https://www.thehouseofmarley.co.uk/media/houseofmarley/static-template/SingleImage_600x600px.jpg" alt="alt text to go here" style="width:100%; height:auto;" /></div> </div>
</div>
</div>
</section>

<!-- SMALL IMAGE ON LEFT, TEXT ON RIGHT -->
<section class="introBlock spaceTop">
<div class="grid grid-pad">
<div class="col-1-3 mobile-col-1-1">
<div class="content text-box" style="padding:0px;border:0px;">
<div class="nexusSubheading"><img src="https://www.thehouseofmarley.co.uk/media/houseofmarley/static-template/SingleImage_600x600px.jpg" alt="alt text to go here" style="width:100%; height:auto;" /></div> </div>
</div>
<div class="col-2-3 mobile-col-1-1">
<div class="content">
<div class="nexusSubheading">Enter paragraph text here. Repeat this line to add a second paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin laoreet finibus imperdiet. Sed ornare vestibulum leo, eu fringilla justo tempor at. Phasellus volutpat ligula vitae efficitur auctor. Donec vulputate quam vel laoreet tempus. Morbi volutpat nibh vitae tincidunt eleifend.</div>
</div>
</div>
</div>
</section>

<!-- HALF & HALF - TEXT ON LEFT, IMAGE ON RIGHT -->
<section class="introBlock spaceTop">
<div class="grid grid-pad">
<div class="col-1-2 mobile-col-1-1">
<div class="content">
<div class="nexusSubheading">Enter paragraph text here. Repeat this line to add a second paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin laoreet finibus imperdiet. Sed ornare vestibulum leo, eu fringilla justo tempor at. Phasellus volutpat ligula vitae efficitur auctor. Donec vulputate quam vel laoreet tempus. Morbi volutpat nibh vitae tincidunt eleifend.</div>
</div>
</div>
<div class="col-1-2 mobile-col-1-1">
<div class="content text-box" style="padding:0px;border:0px;">
<div class="nexusSubheading"><img src="https://www.thehouseofmarley.co.uk/media/houseofmarley/static-template/SingleImage_600x600px.jpg" alt="alt text to go here" style="width:100%; height:auto;" /></div> </div>
</div>
</div>
</section>

<!-- HALF & HALF - IMAGE ON LEFT, TEXT ON RIGHT -->
<section class="introBlock spaceTop">
<div class="grid grid-pad">
<div class="col-1-2 mobile-col-1-1">
<div class="content text-box" style="padding:0px;border:0px;">
<div class="nexusSubheading"><img src="https://www.thehouseofmarley.co.uk/media/houseofmarley/static-template/SingleImage_600x600px.jpg" alt="alt text to go here" style="width:100%; height:auto;" /></div> </div>
</div>
<div class="col-1-2 mobile-col-1-1">
<div class="content">
<div class="nexusSubheading">Enter paragraph text here. Repeat this line to add a second paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin laoreet finibus imperdiet. Sed ornare vestibulum leo, eu fringilla justo tempor at. Phasellus volutpat ligula vitae efficitur auctor. Donec vulputate quam vel laoreet tempus. Morbi volutpat nibh vitae tincidunt eleifend.</div>
</div>
</div>
</div>
</section>

<!-- TWO IMAGES IN A SINGLE COLUMN -->
<section class="introBlock spaceTop">
<div class="grid grid-pad">
<div class="col-1-2 mobile-col-1-1">
<div class="content text-box" style="padding:0px;border:0px;">
<div class="nexusSubheading"><img src="https://www.thehouseofmarley.co.uk/media/houseofmarley/static-template/SingleImage_600x600px.jpg" alt="alt text to go here" style="width:100%; height:auto;" /></div> </div>
</div>
<div class="col-1-2 mobile-col-1-1">
<div class="content text-box" style="padding:0px;border:0px;">
<div class="nexusSubheading"><img src="https://www.thehouseofmarley.co.uk/media/houseofmarley/static-template/SingleImage_600x600px.jpg" alt="alt text to go here" style="width:100%; height:auto;" /></div> </div>
</div>
<!-- NOTE (delete this line!): the following div block is optional - this adds a label under the images -->
<div class="col-1-1 mobile-col-1-1">
<div class="content">
<div class="nexusSubheading" style="border-bottom: 1px solid; padding-bottom: 6px;">Caption text to go here</div>
</div>
</div>
</div>
</section>

<!-- THREE IMAGES IN A SINGLE COLUMN -->
<section class="introBlock spaceTop">
<div class="grid grid-pad">
<div class="col-1-3 mobile-col-1-1">
<div class="content text-box" style="padding:0px;border:0px;">
<div class="nexusSubheading"><img src="https://www.thehouseofmarley.co.uk/media/houseofmarley/static-template/SingleImage_600x600px.jpg" alt="alt text to go here" style="width:100%; height:auto;" /></div> </div>
</div>
<div class="col-1-3 mobile-col-1-1">
<div class="content text-box" style="padding:0px;border:0px;">
<div class="nexusSubheading"><img src="https://www.thehouseofmarley.co.uk/media/houseofmarley/static-template/SingleImage_600x600px.jpg" alt="alt text to go here" style="width:100%; height:auto;" /></div> </div>
</div>
<div class="col-1-3 mobile-col-1-1">
<div class="content text-box" style="padding:0px;border:0px;">
<div class="nexusSubheading"><img src="https://www.thehouseofmarley.co.uk/media/houseofmarley/static-template/SingleImage_600x600px.jpg" alt="alt text to go here" style="width:100%; height:auto;" /></div> </div>
</div>
</div>
</section>

<!-- VIDEO -->
<section class="videoBlock spaceTop">
<div class="grid grid-pad">
<div class="col-1-1"> <div class="content embed-container lazy">
<!-- NOTE (delete this line!): insert video embed code below -->
<iframe src="https://player.vimeo.com/video/280733249" width="640" height="360" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
</section>