- New Footer Navigation
- Footer Widgets
- Google Box
- [Footer] (#footer)
- [About] (#about)
The buttons have been replaced. This HTML snippet required to load the new version of the footer buttons. Images by changing the file URL's.
- Dimensions: 160 x 160 (pixels)
HTML Snippet:
<div class="footer-offer-banners">
<h2 class="footer-offer-banners__title">Why not browse our selection of flowers and gifts?</h2>
<div class="row">
<div class="col-md-4 footer-offer-banner">
<div class="col-sm-6 footer-offer-banner__text">
<h4 class="footer-offer-banner__callout"><a href="/flowers/florists-choice">Florist’s Choice Bouquets</a></h4>
<p class="footer-offer-banner__description">Not sure what you want? Let our floral designers help you decide.</p>
</div>
<div class="col-sm-6 footer-offer-banner__image">
<a href="/flowers/florists-choice"><img src="https://www.arenaflowers.com/files/Image/arenaflowers.com/footer/new/banners/arena-flowers-florists-choice.jpg" alt="Florist's Choice Bouquets" /></a>
</div>
</div>
<div class="col-md-4 footer-offer-banner">
<div class="col-sm-6 footer-offer-banner__text">
<h4 class="footer-offer-banner__callout"><a href="/flowers/price/amazebox-from-9-99">Personalised Gift Boxes</a></h4>
<p class="footer-offer-banner__description">Introducing... AmazeBox! Fresh Flowers & Gifts, Delivered, From £9.99</p>
</div>
<div class="col-sm-6 footer-offer-banner__image">
<a href="/flowers/price/amazebox-from-9-99"><img src="https://www.arenaflowers.com/files/Image/arenaflowers.com/footer/new/banners/arena-flowers-amazebox.jpg" alt="Personalised Gift Boxes from £9.99" /></a>
</div>
</div>
<div class="col-md-4 footer-offer-banner">
<div class="col-sm-6 footer-offer-banner__text">
<h4 class="footer-offer-banner__callout"><a href="/flowers/price/flowers_less_than_30_pounds">Flowers under £30</a></h4>
<p class="footer-offer-banner__description">Looking for a gift to warm someone's heart without breaking the bank? We offer great value flowers delivered across the UK.</p>
</div>
<div class="col-sm-6 footer-offer-banner__image">
<a href="/flowers/price/flowers_less_than_30_pounds"><img src="https://www.arenaflowers.com/files/Image/arenaflowers.com/footer/new/banners/arena-flowers-under30.jpg" alt="Flowers less than £30" /></a>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 footer-offer-banner">
<div class="col-sm-6 footer-offer-banner__text">
<h4 class="footer-offer-banner__callout"><a href="/flowers/occasion/birthday_flowers">Birthday Flowers</a></h4>
<p class="footer-offer-banner__description">Create a beautiful birthday gift that will be remembered forever. Order by 3pm Mon-Fri for same day delivery.</p>
</div>
<div class="col-sm-6 footer-offer-banner__image">
<a href="/flowers/occasion/birthday_flowers"><img src="https://www.arenaflowers.com/files/Image/arenaflowers.com/footer/new/banners/arena-flowers-birthday-flowers.jpg" alt="Birthday Flowers" /></a>
</div>
</div>
<div class="col-md-4 footer-offer-banner">
<div class="col-sm-6 footer-offer-banner__text">
<h4 class="footer-offer-banner__callout"><a href="/flowers/variety/flowers_roses">Roses</a></h4>
<p class="footer-offer-banner__description">There’s no flower more romantic than a rose. Roses have become the more elite flower for symbolising love and extravagance.</p>
</div>
<div class="col-sm-6 footer-offer-banner__image">
<a href="/flowers/variety/flowers_roses"><img src="https://www.arenaflowers.com/files/Image/arenaflowers.com/footer/new/banners/arena-flowers-roses.jpg" alt="Roses" /></a>
</div>
</div>
<div class="col-md-4 footer-offer-banner">
<div class="col-sm-6 footer-offer-banner__text">
<h4 class="footer-offer-banner__callout"><a href="/flowers/price/luxury_range_flowers_more_than_50_pounds">Luxury Flowers</a></h4>
<p class="footer-offer-banner__description">Our range of luxury bouquets is second to none and our florists absolutely love crafting these works of art to stun and delight.</p>
</div>
<div class="col-sm-6 footer-offer-banner__image">
<a href="/flowers/price/luxury_range_flowers_more_than_50_pounds"><img src="https://www.arenaflowers.com/files/Image/arenaflowers.com/footer/new/banners/arena-flowers-luxury-flowers.jpg" alt="Luxury Flowers" /></a>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 footer-offer-banner">
<div class="col-sm-6 footer-offer-banner__text">
<h4 class="footer-offer-banner__callout"><a href="/flowers/occasion/new_baby_flowers">New Baby</a></h4>
<p class="footer-offer-banner__description">Welcome new life into the world by sending a bouquet of promise and joy. If you're one for tradition, pink flowers for a baby girl, blue for a boy.</p>
</div>
<div class="col-sm-6 footer-offer-banner__image">
<a href="/flowers/occasion/new_baby_flowers"><img src="https://www.arenaflowers.com/files/Image/arenaflowers.com/footer/new/banners/arena-flowers-newbaby-flowers.jpg" alt="New Baby Flowers" /></a>
</div>
</div>
<div class="col-md-4 footer-offer-banner">
<div class="col-sm-6 footer-offer-banner__text">
<h4 class="footer-offer-banner__callout"><a href="/international">International Flowers</a></h4>
<p class="footer-offer-banner__description">You can send flowers to loved ones around the globe, we offer same day international flower delivery in many cases.</p>
</div>
<div class="col-sm-6 footer-offer-banner__image">
<a href="/international"><img src="https://www.arenaflowers.com/files/Image/arenaflowers.com/footer/new/banners/arena-flowers-international-flowers.jpg" alt="International Flowers" /></a>
</div>
</div>
<div class="col-md-4 footer-offer-banner">
<div class="col-sm-6 footer-offer-banner__text">
<h4 class="footer-offer-banner__callout"><a href="/flowers/price/gift_ideas_special_offers">Special Offers</a></h4>
<p class="footer-offer-banner__description">We have a variety of gift ideas to suit every pocket and taste, plus we've built in a little discount as our way of saying thank you.</p>
</div>
<div class="col-sm-6 footer-offer-banner__image">
<a href="/flowers/price/gift_ideas_special_offers"><img src="https://www.arenaflowers.com/files/Image/arenaflowers.com/footer/new/banners/arena-flowers-special-offers.jpg" alt="Special Offers" /></a>
</div>
</div>
</div>
</div>
CMS name: Responsive trust1
HTML Snippet:
<div class="col-md-4 hidden-sm hidden-xs">
<div class="fb-page" data-href="https://www.facebook.com/pages/ArenaFlowerscom/19185016664" data-height="328px" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false" data-show-posts="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/pages/ArenaFlowerscom/19185016664"><a href="https://www.facebook.com/pages/ArenaFlowerscom/19185016664">ArenaFlowers.com</a></blockquote></div></div>
</div>
CMS Name: Responsive trust_middle
There are two images used for this section (for Desktop and Tablet views) - Images are also 2x the intended size to support retina displays.
HTML Snippet:
<div class="col-md-4 visible-lg">
<a href="/reviews">
<img src="https://www.arenaflowers.com/files/Image/arenaflowers.com/footer/new/trust/arena-flowers-google-reviews.jpg"></a>
</div>
<div class="col-md-4 visible-md">
<a href="/reviews">
<img src="https://www.arenaflowers.com/files/Image/arenaflowers.com/footer/new/trust/arena-flowers-google-reviews-md.jpg"></a>
</div>
CMS Name: Responsive trust_right
This section has been updated to be a slider. Using the format layed out between each <li> review </li> section it is possible to both manage the current reviews and also to add additional ones as required.
HTML Snippet:
<div class="col-md-4 customer-feedback">
<i class="fa fa-comments fa-2x"></i>
<div class="carousel slide" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<h3>Customer feedback</h3>
<div class="actual-quote">
<p>Just to let you know the recipient tells me they were ABSOLUTELY MAGNIFICENT. And he said it more than once. Thank you very much, I would certainly use you again. Penelope H.</p>
</div>
<div class="customer-feedback__date">
<small>Tuesday 7 April 2015</small>
</div>
</div>
<div class="item">
<h3>Customer feedback</h3>
<div class="actual-quote">
<p>Dear All, The flowers sent to George & Esther were beautiful. Thank you. I will surely recommend you site to friends & family. Kind regards Gail S.</p>
</div>
<div class="customer-feedback__date">
<small>Tuesday 7 April 2015</small>
</div>
</div>
<div class="item">
<h3>Customer feedback</h3>
<div class="actual-quote">
<p>Once again another fantastic bouquet of flowers, many thanks, Helen T</p>
</div>
<div class="customer-feedback__date">
<small>Tuesday 7 April 2015</small>
</div>
</div>
</div>
</div>
</div>
CMS Name: Responsive Footer
This section is everything below the widgets (after the reviews slider)
HTML Snippet:
<div class="news hidden-xs">
<div class="heading text-center">As featured in these publications</div>
<div class="new-logos"><img src="//www.arenaflowers.com/files/Image/arenaflowers.com/footer/news-logos.png" alt="New Agents" /></div>
</div>
<footer>
<div class="col-xs-12 visible-xs">
<ul class="footer-nav">
<li><a href="/flowers/price/flowers_less_than_30_pounds">Flowers Under £30</a></li>
<li><a href="/flowers/occasion/birthday_flowers">Birthday Flowers</a></li>
<li><a href="/flowers/price/gift_ideas_special_offers">Special Offers</a></li>
<li><a href="/reviews">Customer Reviews</a></li>
<li><a rel="nofollow" href="/terms_and_conditions">Terms & Conditions</a></li>
<li><a rel="nofollow" href="/privacy_policy">Privacy Policy</a></li>
<li><a href="/flower-care">Flower Care Guide</a></li>
<li><a href="/flowers/valentines-day-flowers">Valentine's Day</a></li>
<li><a href="/flowers/mothers-day-flowers">Mother's Day</a></li>
<li><a href="//www.arenaflowers.com/international">International</a></li>
</ul>
<hr />
</div>
<div class="row credits hidden-xs">
<div class="col-md-12 col-lg-7">
<div class="col-sm-3 col-md-3">
<ul class="footer-nav">
<li><a href="/flowers/winter-flowers">Winter</a></li>
<li><a href="/flowers/spring-flowers">Spring</a></li>
<li><a href="/flowers/summer-flowers">Summer</a></li>
<li><a href="/flowers/autumn-flowers">Autumn</a></li>
<li><a href="/flowers/christmas-flowers">Christmas</a></li>
<li><a href="//www.arenaflowers.com/international">International</a></li>
</ul>
</div>
<div class="col-sm-3 col-md-3">
<ul class="footer-nav">
<li><a href="/weddings">Weddings</a></li>
<li><a href="/funerals">Funerals</a></li>
<li><a href="/flowers/valentines-day-flowers">Valentine's Day</a></li>
<li><a href="/flowers/mothers-day-flowers">Mother's Day</a></li>
<li><a href="/flowers/same-day-flowers">Same Day</a></li>
</ul>
</div>
<div class="col-sm-3 col-md-3">
<ul class="footer-nav">
<li><a href="/delivery">Flower Delivery</a></li>
<li><a href="//www.amazebox.co.uk" target="_blank">AmazeBox.co.uk</a></li>
<li><a href="/business-corporate-flowers">Corporate Flowers</a></li>
<li><a rel="nofollow" href="/satisfaction_guarantee">100% Satisfaction Guarantee</a></li>
<li><a rel="nofollow" href="//www.arenaflowers.com/faq">FAQ's</a></li>
<li><a href="/flower-care">Flower Care Guide</a></li>
</ul>
</div>
<div class="col-sm-3 col-md-3">
<ul class="footer-nav">
<li><a href="/news">Arena News</a></li>
<li><a rel="nofollow" href="/terms_and_conditions">Terms & Conditions</a></li>
<li><a rel="nofollow" href="/privacy_policy">Privacy Policy</a></li>
<li><a rel="nofollow" href="/newsletter">Free Newsletter</a></li>
<li><a href="/reviews">Customer Reviews</a></li>
<li><a href="/affiliates">Affiliates</a></li>
</ul>
</div>
</div>
<div class="col-md-12 col-lg-5">
<div class="col-lg-7 col-md-10">
<div class="row">
<div class="col-lg-10 col-md-5 col-sm-6">
<p>Secure payments processed via</p>
<div class="col-xs-3"><img src="https://www.arenaflowers.com/files/Image/arenaflowers.com/footer/new/payment/paypal.png" alt="Paypal" /></div>
<div class="col-xs-3"><img src="https://www.arenaflowers.com/files/Image/arenaflowers.com/footer/new/payment/visa.png" alt="Visa" /></div>
<div class="col-xs-3"><img src="https://www.arenaflowers.com/files/Image/arenaflowers.com/footer/new/payment/mastercard.png" alt="Payment Options" /></div>
<div class="col-xs-3"><img src="https://www.arenaflowers.com/files/Image/arenaflowers.com/footer/new/payment/amex.png" alt="Payment Options" /></div>
</div>
<div class="col-lg-12 col-sm-6">
<div class="footer__logo--groups">
<p>Connect with us:</p>
<div class="col-xs-2">
<a href="https://www.facebook.com/pages/ArenaFlowerscom/19185016664" target="_blank"><img src="http://www.arenaflowers.com/files/Image/arenaflowers.com/footer/social/facebook500.png" alt="Facebook" /></a>
</div>
<div class="col-xs-2">
<a href="https://twitter.com/ArenaFlowers" target="_blank"><img src="http://www.arenaflowers.com/files/Image/arenaflowers.com/footer/social/twitter.png" alt="Twitter" /></a>
</div>
<div class="col-xs-2">
<a href="https://plus.google.com/+arenaflowers/" target="_blank"><img src="http://www.arenaflowers.com/files/Image/arenaflowers.com/footer/social/googleplus-revised.png" alt="Google Plus" /></a>
</div>
<div class="col-xs-2">
<a href="https://uk.pinterest.com/arenaflowers/" target="_blank"><img src="http://www.arenaflowers.com/files/Image/arenaflowers.com/footer/social/pinterest.png" alt="Pinterest" /></a>
</div>
<div class="col-xs-2">
<a href="https://www.arenaflowers.com/blog/" target="_blank"><img src="http://www.arenaflowers.com/files/Image/arenaflowers.com/footer/social/rss.png" alt="Subscribe via RSS" /></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-5 col-md-2 hidden-sm">
<a href="//reviews.co.uk/company-reviews/arena-flowers/15653"><img src="//reviews.co.uk/resources/b2b/images/customers-love-us-3.png" alt="" /></a>
</div>
</div>
</div>
<div class="row credits">
<div class="col-md-4 col-lg-3">
<div class="credits--logo"><img src="https://www.arenaflowers.com/files/Image/arenaflowers.com/footer/new/arena-flowers-logo-footer.png" /></div>
</div>
<div class="col-md-4 col-lg-5">
<div class="copyright"><small>Copyright © 2006 - 2015 Arena Online Ltd. All Rights Reserved. Arena Online Ltd, Flowers HQ, Unit 3, Concord Business Centre, Concord Road, London, W3 0TJ</small></div>
</div>
<div class="col-sm-12 col-md-4 col-lg-4">
<div class="col-xs-3"><img src="https://www.arenaflowers.com/files/Image/arenaflowers.com/footer/new/trust/fairtrade.png" alt="Fair Trade" /></div>
<div class="col-xs-3"><img src="https://www.arenaflowers.com/files/Image/arenaflowers.com/footer/new/trust/ethical-trade.png" alt="Ethical Award" /></div>
<div class="col-xs-3"><img src="https://www.arenaflowers.com/files/Image/arenaflowers.com/footer/new/trust/shop-safe.png" alt="Shop Safe" /></div>
<div class="col-xs-3"><img src="https://www.arenaflowers.com/files/Image/arenaflowers.com/footer/new/trust/100-secure.png" alt="100% Secure" /></div>
</div>
</div>
</footer>
The about content should have the following markup:
<div class="wrapper about-home">
<div class="container">
<div class="about-arena">
<h4>Welcome to Arena Flowers - an experience delivered - flower delivery experts for London and the UK</h4>
<p>Throughout the changing seasons, Arena Flowers offers beautiful bouquets, designed by our expert florists that will delight and charm the recipients.</p>
<p>Arena Flowers not only delivers flowers to the United Kingdom but also worldwide through our international partners. They are able to deliver stunning flowers on the next day throughout the world, meaning that you can always touch the hearts of your loved ones at important moments.</p>
<p>If, at any time, you are looking something special then our team of skilled florists is ready to design the perfect bouquet for you. Simply call our Customer Service team and explain exactly what you require and then leave it up to our floristry team to create the flowers of which you dreamed. Whether it is for a joyful occasion, such as a wedding, with beautiful bouquets, posies, buttonholes and church arrangements or sad times when funeral tributes are needed to express your sense of loss, you can always rely on our team to handle your requirements and concerns with the utmost sensitivity and tact.</p>
<div class="g-plusone" data-annotation="inline" data-width="300"> </div>
<!-- Place this tag after the last +1 button tag. -->
<script type="text/javascript">// <![CDATA[
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/platform.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
// ]]></script>
</div>
</div>
</div>