Menu icon Foundation

Designer | London, UK

I build websites and live on a boat.

My Posts

  • NEW
  • Foundation 6 + Yeti Launch + .php

    By Wilf Horsfall

    PHPyeti launch6

    Hi All. Migrating from Foundation 5 to 6 and thought I'd use Yeti Launch to simplify things. However, my .php files are inexplicably showing as blank pages, with the body totally empty when opened on the server or localhost. These very same files work fi... (continued)





My Comments

Wilf Horsfall commented on Jonas's post over 3 years

Thanks Brian - that's what it was! An embarrassing oversight, but I'm glad it's sorted. Nothing to do with F6, obviously.

Wilf Horsfall commented on Jonas's post over 3 years

<?php
if($_SERVER["HTTPS"] != "on")
{
header("Location: https://" . $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"]);
exit();
}
?>

<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UBREW - an open brewery where you brew the beer</title>
<link href='//fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Arvo:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/app.css" />

</head>
<body>

<?php
require_once('./config.php');
?>

<div class="full-width section center crowdfunding" id="crowdfunding">
<div class="row">
<div class="large-12 columns">
<h2 class="subtitle"> Now taking May orders for </h2>
<h1> UBREW BERMONDSEY </h1>
<h3 class="subtitle sold"> <span class="headway"></span>% sold!</h3>
<div class="progressbar">
<div class="progressmade">
</div>
</div>
<p class="remaining">Only <span class="potential"></span> places left!</p>
</div>
<div class="buttonholder">
I think that pasting large amounts of code was getting me filtered - the above is the very beginning of my code, with some PHP, a header and some HTML.
The page source rendered in the browser is this:

<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UBREW - an open brewery where you brew the beer</title>
<link href='//fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Arvo:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/app.css" />

</head>
<body>

That is the render of the whole page. There is nothing at all displaying in the console. Any ideas?
Thanks so much for your time, Brian.

Wilf Horsfall commented on Jonas's post over 3 years

For some reason the forum won't let me reply with my code. It makes me complete a captcha, then my message disappears.

Wilf Horsfall commented on Jonas's post over 3 years

For some reason the isn't letting me write my reply, so I'm going to post my response bit by bit (have written the same long post twice now!).
 
More than happy to post an example. This is a full page:
 
<?php
if($_SERVER["HTTPS"] != "on")
{
header("Location: https://" . $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"]);
exit();
}
?>

<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UBREW - an open brewery where you brew the beer</title>
<link href='//fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Arvo:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/app.css" />

</head>
<body>

<?php
require_once('./config.php');
?>

<div class="full-width section center crowdfunding" id="crowdfunding">
<div class="row">
<div class="large-12 columns">
<h2 class="subtitle"> Now taking May orders for </h2>
<h1> UBREW BERMONDSEY </h1>
<h3 class="subtitle sold"> <span class="headway"></span>% sold!</h3>
<div class="progressbar">
<div class="progressmade">
</div>
</div>
<p class="remaining">Only <span class="potential"></span> places left!</p>
</div>
<div class="buttonholder">

    &lt;div class="medium-4 columns button2 disabled"&gt;
      &lt;div class="pointer"&gt;
      &lt;/div&gt;
      &lt;h4&gt;Earlybird&lt;/h4&gt;
      &lt;h5 class="subtitle"&gt;First 12 Sign-ups: &pound;65&lt;/h5&gt;
      &lt;p&gt; A rolling monthly five person group membership for only &pound;65 a month, starting this May. This is your tariff forever, unless you cancel.&lt;/p&gt;
    &lt;form class="stripe" action="charge.php" method="post"&gt;
      &lt;script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
              data-key="&lt;?php echo $stripe['publishable_key']; ?&gt;"
              data-amount="6500" data-currency="gbp" data-allow-remember-me="false" data-billing-address="true" data-image="https://ubrew.cc/img/your-own-brewery.png" data-label="Subscribe Now" data-description="Bermondsey 3 Month Subscription"&gt;
      &lt;/script&gt;
      &lt;input type="hidden" name="amount" value="6500"/&gt;
      &lt;input type="hidden" name="description" value="Bermondsey one month"/&gt;

    &lt;/form&gt; 

    &lt;/div&gt;
    &lt;div class="medium-4 columns button3 disabled"&gt;
      &lt;div class="pointer"&gt;
      &lt;/div&gt;
      &lt;h4&gt;Trendybird&lt;/h4&gt;  
      &lt;h5 class="subtitle"&gt;Second 12 Sign-ups: &pound;75&lt;/h5&gt;
      &lt;p&gt; A rolling monthly five person group membership for only &pound;75 a month, starting this May. This is your tariff forever, unless you cancel.&lt;/p&gt;
    &lt;form class="stripe" action="charge.php" method="post"&gt;
      &lt;script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
              data-key="&lt;?php echo $stripe['publishable_key']; ?&gt;"
              data-amount="7500" data-currency="gbp" data-allow-remember-me="false" data-billing-address="true" data-image="https://ubrew.cc/img/your-own-brewery.png" data-label="Subscribe Now" data-description="Bermondsey 3 Month Subscription"&gt;
      &lt;/script&gt;
      &lt;input type="hidden" name="amount" value="7500"/&gt;
      &lt;input type="hidden" name="description" value="Bermondsey one month"/&gt;

    &lt;/form&gt; 
    &lt;/div&gt;
    &lt;div class="medium-4 columns button4 disabled"&gt;
      &lt;div class="pointer"&gt;
      &lt;/div&gt;
      &lt;h4&gt;Luckybird&lt;/h4&gt; 
      &lt;h5 class="subtitle"&gt;Last 12 Sign-ups: &pound;85&lt;/h5&gt;
      &lt;p&gt; A rolling monthly five person group membership for only &pound;85 a month, starting this May. This is your tariff forever, unless you cancel.&lt;/p&gt;
    &lt;form class="stripe" action="charge.php" method="post"&gt;
      &lt;script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
              data-key="&lt;?php echo $stripe['publishable_key']; ?&gt;"
              data-amount="8500" data-currency="gbp" data-allow-remember-me="false" data-billing-address="true" data-image="https://ubrew.cc/img/your-own-brewery.png" data-label="Subscribe Now" data-description="Bermondsey 3 Month Subscription"&gt;
      &lt;/script&gt;
      &lt;input type="hidden" name="amount" value="8500"/&gt;
      &lt;input type="hidden" name="description" value="Bermondsey one month"/&gt;

    &lt;/form&gt;  
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

</div>

<div class="full-width header crowdnudge center top-bar">
<h6> There are <span class="potential"></span> places left at UBREW Bermondsey! <a class="button tiny closetopbar" href="#crowdfunding"> Get yours now </a>
<div class="progressbar">
<div class="progressmade">
</div>
</div>
</h6>
</div>

<!--membership info-->

<div class="row">
<div class="large-12 columns">
<h1>What membership gets you <br /></h1>
</div>

&lt;div class="medium-3 columns center"&gt;
  &lt;img src="img/space.png" /&gt;
  &lt;h4 class="subtitle"&gt;Space&lt;/h4&gt;
  &lt;p&gt;For too long Londoners have been forced to brew in the confines of their ever-shrinking London flats! At UBREW, we have 2800 square feet of brewery for you to use as your own, designed to get messy and steamy. Oh yes.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="medium-3 columns center"&gt; 
  &lt;img src="img/lightbulb.png" /&gt; 
  &lt;h4 class="subtitle"&gt;Knowledge&lt;/h4&gt; 
  &lt;p&gt;Our staff are so clever and friendly it scares us sometimes. What that means for you is that there's an expert on hand all the way through your brew who you can get advice, guidance and a helping hand from.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="medium-3 columns center"&gt;
  &lt;img src="img/equipment.png" /&gt;
  &lt;h4 class="subtitle"&gt;Equipment&lt;/h4&gt;
  &lt;p&gt;The very best stainless steel gear. Exactly the same stuff that your favourite beer is brewed in, but shrunk down to 35l sizes. Meaning per brew, you and your friends walk away with 80 bottles of professional quality craft beer.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="medium-3 columns center"&gt;  
  &lt;img src="img/ingredients.png" /&gt;
  &lt;h4 class="subtitle"&gt;Ingredients&lt;/h4&gt; &lt;p&gt;Our on-site brewshop lets you grab the ingredients you need pic'n'mix style by the gram. No more ordering 100g of hops when you only need a quarter of that - just take what you need.&lt;/p&gt;
&lt;/div&gt;

&lt;div class="large-12 columns"&gt; 
      &lt;br /&gt;&lt;p&gt;At UBREW, we firmly believe that beer is best brewed exactly the same way it's best drank: with friends. That's why all of the memberships we sell are 5 person group memberships. So when you sign up for UBREW, four of your mates are signing up with you - meaning you have four lovely brew partners to share the costs, beer and fun with! You get unbridled access to one fermenter, and everything you need to fill it with lovely, lovely beer.&lt;/p&gt;  
  &lt;p&gt;On top of all that, we have a fantastic craft beer taproom on-site. So you can engage in important "market research" while you brew your beer by drinking the very best craft beer the world has to offer. Our beer offering changes by the week, so you'll never get bored. &lt;a href="#crowdfunding"&gt;Get involved with a membership starting this May.&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;

</div>

<div class="full-width" id="weights">
</div>

<!-- About -->

<div class="section" id="about">
<div class="row">
<div class="large-12 columns">
<h1>About</h1>
<h4 class="subtitle"> UBREW is the first, and only, open brewery. That means anyone can come to our brewery and brew their own beer. That also means you can come to our brewery and drink beer. </h4>
</div>
</div>

&lt;div class="row"&gt;
  &lt;div class="large-4 columns center"&gt;
    &lt;img src="img/fermenter.png" /&gt;
    &lt;h3&gt; Courses &lt;/h3&gt;
    &lt;p&gt;Learn to brew really, really good beer with our really, really good gear! Spend an afternoon getting to grips with the art of brewing under the guidance of one of our brewing experts. If you're interested in getting a course for a friend, we also do gift certificates!
    &lt;br/&gt; &lt;a&gt;Find out more about courses.&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;
  &lt;div class="large-4 columns center"&gt;
    &lt;img src="img/bottleopen.png" /&gt;
    &lt;h3&gt; Drink &lt;/h3&gt;
    &lt;p&gt;We know not everyone wants to brew beer, and in fact a lot of people want to focus on simply drinking the stuff. Don't worry, we have that covered - head to our taproom and get your socks blown off by some of our favourite hoppy numbers. 
    &lt;br /&gt; &lt;a href="#taproom"&gt;Opening times!&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;
  &lt;div class="large-4 columns center"&gt;
    &lt;img src="img/trophy.png" /&gt;
    &lt;h3&gt; Events &lt;/h3&gt;
    &lt;p&gt;Tap takeovers, collaboration brews and all out parties happen down at UBREW. We're also more than up for hosting one of your events, too! &lt;br /&gt; &lt;a href="#eventsection"&gt;Be there or be square.&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;div class="row" id="findus"&gt;
&lt;div class="large-12 columns"&gt;
  &lt;h1&gt; Find Us &lt;/h1&gt;
  &lt;p&gt; You can find us right in the heart of the Bermondsey Beer Mile at Arches 29-30, 24 Old Jamaica Road, London, SE16 4AW.&lt;/p&gt;
&lt;/div&gt;

</div>
<div class="facade"><p>Click or tap to Explore</p></div>
<div class="full-width" id="map">

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2483.8528319568372!2d-0.0699030192199708!3d51.49756809429452!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4876033f62011c79%3A0xdae8cc0da2fa6a8e!2sUBREW!5e0!3m2!1sen!2suk!4v1425656803883" style="border:0" frameborder="0" height="400" width="800"></iframe>
</div>
</div>

<div class="section">
<div class="row" id="courses">
<div class="large-12 columns">
<h1> Courses </h1>
<h4 class="subtitle"> Learn to brew like pro, from the pros.</h4>
<p>Learn to sparge, hop and finger pop from wise elders of the brew community. Whether it's your first time brewing, or you're an experienced homebrewer who wants to take your game to the next level, this course will have you covered. You'll learn on the same kit you'll be brewing on during your membership, all the ins and outs, all the tips and tricks. If you're interested in going on a course yourself, check out our upcoming dates below. If you want to get a course for a friend, grab a <a href="#gift">gift certificate!</a> </p>
</div>
</div>
<div class="row courses">

  &lt;div id="list"&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;div class="row" id="gift"&gt;
  &lt;div class="large-12 columns"&gt;
    &lt;h2&gt; Course Gift Certificates &lt;/h2&gt;
    &lt;p&gt; Sometimes the only pleasure greater than learning to brew, is letting a friend to learn to brew. Treat someone to a brew course at UBREW with a printable or emailable gift certificate. They'll be able to choose the date that suits them best, learn how to brew like a pro, and get three beers to drink on the day, and a six pack of beer that they brewed themselves once the beer's ready to drink!&lt;/p&gt;
     &lt;form class="stripe center giftcertificatepayment" action="certcreator.php" method="post"&gt;
              &lt;script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
                      data-key="&lt;?php echo $stripe['publishable_key']; ?&gt;"
                      data-amount="9500" data-currency="gbp" data-allow-remember-me="false" data-billing-address="true" data-label="&pound;95 All Grain Brew Course Gift Certificate" data-image="https://ubrew.cc/img/your-own-brewery.png" data-description="Gift Certificate"&gt;

              &lt;/script&gt;
                      &lt;input type="hidden" name="amount" value="9500"/&gt;

            &lt;/form&gt; 
  &lt;/div&gt;
&lt;/div&gt;

</div>

<div class="full-width" id="gear">
</div>

<div class="row" id="taproom">
<div class="large-12 columns">
<h1> Taproom </h1>
</div>
<div class="medium-6 columns">
<h4>Bar opening hours</h4>
<h6 class="subtitle">12pm-7pm Saturday, Sunday, Tuesday, Wednesday</h6>
<h6 class="subtitle">12pm-11pm Thursday and Friday</h6>
</div>
<div class="medium-6 columns">
<h4>Take Away Beers</h4>
<h6 class="subtitle">We have a fridge full of lovely, delicious beer for you to take home with you.</h6>
</div>
</div>

</div>

<div class="full-width" id="taps">
</div>
<div class="row" id="eventsection">
<div class="large-12 columns">
<h1> Events </h1>
</div>
<div class="medium-6 columns">
<h4>Upcoming events</h4>
<p>We're always up to something down at UBREW. Pop your head in and see what's happening at one of our gatherings.</p>
<div id="events">
</div>
</div>
<div class="medium-6 columns">
<h4>Hold your event at UBREW</h4>
<p>Whether it's your company's away day, your stag or hen do, or even your cat's birthday, we can throw the proper bash for you. </p>
<a class="button eventleader" href="#eventform"> Talk to us about holding your event </a>
<form class="eventleads" method="post" action="contactengine.php" id="eventform">
<label for="Name">Name:</label>
<input type="text" name="Name" id="Name" required />

    &lt;label for="Company"&gt;Company:&lt;/label&gt;
    &lt;input type="text" name="Company" id="Company" /&gt;

    &lt;label for="Tel"&gt;Tel:&lt;/label&gt;
    &lt;input type="text" name="Tel" id="Tel" /&gt;

    &lt;label for="Email"&gt;Email:&lt;/label&gt;
    &lt;input type="text" name="Email" id="Email" required /&gt;

    &lt;label for="Message"&gt;Message:&lt;/label&gt;&lt;br /&gt;
    &lt;textarea name="Message" rows="20" cols="20" id="Message"&gt;&lt;/textarea&gt;

    &lt;input type="submit" name="submit" value="Submit" class="button" /&gt;
  &lt;/form&gt;
&lt;/div&gt;

</div>
<div class="full-width" id="sunlight">
</div>
<div id="testimonials" class="row">
<div class="large-12 columns">
<h1>What people are saying</h1>
</div>
</div>
<div class="row">
<div class="medium-4 columns">
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">1st try of a <a href="https://twitter.com/ubrewcc"&gt;@ubrewcc&lt;/a> beer: highly impressive 4.8% red ale, &#39;Bail Out Kanye&#39;. Rich, hoppy, gorgeous. Wow! <a href="https://t.co/dkm9MKve46"&gt;pic.twitter.com/dkm9MKve46&lt;/a&gt;&lt;/p&gt;&amp;mdash; BeerGuideLondon (@BeerGuideLondon) <a href="https://twitter.com/BeerGuideLondon/status/708693233128316929"&gt;March 12, 2016</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="medium-4 columns">
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">So I was brewing at <a href="https://twitter.com/ubrewcc"&gt;@ubrewcc&lt;/a> yesterday and suddenly there was the boss of Goose Island and BEER SAMPLES EVERYWHERE <a href="https://t.co/JVADVmaQRo"&gt;pic.twitter.com/JVADVmaQRo&lt;/a&gt;&lt;/p&gt;&amp;mdash; barneythompson (@barneythompson) <a href="https://twitter.com/barneythompson/status/709280473286107136"&gt;March 14, 2016</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="medium-4 columns">
<blockquote class="twitter-tweet" lang="en"><p lang="en" dir="ltr">V impressed by <a href="https://twitter.com/ubrewcc"&gt;@ubrewcc&lt;/a> great example of people doing things differently. Exciting times for <a href="https://twitter.com/hashtag/LdnBestBeer?src=hash"&gt;#LdnBestBeer&lt;/a> !!</p>&mdash; London&#39;s Best Beer (@LdnBestBeer) <a href="https://twitter.com/LdnBestBeer/status/604615679925452800"&gt;May 30, 2015</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div>

<div class="full-width" id="mashed">
</div>

<div class="row" id="membership">
<div class="large-12 columns">
<div class="thechoice center">
<h1> Become a member! </h1>
<a class="button" href="#crowdfunding">I want to brew for fun</a> <a class="button commercial">I want to brew for commercial gain</a>
</div>

    &lt;div class="ss-form-container firstform hidden"&gt;&lt;div class="ss-header-image-container"&gt;&lt;div class="ss-header-image-image"&gt;&lt;div class="ss-header-image-sizer"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
        &lt;div class="ss-top-of-page"&gt;&lt;div class="ss-form-heading"&gt;
          &lt;h1 class="ss-form-title" dir="ltr"&gt;Become a member&lt;/h1&gt;
          &lt;h4 class="subtitle"&gt; UBREW is currently at full capacity. But don't worry! A slot is sure to come up soon. Enter your name and email address, and you'll be among the first to know when one does!&lt;/h4&gt;
        &lt;/div&gt;
      &lt;div class="ss-form normalmember"&gt;
          &lt;form action="https://docs.google.com/forms/d/12CoxKVgy3RKqZYAAf0-SnU6BC4bqbsZBVBqwMQ9WBJU/formResponse?embedded=true" method="post"
          target="hidden_iframe" onsubmit="submitted=true;" class="waitinglist"&gt;
          &lt;ol role="list" class="ss-question-list" style="padding-left: 0"&gt;
          &lt;div class="ss-form-question errorbox-good" role="listitem"&gt;
            &lt;div dir="ltr" class="ss-item ss-item-required ss-text"&gt;
              &lt;div class="medium-4 columns ss-form-entry"&gt;
                &lt;label class="ss-q-item-label" for="entry_1505161816"&gt;

                  &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;&lt;/div&gt;&lt;/label&gt;
                  &lt;input name="entry.1505161816" value="" class="ss-q-short" id="entry_1505161816" dir="auto" aria-label="Name  " aria-required="true" required="" title="" type="text" placeholder="Your name"&gt;
                  &lt;div class="error-message" id="325347358_errorMessage"&gt;&lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt; 
            &lt;div class="ss-form-question errorbox-good" role="listitem"&gt;
              &lt;div dir="ltr" class="ss-item ss-item-required ss-text"&gt;&lt;div class="medium-5 columns ss-form-entry"&gt;
                &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;&lt;/div&gt;&lt;/label&gt;
                &lt;input name="entry.2037972424" value="" class="ss-q-short" id="entry_2037972424" dir="auto" aria-label="Email Address  " aria-required="true" required="" title="" type="text" placeholder="Your email address"&gt;
                &lt;div class="error-message" id="945667623_errorMessage"&gt;&lt;/div&gt;
                &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
                &lt;input name="draftResponse" value="[,,&amp;quot;-1556331268888169600&amp;quot;]
                " type="hidden"&gt;
                &lt;input name="pageHistory" value="0" type="hidden"&gt;


                &lt;input name="fbzx" value="-1556331268888169600" type="hidden"&gt;

                &lt;div class="ss-item ss-navigate medium-2 columns"&gt;&lt;input class="button done" name="submit" value="Submit" id="ss-submit" class="jfk-button jfk-button-action " type="submit"&gt;
                &lt;/div&gt;
                &lt;/ol&gt;
              &lt;/form&gt;
            &lt;/div&gt;
            &lt;div class="ss-footer"&gt;&lt;div class="ss-attribution"&gt;&lt;/div&gt;
            &lt;div class="ss-legal"&gt;&lt;div class="disclaimer-separator"&gt;&lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;

<!--second form-->

<div class="secondform hidden">
<h1>Brew commercially at UBREW</h1>
<h4 class="subtitle">You're a cuckoo brewer, we're your dream come true. Fill out the form below and we'll be in touch shortly.</h4>

        &lt;form class="commercialform" action="https://docs.google.com/forms/d/1GYCC5Wel5Q1gWNHMbuUWG7jt4-bEzM3ErVfp6XEa8cc/formResponse" method="post"
        target="hidden_iframe" onsubmit="submitted=true;"&gt;
                  &lt;div class="ss-form-question errorbox-good medium-6 columns" role="listitem"&gt;
                    &lt;div dir="ltr" class="ss-item ss-item-required ss-text"&gt;
                      &lt;div class="ss-form-entry"&gt;
                        &lt;label class="ss-q-item-label" for="entry_1505161816"&gt;
                          &lt;div class="ss-q-title"&gt;Name
                           &lt;label for="itemView.getDomIdToLabel()" aria-label="(Required field)"&gt;&lt;/label&gt;
                           &lt;span class="ss-required-asterisk" aria-hidden="true"&gt;*&lt;/span&gt;
                          &lt;/div&gt;
                          &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;&lt;/div&gt;&lt;/label&gt;
                          &lt;input name="entry.1505161816" value="" class="ss-q-short" id="entry_1505161816" dir="auto" aria-label="Name  " aria-required="true" required="" title="" type="text"&gt;
                          &lt;div class="error-message" id="325347358_errorMessage"&gt;&lt;/div&gt;
                          &lt;div class="required-message"&gt;This is a required question&lt;/div&gt;
                       &lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/div&gt; 

                  &lt;div class="ss-form-question errorbox-good  medium-6 columns" role="listitem"&gt;
                    &lt;div dir="ltr" class="ss-item ss-item-required ss-text"&gt;
                      &lt;div class="ss-form-entry"&gt;
                        &lt;label class="ss-q-item-label" for="entry_2037972424"&gt;
                        &lt;div class="ss-q-title"&gt;Email Address
                          &lt;label for="itemView.getDomIdToLabel()" aria-label="(Required field)"&gt;&lt;/label&gt;
                          &lt;span class="ss-required-asterisk" aria-hidden="true"&gt;*&lt;/span&gt;
                        &lt;/div&gt;
                        &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;&lt;/div&gt;&lt;/label&gt;
                          &lt;input name="entry.2037972424" value="" class="ss-q-short" id="entry_2037972424" dir="auto" aria-label="Email Address  " aria-required="true" required="" title="" type="text"&gt;
                          &lt;div class="error-message" id="945667623_errorMessage"&gt;&lt;/div&gt;
                          &lt;div class="required-message"&gt;This is a required question&lt;/div&gt;
                        &lt;/div&gt;
                      &lt;/div&gt;
                    &lt;/div&gt; 
                    &lt;div class="ss-form-question errorbox-good" role="listitem"&gt;
                      &lt;div dir="ltr" class="ss-item  ss-grid"&gt;
                        &lt;div class="ss-form-entry"&gt;
                          &lt;label class="ss-q-item-label" for="entry_1444399086"&gt;
                          &lt;div class="ss-q-title"&gt;What size and what time frame are you interested in brewing on?
                          &lt;/div&gt;
                           &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;Choose as many responses as are applicable&lt;/div&gt;&lt;/label&gt;
                           &lt;div&gt;
                           &lt;table border="0" cellpadding="5" cellspacing="0"&gt;
                            &lt;thead&gt;
                              &lt;tr&gt;
                              &lt;td class="ss-gridnumbers ss-gridrow-leftlabel"&gt;&lt;/td&gt;
                              &lt;td class="ss-gridnumbers" style="width: 20%;"&gt;
                                &lt;label class="ss-gridnumber"&gt;Now&lt;/label&gt;
                              &lt;/td&gt; 
                              &lt;td class="ss-gridnumbers" style="width: 20%;"&gt;
                                &lt;label class="ss-gridnumber"&gt;Within 6 Months&lt;/label&gt;
                              &lt;/td&gt; 
                              &lt;td class="ss-gridnumbers" style="width: 20%;"&gt;
                                &lt;label class="ss-gridnumber"&gt;Within 12 Months&lt;/label&gt;
                              &lt;/td&gt; 
                              &lt;td class="ss-gridnumbers" style="width: 20%;"&gt;
                                &lt;label class="ss-gridnumber"&gt;Within 2-3 Years&lt;/label&gt;
                              &lt;/td&gt;
                            &lt;/tr&gt;
                          &lt;/thead&gt;
                          &lt;tbody&gt;
                            &lt;tr role="radiogroup" aria-label="1-2 Barrel kit" aria-describedby="1444399086_errorMessage" class="ss-gridrow ss-grid-row-odd"&gt;
                              &lt;td class="ss-gridrow ss-gridrow-leftlabel"&gt;1-2 Barrel kit&lt;/td&gt;
                              &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.574868018" value="Now" id="group_574868018_1" role="radio" class="ss-q-radio" aria-label="Now" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.574868018" value="Within 6 Months" id="group_574868018_2" role="radio" class="ss-q-radio" aria-label="Within 6 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.574868018" value="Within 12 Months" id="group_574868018_3" role="radio" class="ss-q-radio" aria-label="Within 12 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.574868018" value="Within 2-3 Years" id="group_574868018_4" role="radio" class="ss-q-radio" aria-label="Within 2-3 Years" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr role="radiogroup" aria-label="5 Barrel kit" aria-describedby="1444399086_errorMessage" class="ss-gridrow ss-grid-row-even"&gt;&lt;td class="ss-gridrow ss-gridrow-leftlabel"&gt;5 Barrel kit&lt;/td&gt;
                              &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.605022389" value="Now" id="group_605022389_1" role="radio" class="ss-q-radio" aria-label="Now" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.605022389" value="Within 6 Months" id="group_605022389_2" role="radio" class="ss-q-radio" aria-label="Within 6 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.605022389" value="Within 12 Months" id="group_605022389_3" role="radio" class="ss-q-radio" aria-label="Within 12 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.605022389" value="Within 2-3 Years" id="group_605022389_4" role="radio" class="ss-q-radio" aria-label="Within 2-3 Years" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr role="radiogroup" aria-label="10 Barrel kit" aria-describedby="1444399086_errorMessage" class="ss-gridrow ss-grid-row-odd"&gt;&lt;td class="ss-gridrow ss-gridrow-leftlabel"&gt;10 Barrel kit&lt;/td&gt;
                              &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.1897697996" value="Now" id="group_1897697996_1" role="radio" class="ss-q-radio" aria-label="Now" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.1897697996" value="Within 6 Months" id="group_1897697996_2" role="radio" class="ss-q-radio" aria-label="Within 6 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.1897697996" value="Within 12 Months" id="group_1897697996_3" role="radio" class="ss-q-radio" aria-label="Within 12 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.1897697996" value="Within 2-3 Years" id="group_1897697996_4" role="radio" class="ss-q-radio" aria-label="Within 2-3 Years" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr role="radiogroup" aria-label="20+ Barrel kit" aria-describedby="1444399086_errorMessage" class="ss-gridrow ss-grid-row-even"&gt;&lt;td class="ss-gridrow ss-gridrow-leftlabel"&gt;20+ Barrel kit&lt;/td&gt;
                              &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.104051364" value="Now" id="group_104051364_1" role="radio" class="ss-q-radio" aria-label="Now" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.104051364" value="Within 6 Months" id="group_104051364_2" role="radio" class="ss-q-radio" aria-label="Within 6 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.104051364" value="Within 12 Months" id="group_104051364_3" role="radio" class="ss-q-radio" aria-label="Within 12 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.104051364" value="Within 2-3 Years" id="group_104051364_4" role="radio" class="ss-q-radio" aria-label="Within 2-3 Years" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
                              &lt;div class="error-message" id="1444399086_errorMessage"&gt;&lt;/div&gt;
                              &lt;div class="required-message"&gt;Please enter one response per row&lt;/div&gt;
                        &lt;/div&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/div&gt; 
                  &lt;div class="ss-form-question errorbox-good" role="listitem"&gt;
                    &lt;div dir="ltr" class="ss-item  ss-radio"&gt;
                      &lt;div class="ss-form-entry"&gt;
                        &lt;label class="ss-q-item-label" for="entry_128181884"&gt;
                          &lt;div class="ss-q-title"&gt;What would the ideal length of contract be for?
                          &lt;/div&gt;
                          &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;(Please bear in mind that you  are likely to that longer contracts will reduce the costs)&lt;/div&gt;&lt;/label&gt;

                            &lt;ul class="ss-choices" role="radiogroup" aria-label="What would the ideal length of contract be for? (Please bear in mind that you  are likely to that longer contracts will reduce the costs) "&gt;&lt;li class="ss-choice-item"&gt;&lt;label&gt;&lt;span class="ss-choice-item-control goog-inline-block"&gt;&lt;input name="entry.1975987779" value="3 Months" id="group_1975987779_1" role="radio" class="ss-q-radio" aria-label="3 Months" type="radio"&gt;&lt;/span&gt;
                            &lt;span class="ss-choice-label"&gt;3 Months&lt;/span&gt;
                            &lt;/label&gt;&lt;/li&gt; &lt;li class="ss-choice-item"&gt;&lt;label&gt;&lt;span class="ss-choice-item-control goog-inline-block"&gt;&lt;input name="entry.1975987779" value="6 Months" id="group_1975987779_2" role="radio" class="ss-q-radio" aria-label="6 Months" type="radio"&gt;&lt;/span&gt;
                  &lt;span class="ss-choice-label"&gt;6 Months&lt;/span&gt;
                  &lt;/label&gt;&lt;/li&gt; &lt;li class="ss-choice-item"&gt;&lt;label&gt;&lt;span class="ss-choice-item-control goog-inline-block"&gt;&lt;input name="entry.1975987779" value="12 Months" id="group_1975987779_3" role="radio" class="ss-q-radio" aria-label="12 Months" type="radio"&gt;&lt;/span&gt;
                  &lt;span class="ss-choice-label"&gt;12 Months&lt;/span&gt;
                  &lt;/label&gt;&lt;/li&gt; &lt;li class="ss-choice-item"&gt;&lt;label&gt;&lt;span class="ss-choice-item-control goog-inline-block"&gt;&lt;input name="entry.1975987779" value="24 Months or Longer" id="group_1975987779_4" role="radio" class="ss-q-radio" aria-label="24 Months or Longer" type="radio"&gt;&lt;/span&gt;
                  &lt;span class="ss-choice-label"&gt;24 Months or Longer&lt;/span&gt;
                  &lt;/label&gt;&lt;/li&gt; &lt;li class="ss-choice-item"&gt;&lt;label&gt;&lt;span class="ss-choice-item-control goog-inline-block"&gt;&lt;input name="entry.1975987779" value="One off price" id="group_1975987779_5" role="radio" class="ss-q-radio" aria-label="One off price" type="radio"&gt;&lt;/span&gt;
                  &lt;span class="ss-choice-label"&gt;One off price&lt;/span&gt;
                  &lt;/label&gt;&lt;/li&gt;&lt;/ul&gt;
                  &lt;div class="error-message" id="128181884_errorMessage"&gt;&lt;/div&gt;
                  &lt;div class="required-message"&gt;This is a required question&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="ss-form-question errorbox-good" role="listitem"&gt;

                  &lt;div class="medium-6 columns"&gt;

                  &lt;div dir="ltr" class="ss-item  ss-select"&gt;&lt;div class="ss-form-entry"&gt;
                  &lt;label class="ss-q-item-label" for="entry_579644801"&gt;&lt;div class="ss-q-title"&gt;What support, if any, would you require support with?
                  &lt;/div&gt;
                  &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;&lt;/div&gt;&lt;/label&gt;
                  &lt;select name="entry.579644801" id="entry_579644801" aria-label="What support, if any, would you require support with?  "&gt;&lt;option value=""&gt;&lt;/option&gt;
                  &lt;option value="Technical brewing assistance, ingredients development or delivery"&gt;Technical brewing assistance, ingredients development or delivery&lt;/option&gt; &lt;option value="Very limited help or support just to be shown how use the kit for the first time"&gt;Very limited help or support just to be shown how use the kit for the first time&lt;/option&gt; &lt;option value="Route to market and distribution (UBREW, ABM and to physical premises"&gt;Route to market and distribution (UBREW, ABM and to physical premises&lt;/option&gt; &lt;option value="PR, Marketing and Branding"&gt;PR, Marketing and Branding&lt;/option&gt; &lt;option value="Sales and Business Development"&gt;Sales and Business Development&lt;/option&gt; &lt;option value="HMRC Consultancy (ie how to fill in your forms corrently)"&gt;HMRC Consultancy (ie how to fill in your forms corrently)&lt;/option&gt; &lt;option value="Logistics and delivery of your products"&gt;Logistics and delivery of your products&lt;/option&gt; &lt;option value="Other [please specify]"&gt;Other [please specify]&lt;/option&gt;&lt;/select&gt;
                  &lt;div class="required-message"&gt;This is a required question&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="ss-form-question errorbox-good" role="listitem"&gt;

                  &lt;/div&gt;
                  &lt;div class="medium-6 columns"&gt;

                  &lt;div dir="ltr" class="ss-item  ss-text"&gt;&lt;div class="ss-form-entry"&gt;
                  &lt;label class="ss-q-item-label" for="entry_1671803780"&gt;&lt;div class="ss-q-title"&gt;What's your phone number?
                  &lt;/div&gt;
                  &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;&lt;/div&gt;&lt;/label&gt;
                  &lt;input name="entry.1671803780" value="" class="ss-q-short" id="entry_1671803780" dir="auto" aria-label="If you answered &amp;quot;other&amp;quot; to the question above, please elaborate here:  " title="" type="text"&gt;
                  &lt;div class="error-message" id="1191099821_errorMessage"&gt;&lt;/div&gt;
                  &lt;div class="required-message"&gt;This is a required question&lt;/div&gt;
                  &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;

                  &lt;/div&gt;
                  &lt;div class="large-12 columns"&gt;
                  &lt;input name="draftResponse" value="[,,&amp;quot;-8229200751001141451&amp;quot;]
                  " type="hidden"&gt;
                  &lt;input name="pageHistory" value="0" type="hidden"&gt;


                  &lt;input name="fbzx" value="-8229200751001141451" type="hidden"&gt;

                  &lt;input name="submit" value="Submit" id="ss-submit" class="jfk-button jfk-button-action button" type="submit"&gt;
                  &lt;/ol&gt;
                  &lt;/div&gt;
                &lt;/form&gt;
              &lt;/div&gt;
          &lt;/div&gt;                    
&lt;/div&gt;

</div>

 &lt;div class="full-width" id="bottles"&gt;

</div>

<div class="row" id="footer">
<div class="large-12 columns">
<div class="left">
<h1>Contact and Newsletter</h1>
</div>
</div>
<div>
<div class="row center">
<div class="small-7 columns">
<input type="email" value="" class="email triggermodal" placeholder="Your email address here.">
</div>
<div class="clear">
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" value=""></div>
<div class="small-5 columns clear">
<input type="submit" value="Stay in the loop" name="subscribe" class="button">
</div>
</form>
</div>
</div>
<div class="medium-12 center columns">
<a href="mailto:reach@ubrew.cc"><img src="../img/email.png"></a>
<a href="https://www.facebook.com/ubrew.cc"&gt;&lt;img src="../img/fb.png"></a>
<a href="https://twitter.com/ubrewcc"&gt;&lt;img src="../img/twitter.png"></a>
<h6 class="subtitle" style="
margin-top: 25px;
opacity: 0.4;
font-size: 12px;
"> Registered Company Number: 9153771. UBREW, First Floor New Zealand House, London, SW1Y 4TE </h6>
</div>
</div>
</body>
</html>
</div>
</div>

<div id="jobsignup" class="reveal-modal center" data-reveal>
<div class="ss-header-image-container"><div class="ss-header-image-image"><div class="ss-header-image-sizer"></div></div></div>
<div class="ss-top-of-page"><div class="ss-form-heading"><h1 class="ss-form-title" dir="ltr">WORK WITH UBREW</h1>

</div></div>
<div class="ss-form"><form action="https://docs.google.com/forms/d/1MfCKbrTE6U4mzLmN6LPN9XrKjdkMypKwGrht_fRHeTo/formResponse" method="POST" id="ss-form" target="_self" onsubmit=""><ol role="list" class="ss-question-list" style="padding-left: 0">
<div class="ss-form-question errorbox-good" role="listitem">
<div dir="auto" class="medium-6 columns ss-item ss-text"><div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_1650121982"><div class="ss-q-title"><h4 class="subtitle">Your Name</h4>
</div>
<div class="ss-q-help ss-secondary-text" dir="auto"></div></label>
<input name="entry.1650121982" value="" class="ss-q-short" id="entry_1650121982" dir="auto" aria-label="Your Name " title="" type="text">
<div class="error-message" id="840514849_errorMessage"></div>
</div></div></div> <div class="ss-form-question errorbox-good" role="listitem">
<div dir="auto" class="medium-6 columns ss-item ss-text"><div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_2044412399"><div class="ss-q-title"><h4 class="subtitle">Your Email Address</h4>
</div>
<div class="ss-q-help ss-secondary-text" dir="auto"></div></label>
<input name="entry.2044412399" value="" class="ss-q-short" id="entry_2044412399" dir="auto" aria-label="Your Email Address " title="" type="text">
<div class="error-message" id="751835996_errorMessage"></div>
</div></div></div> <div class="ss-form-question errorbox-good" role="listitem">
<div dir="auto" class="ss-item ss-paragraph-text"><div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_1523033051"><div class="ss-q-title"><h4 class="subtitle">Tell us about yourself</h4>
</div>
<div class="ss-q-help ss-secondary-text" dir="auto"></div></label>
<textarea name="entry.1523033051" rows="8" cols="0" class="ss-q-long" id="entry_1523033051" dir="auto" aria-label="Tell us about yourself "></textarea>
<div class="error-message" id="983670090_errorMessage"></div>
<div class="required-message">This is a required question</div>
</div></div></div>
<input name="draftResponse" value="[,,&quot;-8897538143077842017&quot;]
" type="hidden">
<input name="pageHistory" value="0" type="hidden">

<input name="fbzx" value="-8897538143077842017" type="hidden">

<div class="ss-item ss-navigate"><table id="navigation-table">
<input name="submit" value="Submit" id="ss-submit" class="jfk-button jfk-button-action button" type="submit">
</div></ol></form></div>
</div>

<div id="loadingmodal" class="reveal-modal tiny" data-reveal>
<div class="spinner center">
<h2 class="subtitle"> Processing, please wait. </h2>
<img src="img/spinner.gif" />
<h6 class="subtitle">If you have just completed payment, please wait. If you have abandoned payment, click anywhere outside of this box.</h6>
</div>
</div>

<div id="myModal" class="reveal-modal" data-reveal>
<h3> Signup for our newsletter and be kept in the loop! </h3>
<h4 class="subtitle"> Offers, events and more. </h4>
<div id="mc_embed_signup">
<div class="row center">
<form action="https://ubrew.us8.list-manage.com/subscribe/post?u=48aa8d1c4eb4dce1c8b797e6e&amp;amp;id=b1c2b9876e" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="">
<div class="small-7 columns mc-field-group">
<input type="email" value="" name="EMAIL" class="required email focusme" id="mce-EMAIL" placeholder="Your email address here.">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" name="b_48aa8d1c4eb4dce1c8b797e6e_b1c2b9876e" value=""></div>
<div class="small-5 columns clear">
<input type="submit" value="Stay in the loop" name="subscribe" id="mc-embedded-subscribe" class="button">
</div>
</form>
</div>
</div>
<a class="close-reveal-modal">&#215;</a>

</div>
<script src="bower_components/viewport-units-buggyfill/viewport-units-buggyfill.js"></script>
<script>window.viewportUnitsBuggyfill.init();</script>
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="js/bermondseycrowdfunding.js"></script>
<script src="js/jquery.backstretch.min.js"></script>
<script src="bower_components/foundation/js/foundation.min.js"></script>
<script src="js/app.js"></script>
<script type='text/javascript' src="js/jquery.waypoints.js"></script>
<script type='text/javascript' src="js/shortcuts/sticky.js"></script>
<script src="js/custom.js"></script>

<script src="js/masonry.pkgd.min.js"></script>

<script src="js/eventbritenew.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-43142970-2', 'auto');
ga('send', 'pageview');

</script>
</body>
</html>

Wilf Horsfall commented on Jonas's post over 3 years

Sure thing. Here's the page's code in full:
<?php
if($_SERVER["HTTPS"] != "on")
{
header("Location: https://" . $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"]);
exit();
}
?>

<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UBREW - an open brewery where you brew the beer</title>
<link href='//fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Arvo:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/app.css" />

</head>
<body>

<?php
require_once('./config.php');
?>

<div class="full-width section center crowdfunding" id="crowdfunding">
<div class="row">
<div class="large-12 columns">
<h2 class="subtitle"> Now taking May orders for </h2>
<h1> UBREW BERMONDSEY </h1>
<h3 class="subtitle sold"> <span class="headway"></span>% sold!</h3>
<div class="progressbar">
<div class="progressmade">
</div>
</div>
<p class="remaining">Only <span class="potential"></span> places left!</p>
</div>
<div class="buttonholder">

    &lt;div class="medium-4 columns button2 disabled"&gt;
      &lt;div class="pointer"&gt;
      &lt;/div&gt;
      &lt;h4&gt;Earlybird&lt;/h4&gt;
      &lt;h5 class="subtitle"&gt;First 12 Sign-ups: &pound;65&lt;/h5&gt;
      &lt;p&gt; A rolling monthly five person group membership for only &pound;65 a month, starting this May. This is your tariff forever, unless you cancel.&lt;/p&gt;
    &lt;form class="stripe" action="charge.php" method="post"&gt;
      &lt;script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
              data-key="&lt;?php echo $stripe['publishable_key']; ?&gt;"
              data-amount="6500" data-currency="gbp" data-allow-remember-me="false" data-billing-address="true" data-image="https://ubrew.cc/img/your-own-brewery.png" data-label="Subscribe Now" data-description="Bermondsey 3 Month Subscription"&gt;
      &lt;/script&gt;
      &lt;input type="hidden" name="amount" value="6500"/&gt;
      &lt;input type="hidden" name="description" value="Bermondsey one month"/&gt;

    &lt;/form&gt; 

    &lt;/div&gt;
    &lt;div class="medium-4 columns button3 disabled"&gt;
      &lt;div class="pointer"&gt;
      &lt;/div&gt;
      &lt;h4&gt;Trendybird&lt;/h4&gt;  
      &lt;h5 class="subtitle"&gt;Second 12 Sign-ups: &pound;75&lt;/h5&gt;
      &lt;p&gt; A rolling monthly five person group membership for only &pound;75 a month, starting this May. This is your tariff forever, unless you cancel.&lt;/p&gt;
    &lt;form class="stripe" action="charge.php" method="post"&gt;
      &lt;script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
              data-key="&lt;?php echo $stripe['publishable_key']; ?&gt;"
              data-amount="7500" data-currency="gbp" data-allow-remember-me="false" data-billing-address="true" data-image="https://ubrew.cc/img/your-own-brewery.png" data-label="Subscribe Now" data-description="Bermondsey 3 Month Subscription"&gt;
      &lt;/script&gt;
      &lt;input type="hidden" name="amount" value="7500"/&gt;
      &lt;input type="hidden" name="description" value="Bermondsey one month"/&gt;

    &lt;/form&gt; 
    &lt;/div&gt;
    &lt;div class="medium-4 columns button4 disabled"&gt;
      &lt;div class="pointer"&gt;
      &lt;/div&gt;
      &lt;h4&gt;Luckybird&lt;/h4&gt; 
      &lt;h5 class="subtitle"&gt;Last 12 Sign-ups: &pound;85&lt;/h5&gt;
      &lt;p&gt; A rolling monthly five person group membership for only &pound;85 a month, starting this May. This is your tariff forever, unless you cancel.&lt;/p&gt;
    &lt;form class="stripe" action="charge.php" method="post"&gt;
      &lt;script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
              data-key="&lt;?php echo $stripe['publishable_key']; ?&gt;"
              data-amount="8500" data-currency="gbp" data-allow-remember-me="false" data-billing-address="true" data-image="https://ubrew.cc/img/your-own-brewery.png" data-label="Subscribe Now" data-description="Bermondsey 3 Month Subscription"&gt;
      &lt;/script&gt;
      &lt;input type="hidden" name="amount" value="8500"/&gt;
      &lt;input type="hidden" name="description" value="Bermondsey one month"/&gt;

    &lt;/form&gt;  
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

</div>

<div class="full-width header crowdnudge center top-bar">
<h6> There are <span class="potential"></span> places left at UBREW Bermondsey! <a class="button tiny closetopbar" href="#crowdfunding"> Get yours now </a>
<div class="progressbar">
<div class="progressmade">
</div>
</div>
</h6>
</div>

<!--membership info-->

<div class="row">
<div class="large-12 columns">
<h1>What membership gets you <br /></h1>
</div>

&lt;div class="medium-3 columns center"&gt;
  &lt;img src="img/space.png" /&gt;
  &lt;h4 class="subtitle"&gt;Space&lt;/h4&gt;
  &lt;p&gt;For too long Londoners have been forced to brew in the confines of their ever-shrinking London flats! At UBREW, we have 2800 square feet of brewery for you to use as your own, designed to get messy and steamy. Oh yes.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="medium-3 columns center"&gt; 
  &lt;img src="img/lightbulb.png" /&gt; 
  &lt;h4 class="subtitle"&gt;Knowledge&lt;/h4&gt; 
  &lt;p&gt;Our staff are so clever and friendly it scares us sometimes. What that means for you is that there's an expert on hand all the way through your brew who you can get advice, guidance and a helping hand from.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="medium-3 columns center"&gt;
  &lt;img src="img/equipment.png" /&gt;
  &lt;h4 class="subtitle"&gt;Equipment&lt;/h4&gt;
  &lt;p&gt;The very best stainless steel gear. Exactly the same stuff that your favourite beer is brewed in, but shrunk down to 35l sizes. Meaning per brew, you and your friends walk away with 80 bottles of professional quality craft beer.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="medium-3 columns center"&gt;  
  &lt;img src="img/ingredients.png" /&gt;
  &lt;h4 class="subtitle"&gt;Ingredients&lt;/h4&gt; &lt;p&gt;Our on-site brewshop lets you grab the ingredients you need pic'n'mix style by the gram. No more ordering 100g of hops when you only need a quarter of that - just take what you need.&lt;/p&gt;
&lt;/div&gt;

&lt;div class="large-12 columns"&gt; 
      &lt;br /&gt;&lt;p&gt;At UBREW, we firmly believe that beer is best brewed exactly the same way it's best drank: with friends. That's why all of the memberships we sell are 5 person group memberships. So when you sign up for UBREW, four of your mates are signing up with you - meaning you have four lovely brew partners to share the costs, beer and fun with! You get unbridled access to one fermenter, and everything you need to fill it with lovely, lovely beer.&lt;/p&gt;  
  &lt;p&gt;On top of all that, we have a fantastic craft beer taproom on-site. So you can engage in important "market research" while you brew your beer by drinking the very best craft beer the world has to offer. Our beer offering changes by the week, so you'll never get bored. &lt;a href="#crowdfunding"&gt;Get involved with a membership starting this May.&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;

</div>

<div class="full-width" id="weights">
</div>

<!-- About -->

<div class="section" id="about">
<div class="row">
<div class="large-12 columns">
<h1>About</h1>
<h4 class="subtitle"> UBREW is the first, and only, open brewery. That means anyone can come to our brewery and brew their own beer. That also means you can come to our brewery and drink beer. </h4>
</div>
</div>

&lt;div class="row"&gt;
  &lt;div class="large-4 columns center"&gt;
    &lt;img src="img/fermenter.png" /&gt;
    &lt;h3&gt; Courses &lt;/h3&gt;
    &lt;p&gt;Learn to brew really, really good beer with our really, really good gear! Spend an afternoon getting to grips with the art of brewing under the guidance of one of our brewing experts. If you're interested in getting a course for a friend, we also do gift certificates!
    &lt;br/&gt; &lt;a&gt;Find out more about courses.&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;
  &lt;div class="large-4 columns center"&gt;
    &lt;img src="img/bottleopen.png" /&gt;
    &lt;h3&gt; Drink &lt;/h3&gt;
    &lt;p&gt;We know not everyone wants to brew beer, and in fact a lot of people want to focus on simply drinking the stuff. Don't worry, we have that covered - head to our taproom and get your socks blown off by some of our favourite hoppy numbers. 
    &lt;br /&gt; &lt;a href="#taproom"&gt;Opening times!&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;
  &lt;div class="large-4 columns center"&gt;
    &lt;img src="img/trophy.png" /&gt;
    &lt;h3&gt; Events &lt;/h3&gt;
    &lt;p&gt;Tap takeovers, collaboration brews and all out parties happen down at UBREW. We're also more than up for hosting one of your events, too! &lt;br /&gt; &lt;a href="#eventsection"&gt;Be there or be square.&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;div class="row" id="findus"&gt;
&lt;div class="large-12 columns"&gt;
  &lt;h1&gt; Find Us &lt;/h1&gt;
  &lt;p&gt; You can find us right in the heart of the Bermondsey Beer Mile at Arches 29-30, 24 Old Jamaica Road, London, SE16 4AW.&lt;/p&gt;
&lt;/div&gt;

</div>
<div class="facade"><p>Click or tap to Explore</p></div>
<div class="full-width" id="map">

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2483.8528319568372!2d-0.0699030192199708!3d51.49756809429452!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4876033f62011c79%3A0xdae8cc0da2fa6a8e!2sUBREW!5e0!3m2!1sen!2suk!4v1425656803883" style="border:0" frameborder="0" height="400" width="800"></iframe>
</div>
</div>

<div class="section">
<div class="row" id="courses">
<div class="large-12 columns">
<h1> Courses </h1>
<h4 class="subtitle"> Learn to brew like pro, from the pros.</h4>
<p>Learn to sparge, hop and finger pop from wise elders of the brew community. Whether it's your first time brewing, or you're an experienced homebrewer who wants to take your game to the next level, this course will have you covered. You'll learn on the same kit you'll be brewing on during your membership, all the ins and outs, all the tips and tricks. If you're interested in going on a course yourself, check out our upcoming dates below. If you want to get a course for a friend, grab a <a href="#gift">gift certificate!</a> </p>
</div>
</div>
<div class="row courses">

  &lt;div id="list"&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;div class="row" id="gift"&gt;
  &lt;div class="large-12 columns"&gt;
    &lt;h2&gt; Course Gift Certificates &lt;/h2&gt;
    &lt;p&gt; Sometimes the only pleasure greater than learning to brew, is letting a friend to learn to brew. Treat someone to a brew course at UBREW with a printable or emailable gift certificate. They'll be able to choose the date that suits them best, learn how to brew like a pro, and get three beers to drink on the day, and a six pack of beer that they brewed themselves once the beer's ready to drink!&lt;/p&gt;
     &lt;form class="stripe center giftcertificatepayment" action="certcreator.php" method="post"&gt;
              &lt;script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
                      data-key="&lt;?php echo $stripe['publishable_key']; ?&gt;"
                      data-amount="9500" data-currency="gbp" data-allow-remember-me="false" data-billing-address="true" data-label="&pound;95 All Grain Brew Course Gift Certificate" data-image="https://ubrew.cc/img/your-own-brewery.png" data-description="Gift Certificate"&gt;

              &lt;/script&gt;
                      &lt;input type="hidden" name="amount" value="9500"/&gt;

            &lt;/form&gt; 
  &lt;/div&gt;
&lt;/div&gt;

</div>

<div class="full-width" id="gear">
</div>

<div class="row" id="taproom">
<div class="large-12 columns">
<h1> Taproom </h1>
</div>
<div class="medium-6 columns">
<h4>Bar opening hours</h4>
<h6 class="subtitle">12pm-7pm Saturday, Sunday, Tuesday, Wednesday</h6>
<h6 class="subtitle">12pm-11pm Thursday and Friday</h6>
</div>
<div class="medium-6 columns">
<h4>Take Away Beers</h4>
<h6 class="subtitle">We have a fridge full of lovely, delicious beer for you to take home with you.</h6>
</div>
</div>

</div>

<div class="full-width" id="taps">
</div>
<div class="row" id="eventsection">
<div class="large-12 columns">
<h1> Events </h1>
</div>
<div class="medium-6 columns">
<h4>Upcoming events</h4>
<p>We're always up to something down at UBREW. Pop your head in and see what's happening at one of our gatherings.</p>
<div id="events">
</div>
</div>
<div class="medium-6 columns">
<h4>Hold your event at UBREW</h4>
<p>Whether it's your company's away day, your stag or hen do, or even your cat's birthday, we can throw the proper bash for you. </p>
<a class="button eventleader" href="#eventform"> Talk to us about holding your event </a>
<form class="eventleads" method="post" action="contactengine.php" id="eventform">
<label for="Name">Name:</label>
<input type="text" name="Name" id="Name" required />

    &lt;label for="Company"&gt;Company:&lt;/label&gt;
    &lt;input type="text" name="Company" id="Company" /&gt;

    &lt;label for="Tel"&gt;Tel:&lt;/label&gt;
    &lt;input type="text" name="Tel" id="Tel" /&gt;

    &lt;label for="Email"&gt;Email:&lt;/label&gt;
    &lt;input type="text" name="Email" id="Email" required /&gt;

    &lt;label for="Message"&gt;Message:&lt;/label&gt;&lt;br /&gt;
    &lt;textarea name="Message" rows="20" cols="20" id="Message"&gt;&lt;/textarea&gt;

    &lt;input type="submit" name="submit" value="Submit" class="button" /&gt;
  &lt;/form&gt;
&lt;/div&gt;

</div>
<div class="full-width" id="sunlight">
</div>
<div id="testimonials" class="row">
<div class="large-12 columns">
<h1>What people are saying</h1>
</div>
</div>
<div class="row">
<div class="medium-4 columns">
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">1st try of a <a href="https://twitter.com/ubrewcc"&gt;@ubrewcc&lt;/a> beer: highly impressive 4.8% red ale, &#39;Bail Out Kanye&#39;. Rich, hoppy, gorgeous. Wow! <a href="https://t.co/dkm9MKve46"&gt;pic.twitter.com/dkm9MKve46&lt;/a&gt;&lt;/p&gt;&amp;mdash; BeerGuideLondon (@BeerGuideLondon) <a href="https://twitter.com/BeerGuideLondon/status/708693233128316929"&gt;March 12, 2016</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="medium-4 columns">
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">So I was brewing at <a href="https://twitter.com/ubrewcc"&gt;@ubrewcc&lt;/a> yesterday and suddenly there was the boss of Goose Island and BEER SAMPLES EVERYWHERE <a href="https://t.co/JVADVmaQRo"&gt;pic.twitter.com/JVADVmaQRo&lt;/a&gt;&lt;/p&gt;&amp;mdash; barneythompson (@barneythompson) <a href="https://twitter.com/barneythompson/status/709280473286107136"&gt;March 14, 2016</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="medium-4 columns">
<blockquote class="twitter-tweet" lang="en"><p lang="en" dir="ltr">V impressed by <a href="https://twitter.com/ubrewcc"&gt;@ubrewcc&lt;/a> great example of people doing things differently. Exciting times for <a href="https://twitter.com/hashtag/LdnBestBeer?src=hash"&gt;#LdnBestBeer&lt;/a> !!</p>&mdash; London&#39;s Best Beer (@LdnBestBeer) <a href="https://twitter.com/LdnBestBeer/status/604615679925452800"&gt;May 30, 2015</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div>

<div class="full-width" id="mashed">
</div>

<div class="row" id="membership">
<div class="large-12 columns">
<div class="thechoice center">
<h1> Become a member! </h1>
<a class="button" href="#crowdfunding">I want to brew for fun</a> <a class="button commercial">I want to brew for commercial gain</a>
</div>

    &lt;div class="ss-form-container firstform hidden"&gt;&lt;div class="ss-header-image-container"&gt;&lt;div class="ss-header-image-image"&gt;&lt;div class="ss-header-image-sizer"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
        &lt;div class="ss-top-of-page"&gt;&lt;div class="ss-form-heading"&gt;
          &lt;h1 class="ss-form-title" dir="ltr"&gt;Become a member&lt;/h1&gt;
          &lt;h4 class="subtitle"&gt; UBREW is currently at full capacity. But don't worry! A slot is sure to come up soon. Enter your name and email address, and you'll be among the first to know when one does!&lt;/h4&gt;
        &lt;/div&gt;
      &lt;div class="ss-form normalmember"&gt;
          &lt;form action="https://docs.google.com/forms/d/12CoxKVgy3RKqZYAAf0-SnU6BC4bqbsZBVBqwMQ9WBJU/formResponse?embedded=true" method="post"
          target="hidden_iframe" onsubmit="submitted=true;" class="waitinglist"&gt;
          &lt;ol role="list" class="ss-question-list" style="padding-left: 0"&gt;
          &lt;div class="ss-form-question errorbox-good" role="listitem"&gt;
            &lt;div dir="ltr" class="ss-item ss-item-required ss-text"&gt;
              &lt;div class="medium-4 columns ss-form-entry"&gt;
                &lt;label class="ss-q-item-label" for="entry_1505161816"&gt;

                  &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;&lt;/div&gt;&lt;/label&gt;
                  &lt;input name="entry.1505161816" value="" class="ss-q-short" id="entry_1505161816" dir="auto" aria-label="Name  " aria-required="true" required="" title="" type="text" placeholder="Your name"&gt;
                  &lt;div class="error-message" id="325347358_errorMessage"&gt;&lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt; 
            &lt;div class="ss-form-question errorbox-good" role="listitem"&gt;
              &lt;div dir="ltr" class="ss-item ss-item-required ss-text"&gt;&lt;div class="medium-5 columns ss-form-entry"&gt;
                &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;&lt;/div&gt;&lt;/label&gt;
                &lt;input name="entry.2037972424" value="" class="ss-q-short" id="entry_2037972424" dir="auto" aria-label="Email Address  " aria-required="true" required="" title="" type="text" placeholder="Your email address"&gt;
                &lt;div class="error-message" id="945667623_errorMessage"&gt;&lt;/div&gt;
                &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
                &lt;input name="draftResponse" value="[,,&amp;quot;-1556331268888169600&amp;quot;]
                " type="hidden"&gt;
                &lt;input name="pageHistory" value="0" type="hidden"&gt;


                &lt;input name="fbzx" value="-1556331268888169600" type="hidden"&gt;

                &lt;div class="ss-item ss-navigate medium-2 columns"&gt;&lt;input class="button done" name="submit" value="Submit" id="ss-submit" class="jfk-button jfk-button-action " type="submit"&gt;
                &lt;/div&gt;
                &lt;/ol&gt;
              &lt;/form&gt;
            &lt;/div&gt;
            &lt;div class="ss-footer"&gt;&lt;div class="ss-attribution"&gt;&lt;/div&gt;
            &lt;div class="ss-legal"&gt;&lt;div class="disclaimer-separator"&gt;&lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;

<!--second form-->

<div class="secondform hidden">
<h1>Brew commercially at UBREW</h1>
<h4 class="subtitle">You're a cuckoo brewer, we're your dream come true. Fill out the form below and we'll be in touch shortly.</h4>

        &lt;form class="commercialform" action="https://docs.google.com/forms/d/1GYCC5Wel5Q1gWNHMbuUWG7jt4-bEzM3ErVfp6XEa8cc/formResponse" method="post"
        target="hidden_iframe" onsubmit="submitted=true;"&gt;
                  &lt;div class="ss-form-question errorbox-good medium-6 columns" role="listitem"&gt;
                    &lt;div dir="ltr" class="ss-item ss-item-required ss-text"&gt;
                      &lt;div class="ss-form-entry"&gt;
                        &lt;label class="ss-q-item-label" for="entry_1505161816"&gt;
                          &lt;div class="ss-q-title"&gt;Name
                           &lt;label for="itemView.getDomIdToLabel()" aria-label="(Required field)"&gt;&lt;/label&gt;
                           &lt;span class="ss-required-asterisk" aria-hidden="true"&gt;*&lt;/span&gt;
                          &lt;/div&gt;
                          &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;&lt;/div&gt;&lt;/label&gt;
                          &lt;input name="entry.1505161816" value="" class="ss-q-short" id="entry_1505161816" dir="auto" aria-label="Name  " aria-required="true" required="" title="" type="text"&gt;
                          &lt;div class="error-message" id="325347358_errorMessage"&gt;&lt;/div&gt;
                          &lt;div class="required-message"&gt;This is a required question&lt;/div&gt;
                       &lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/div&gt; 

                  &lt;div class="ss-form-question errorbox-good  medium-6 columns" role="listitem"&gt;
                    &lt;div dir="ltr" class="ss-item ss-item-required ss-text"&gt;
                      &lt;div class="ss-form-entry"&gt;
                        &lt;label class="ss-q-item-label" for="entry_2037972424"&gt;
                        &lt;div class="ss-q-title"&gt;Email Address
                          &lt;label for="itemView.getDomIdToLabel()" aria-label="(Required field)"&gt;&lt;/label&gt;
                          &lt;span class="ss-required-asterisk" aria-hidden="true"&gt;*&lt;/span&gt;
                        &lt;/div&gt;
                        &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;&lt;/div&gt;&lt;/label&gt;
                          &lt;input name="entry.2037972424" value="" class="ss-q-short" id="entry_2037972424" dir="auto" aria-label="Email Address  " aria-required="true" required="" title="" type="text"&gt;
                          &lt;div class="error-message" id="945667623_errorMessage"&gt;&lt;/div&gt;
                          &lt;div class="required-message"&gt;This is a required question&lt;/div&gt;
                        &lt;/div&gt;
                      &lt;/div&gt;
                    &lt;/div&gt; 
                    &lt;div class="ss-form-question errorbox-good" role="listitem"&gt;
                      &lt;div dir="ltr" class="ss-item  ss-grid"&gt;
                        &lt;div class="ss-form-entry"&gt;
                          &lt;label class="ss-q-item-label" for="entry_1444399086"&gt;
                          &lt;div class="ss-q-title"&gt;What size and what time frame are you interested in brewing on?
                          &lt;/div&gt;
                           &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;Choose as many responses as are applicable&lt;/div&gt;&lt;/label&gt;
                           &lt;div&gt;
                           &lt;table border="0" cellpadding="5" cellspacing="0"&gt;
                            &lt;thead&gt;
                              &lt;tr&gt;
                              &lt;td class="ss-gridnumbers ss-gridrow-leftlabel"&gt;&lt;/td&gt;
                              &lt;td class="ss-gridnumbers" style="width: 20%;"&gt;
                                &lt;label class="ss-gridnumber"&gt;Now&lt;/label&gt;
                              &lt;/td&gt; 
                              &lt;td class="ss-gridnumbers" style="width: 20%;"&gt;
                                &lt;label class="ss-gridnumber"&gt;Within 6 Months&lt;/label&gt;
                              &lt;/td&gt; 
                              &lt;td class="ss-gridnumbers" style="width: 20%;"&gt;
                                &lt;label class="ss-gridnumber"&gt;Within 12 Months&lt;/label&gt;
                              &lt;/td&gt; 
                              &lt;td class="ss-gridnumbers" style="width: 20%;"&gt;
                                &lt;label class="ss-gridnumber"&gt;Within 2-3 Years&lt;/label&gt;
                              &lt;/td&gt;
                            &lt;/tr&gt;
                          &lt;/thead&gt;
                          &lt;tbody&gt;
                            &lt;tr role="radiogroup" aria-label="1-2 Barrel kit" aria-describedby="1444399086_errorMessage" class="ss-gridrow ss-grid-row-odd"&gt;
                              &lt;td class="ss-gridrow ss-gridrow-leftlabel"&gt;1-2 Barrel kit&lt;/td&gt;
                              &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.574868018" value="Now" id="group_574868018_1" role="radio" class="ss-q-radio" aria-label="Now" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.574868018" value="Within 6 Months" id="group_574868018_2" role="radio" class="ss-q-radio" aria-label="Within 6 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.574868018" value="Within 12 Months" id="group_574868018_3" role="radio" class="ss-q-radio" aria-label="Within 12 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.574868018" value="Within 2-3 Years" id="group_574868018_4" role="radio" class="ss-q-radio" aria-label="Within 2-3 Years" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr role="radiogroup" aria-label="5 Barrel kit" aria-describedby="1444399086_errorMessage" class="ss-gridrow ss-grid-row-even"&gt;&lt;td class="ss-gridrow ss-gridrow-leftlabel"&gt;5 Barrel kit&lt;/td&gt;
                              &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.605022389" value="Now" id="group_605022389_1" role="radio" class="ss-q-radio" aria-label="Now" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.605022389" value="Within 6 Months" id="group_605022389_2" role="radio" class="ss-q-radio" aria-label="Within 6 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.605022389" value="Within 12 Months" id="group_605022389_3" role="radio" class="ss-q-radio" aria-label="Within 12 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.605022389" value="Within 2-3 Years" id="group_605022389_4" role="radio" class="ss-q-radio" aria-label="Within 2-3 Years" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr role="radiogroup" aria-label="10 Barrel kit" aria-describedby="1444399086_errorMessage" class="ss-gridrow ss-grid-row-odd"&gt;&lt;td class="ss-gridrow ss-gridrow-leftlabel"&gt;10 Barrel kit&lt;/td&gt;
                              &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.1897697996" value="Now" id="group_1897697996_1" role="radio" class="ss-q-radio" aria-label="Now" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.1897697996" value="Within 6 Months" id="group_1897697996_2" role="radio" class="ss-q-radio" aria-label="Within 6 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.1897697996" value="Within 12 Months" id="group_1897697996_3" role="radio" class="ss-q-radio" aria-label="Within 12 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.1897697996" value="Within 2-3 Years" id="group_1897697996_4" role="radio" class="ss-q-radio" aria-label="Within 2-3 Years" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr role="radiogroup" aria-label="20+ Barrel kit" aria-describedby="1444399086_errorMessage" class="ss-gridrow ss-grid-row-even"&gt;&lt;td class="ss-gridrow ss-gridrow-leftlabel"&gt;20+ Barrel kit&lt;/td&gt;
                              &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.104051364" value="Now" id="group_104051364_1" role="radio" class="ss-q-radio" aria-label="Now" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.104051364" value="Within 6 Months" id="group_104051364_2" role="radio" class="ss-q-radio" aria-label="Within 6 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.104051364" value="Within 12 Months" id="group_104051364_3" role="radio" class="ss-q-radio" aria-label="Within 12 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.104051364" value="Within 2-3 Years" id="group_104051364_4" role="radio" class="ss-q-radio" aria-label="Within 2-3 Years" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
                              &lt;div class="error-message" id="1444399086_errorMessage"&gt;&lt;/div&gt;
                              &lt;div class="required-message"&gt;Please enter one response per row&lt;/div&gt;
                        &lt;/div&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/div&gt; 
                  &lt;div class="ss-form-question errorbox-good" role="listitem"&gt;
                    &lt;div dir="ltr" class="ss-item  ss-radio"&gt;
                      &lt;div class="ss-form-entry"&gt;
                        &lt;label class="ss-q-item-label" for="entry_128181884"&gt;
                          &lt;div class="ss-q-title"&gt;What would the ideal length of contract be for?
                          &lt;/div&gt;
                          &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;(Please bear in mind that you  are likely to that longer contracts will reduce the costs)&lt;/div&gt;&lt;/label&gt;

                            &lt;ul class="ss-choices" role="radiogroup" aria-label="What would the ideal length of contract be for? (Please bear in mind that you  are likely to that longer contracts will reduce the costs) "&gt;&lt;li class="ss-choice-item"&gt;&lt;label&gt;&lt;span class="ss-choice-item-control goog-inline-block"&gt;&lt;input name="entry.1975987779" value="3 Months" id="group_1975987779_1" role="radio" class="ss-q-radio" aria-label="3 Months" type="radio"&gt;&lt;/span&gt;
                            &lt;span class="ss-choice-label"&gt;3 Months&lt;/span&gt;
                            &lt;/label&gt;&lt;/li&gt; &lt;li class="ss-choice-item"&gt;&lt;label&gt;&lt;span class="ss-choice-item-control goog-inline-block"&gt;&lt;input name="entry.1975987779" value="6 Months" id="group_1975987779_2" role="radio" class="ss-q-radio" aria-label="6 Months" type="radio"&gt;&lt;/span&gt;
                  &lt;span class="ss-choice-label"&gt;6 Months&lt;/span&gt;
                  &lt;/label&gt;&lt;/li&gt; &lt;li class="ss-choice-item"&gt;&lt;label&gt;&lt;span class="ss-choice-item-control goog-inline-block"&gt;&lt;input name="entry.1975987779" value="12 Months" id="group_1975987779_3" role="radio" class="ss-q-radio" aria-label="12 Months" type="radio"&gt;&lt;/span&gt;
                  &lt;span class="ss-choice-label"&gt;12 Months&lt;/span&gt;
                  &lt;/label&gt;&lt;/li&gt; &lt;li class="ss-choice-item"&gt;&lt;label&gt;&lt;span class="ss-choice-item-control goog-inline-block"&gt;&lt;input name="entry.1975987779" value="24 Months or Longer" id="group_1975987779_4" role="radio" class="ss-q-radio" aria-label="24 Months or Longer" type="radio"&gt;&lt;/span&gt;
                  &lt;span class="ss-choice-label"&gt;24 Months or Longer&lt;/span&gt;
                  &lt;/label&gt;&lt;/li&gt; &lt;li class="ss-choice-item"&gt;&lt;label&gt;&lt;span class="ss-choice-item-control goog-inline-block"&gt;&lt;input name="entry.1975987779" value="One off price" id="group_1975987779_5" role="radio" class="ss-q-radio" aria-label="One off price" type="radio"&gt;&lt;/span&gt;
                  &lt;span class="ss-choice-label"&gt;One off price&lt;/span&gt;
                  &lt;/label&gt;&lt;/li&gt;&lt;/ul&gt;
                  &lt;div class="error-message" id="128181884_errorMessage"&gt;&lt;/div&gt;
                  &lt;div class="required-message"&gt;This is a required question&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="ss-form-question errorbox-good" role="listitem"&gt;

                  &lt;div class="medium-6 columns"&gt;

                  &lt;div dir="ltr" class="ss-item  ss-select"&gt;&lt;div class="ss-form-entry"&gt;
                  &lt;label class="ss-q-item-label" for="entry_579644801"&gt;&lt;div class="ss-q-title"&gt;What support, if any, would you require support with?
                  &lt;/div&gt;
                  &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;&lt;/div&gt;&lt;/label&gt;
                  &lt;select name="entry.579644801" id="entry_579644801" aria-label="What support, if any, would you require support with?  "&gt;&lt;option value=""&gt;&lt;/option&gt;
                  &lt;option value="Technical brewing assistance, ingredients development or delivery"&gt;Technical brewing assistance, ingredients development or delivery&lt;/option&gt; &lt;option value="Very limited help or support just to be shown how use the kit for the first time"&gt;Very limited help or support just to be shown how use the kit for the first time&lt;/option&gt; &lt;option value="Route to market and distribution (UBREW, ABM and to physical premises"&gt;Route to market and distribution (UBREW, ABM and to physical premises&lt;/option&gt; &lt;option value="PR, Marketing and Branding"&gt;PR, Marketing and Branding&lt;/option&gt; &lt;option value="Sales and Business Development"&gt;Sales and Business Development&lt;/option&gt; &lt;option value="HMRC Consultancy (ie how to fill in your forms corrently)"&gt;HMRC Consultancy (ie how to fill in your forms corrently)&lt;/option&gt; &lt;option value="Logistics and delivery of your products"&gt;Logistics and delivery of your products&lt;/option&gt; &lt;option value="Other [please specify]"&gt;Other [please specify]&lt;/option&gt;&lt;/select&gt;
                  &lt;div class="required-message"&gt;This is a required question&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="ss-form-question errorbox-good" role="listitem"&gt;

                  &lt;/div&gt;
                  &lt;div class="medium-6 columns"&gt;

                  &lt;div dir="ltr" class="ss-item  ss-text"&gt;&lt;div class="ss-form-entry"&gt;
                  &lt;label class="ss-q-item-label" for="entry_1671803780"&gt;&lt;div class="ss-q-title"&gt;What's your phone number?
                  &lt;/div&gt;
                  &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;&lt;/div&gt;&lt;/label&gt;
                  &lt;input name="entry.1671803780" value="" class="ss-q-short" id="entry_1671803780" dir="auto" aria-label="If you answered &amp;quot;other&amp;quot; to the question above, please elaborate here:  " title="" type="text"&gt;
                  &lt;div class="error-message" id="1191099821_errorMessage"&gt;&lt;/div&gt;
                  &lt;div class="required-message"&gt;This is a required question&lt;/div&gt;
                  &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;

                  &lt;/div&gt;
                  &lt;div class="large-12 columns"&gt;
                  &lt;input name="draftResponse" value="[,,&amp;quot;-8229200751001141451&amp;quot;]
                  " type="hidden"&gt;
                  &lt;input name="pageHistory" value="0" type="hidden"&gt;


                  &lt;input name="fbzx" value="-8229200751001141451" type="hidden"&gt;

                  &lt;input name="submit" value="Submit" id="ss-submit" class="jfk-button jfk-button-action button" type="submit"&gt;
                  &lt;/ol&gt;
                  &lt;/div&gt;
                &lt;/form&gt;
              &lt;/div&gt;
          &lt;/div&gt;                    
&lt;/div&gt;

</div>

 &lt;div class="full-width" id="bottles"&gt;

</div>

<div class="row" id="footer">
<div class="large-12 columns">
<div class="left">
<h1>Contact and Newsletter</h1>
</div>
</div>
<div>
<div class="row center">
<div class="small-7 columns">
<input type="email" value="" class="email triggermodal" placeholder="Your email address here.">
</div>
<div class="clear">
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" value=""></div>
<div class="small-5 columns clear">
<input type="submit" value="Stay in the loop" name="subscribe" class="button">
</div>
</form>
</div>
</div>
<div class="medium-12 center columns">
<a href="mailto:reach@ubrew.cc"><img src="../img/email.png"></a>
<a href="https://www.facebook.com/ubrew.cc"&gt;&lt;img src="../img/fb.png"></a>
<a href="https://twitter.com/ubrewcc"&gt;&lt;img src="../img/twitter.png"></a>
<h6 class="subtitle" style="
margin-top: 25px;
opacity: 0.4;
font-size: 12px;
"> Registered Company Number: 9153771. UBREW, First Floor New Zealand House, London, SW1Y 4TE </h6>
</div>
</div>
</body>
</html>
</div>
</div>

<div id="jobsignup" class="reveal-modal center" data-reveal>
<div class="ss-header-image-container"><div class="ss-header-image-image"><div class="ss-header-image-sizer"></div></div></div>
<div class="ss-top-of-page"><div class="ss-form-heading"><h1 class="ss-form-title" dir="ltr">WORK WITH UBREW</h1>

</div></div>
<div class="ss-form"><form action="https://docs.google.com/forms/d/1MfCKbrTE6U4mzLmN6LPN9XrKjdkMypKwGrht_fRHeTo/formResponse" method="POST" id="ss-form" target="_self" onsubmit=""><ol role="list" class="ss-question-list" style="padding-left: 0">
<div class="ss-form-question errorbox-good" role="listitem">
<div dir="auto" class="medium-6 columns ss-item ss-text"><div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_1650121982"><div class="ss-q-title"><h4 class="subtitle">Your Name</h4>
</div>
<div class="ss-q-help ss-secondary-text" dir="auto"></div></label>
<input name="entry.1650121982" value="" class="ss-q-short" id="entry_1650121982" dir="auto" aria-label="Your Name " title="" type="text">
<div class="error-message" id="840514849_errorMessage"></div>
</div></div></div> <div class="ss-form-question errorbox-good" role="listitem">
<div dir="auto" class="medium-6 columns ss-item ss-text"><div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_2044412399"><div class="ss-q-title"><h4 class="subtitle">Your Email Address</h4>
</div>
<div class="ss-q-help ss-secondary-text" dir="auto"></div></label>
<input name="entry.2044412399" value="" class="ss-q-short" id="entry_2044412399" dir="auto" aria-label="Your Email Address " title="" type="text">
<div class="error-message" id="751835996_errorMessage"></div>
</div></div></div> <div class="ss-form-question errorbox-good" role="listitem">
<div dir="auto" class="ss-item ss-paragraph-text"><div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_1523033051"><div class="ss-q-title"><h4 class="subtitle">Tell us about yourself</h4>
</div>
<div class="ss-q-help ss-secondary-text" dir="auto"></div></label>
<textarea name="entry.1523033051" rows="8" cols="0" class="ss-q-long" id="entry_1523033051" dir="auto" aria-label="Tell us about yourself "></textarea>
<div class="error-message" id="983670090_errorMessage"></div>
<div class="required-message">This is a required question</div>
</div></div></div>
<input name="draftResponse" value="[,,&quot;-8897538143077842017&quot;]
" type="hidden">
<input name="pageHistory" value="0" type="hidden">

<input name="fbzx" value="-8897538143077842017" type="hidden">

<div class="ss-item ss-navigate"><table id="navigation-table">
<input name="submit" value="Submit" id="ss-submit" class="jfk-button jfk-button-action button" type="submit">
</div></ol></form></div>
</div>

<div id="loadingmodal" class="reveal-modal tiny" data-reveal>
<div class="spinner center">
<h2 class="subtitle"> Processing, please wait. </h2>
<img src="img/spinner.gif" />
<h6 class="subtitle">If you have just completed payment, please wait. If you have abandoned payment, click anywhere outside of this box.</h6>
</div>
</div>

<div id="myModal" class="reveal-modal" data-reveal>
<h3> Signup for our newsletter and be kept in the loop! </h3>
<h4 class="subtitle"> Offers, events and more. </h4>
<div id="mc_embed_signup">
<div class="row center">
<form action="https://ubrew.us8.list-manage.com/subscribe/post?u=48aa8d1c4eb4dce1c8b797e6e&amp;amp;id=b1c2b9876e" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="">
<div class="small-7 columns mc-field-group">
<input type="email" value="" name="EMAIL" class="required email focusme" id="mce-EMAIL" placeholder="Your email address here.">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" name="b_48aa8d1c4eb4dce1c8b797e6e_b1c2b9876e" value=""></div>
<div class="small-5 columns clear">
<input type="submit" value="Stay in the loop" name="subscribe" id="mc-embedded-subscribe" class="button">
</div>
</form>
</div>
</div>
<a class="close-reveal-modal">&#215;</a>

</div>
<script src="bower_components/viewport-units-buggyfill/viewport-units-buggyfill.js"></script>
<script>window.viewportUnitsBuggyfill.init();</script>
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="js/bermondseycrowdfunding.js"></script>
<script src="js/jquery.backstretch.min.js"></script>
<script src="bower_components/foundation/js/foundation.min.js"></script>
<script src="js/app.js"></script>
<script type='text/javascript' src="js/jquery.waypoints.js"></script>
<script type='text/javascript' src="js/shortcuts/sticky.js"></script>
<script src="js/custom.js"></script>

<script src="js/masonry.pkgd.min.js"></script>

<script src="js/eventbritenew.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-43142970-2', 'auto');
ga('send', 'pageview');

</script>
</body>
</html>

Here's what is rendered in the browser when the page is accessed (according to Chrome's Inspect tool):
<html class="no-js" lang="en"><head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UBREW - an open brewery where you brew the beer</title>
<link href="//fonts.googleapis.com/css?family=Oswald:400,300,700" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Arvo:400,700" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/app.css">

<style id="style-1-cropbar-clipper">/* Copyright 2014 Evernote Corporation. All rights reserved. */
.en-markup-crop-options {
top: 18px !important;
left: 50% !important;
margin-left: -100px !important;
width: 200px !important;
border: 2px rgba(255,255,255,.38) solid !important;
border-radius: 4px !important;
}

.en-markup-crop-options div div:first-of-type {
margin-left: 0px !important;
}
</style><style id="wrc-middle-css" type="text/css">.wrc_whole_window{ display: none; position: fixed; z-index: 2147483647; background-color: rgba(40, 40, 40, 0.9); word-spacing: normal !important; margin: 0px !important; padding: 0px !important; border: 0px !important; left: 0px; top: 0px; width: 100%; height: 100%; line-height: normal !important; letter-spacing: normal !important; overflow: hidden;}.wrc_bar_window{ display: none; position: fixed; z-index: 2147483647; background-color: rgba(60, 60, 60, 1.0); word-spacing: normal !important; font-family: Segoe UI, Arial Unicode MS, Arial, Sans-Serif; margin: 0px !important; padding: 0px !important; border: 0px !important; left: 0px; top: 0px; width: 100%; height: 40px; line-height: normal !important; letter-spacing: normal !important; color: white !important; font-size: 13px !important;}.wrc_middle { display: table-cell; vertical-align: middle; width: 100%;}.wrc_middle_main { font-family: Segoe UI, Arial Unicode MS, Arial, Sans-Serif; font-size: 14px; width: 600px; height: auto; background: url(chrome-extension://icmlaeflemplmjndnaapfdbbnpncnbda/skin/images/background-body.jpg) repeat-x left top; background-color: rgb(39, 53, 62); position: relative; margin-left: auto; margin-right: auto; text-align: left;}.wrc_middle_tq_main { font-family: Segoe UI, Arial Unicode MS, Arial, Sans-Serif; font-size: 16px; width: 615px; height: 460px; background: url(chrome-extension://icmlaeflemplmjndnaapfdbbnpncnbda/skin/images/background-sitecorrect.png) no-repeat; background-color: white; color: black !important; position: relative; margin-left: auto; margin-right: auto; text-align: center;}.wrc_middle_logo { background: url(chrome-extension://icmlaeflemplmjndnaapfdbbnpncnbda/skin/images/logo.jpg) no-repeat left bottom; width: 140px; height: 42px; color: orange; display: table-cell; text-align: right; vertical-align: middle;}.wrc_icon_warning { margin: 20px 10px 20px 15px; float: left; background-color: transparent;}.wrc_middle_title { color: #b6bec7; height: auto; margin: 0px auto; font-size: 2.2em; white-space: nowrap; text-align: center;}.wrc_middle_hline { height: 2px; width: 100%; display: block;}.wrc_middle_description { text-align: center; margin: 15px; font-size: 1.4em; padding: 20px; height: auto; color: white; min-height: 3.5em;}.wrc_middle_actions_main_div { margin-bottom: 15px; text-align: center;}.wrc_middle_actions_blue_button div { display: inline-block; width: auto; cursor: Pointer; margin: 3px 10px 3px 10px; color: white; font-size: 1.2em; font-weight: bold;}.wrc_middle_actions_blue_button { -moz-appearance: none; border-radius: 7px; -moz-border-radius: 7px/7px; border-radius: 7px/7px; background-color: rgb(0, 173, 223) !important; display: inline-block; width: auto; cursor: Pointer; border: 2px solid #00dddd; padding: 0px 20px 0px 20px;}.wrc_middle_actions_blue_button:hover { background-color: rgb(0, 159, 212) !important;}.wrc_middle_actions_blue_button:active { background-color: rgb(0, 146, 200) !important; border: 2px solid #00aaaa;}.wrc_middle_actions_grey_button div { display: inline-block; width: auto; cursor: Pointer; margin: 3px 10px 3px 10px; color: white !important; font-size: 15px; font-weight: bold;}.wrc_middle_actions_grey_button { -moz-appearance: none; border-radius: 7px; -moz-border-radius: 7px/7px; border-radius: 7px/7px; background-color: rgb(100, 100, 100) !important; display: inline-block; width: auto; cursor: Pointer; border: 2px solid #aaaaaa; text-decoration: none; padding: 0px 20px 0px 20px;}.wrc_middle_actions_grey_button:hover { background-color: rgb(120, 120, 120) !important;}.wrc_middle_actions_grey_button:active { background-color: rgb(130, 130, 130) !important; border: 2px solid #00aaaa;}.wrc_middle_action_low { font-size: 0.9em; white-space: nowrap; cursor: Pointer; color: grey !important; margin: 10px 10px 0px 10px; text-decoration: none;}.wrc_middle_action_low:hover { color: #aa4400 !important;}.wrc_middle_actions_rest_div { padding-top: 5px; white-space: nowrap; text-align: center;}.wrc_middle_action { white-space: nowrap; cursor: Pointer; color: red !important; font-size: 1.2em; margin: 10px 10px 0px 10px; text-decoration: none;}.wrc_middle_action:hover { color: #aa4400 !important;}</style><script id="wrc-script-middle_window" type="text/javascript" language="JavaScript">var g_inputsCnt = 0;var g_InputThis = new Array(null, null, null, null);var g_alerted = false;/* we test the input if it includes 4 digits (input is a part of 4 inputs for filling the credit-card number)/function is4DigitsCardNumber(val){ var regExp = new RegExp('[0-9]{4}'); return (val.length == 4 && val.search(regExp) == 0);}/ testing the whole credit-card number 19 digits devided by three '-' symbols or exactly 16 digits without any dividers/function isCreditCardNumber(val){ if(val.length == 19) { var regExp = new RegExp('[0-9]{4}-[0-9]{4}-[0-9]{4}-[0-9]{4}'); return (val.search(regExp) == 0); } else if(val.length == 16) { var regExp = new RegExp('[0-9]{4}[0-9]{4}[0-9]{4}[0-9]{4}'); return (val.search(regExp) == 0); } return false;}function CheckInputOnCreditNumber(self){ if(g_alerted) return false; var value = self.value; if(self.type == 'text') { if(is4DigitsCardNumber(value)) { var cont = true; for(i = 0; i < g_inputsCnt; i++) if(g_InputThis[i] == self) cont = false; if(cont && g_inputsCnt < 4) { g_InputThis[g_inputsCnt] = self; g_inputsCnt++; } } g_alerted = (g_inputsCnt == 4); if(g_alerted) g_inputsCnt = 0; else g_alerted = isCreditCardNumber(value); } return g_alerted;}function CheckInputOnPassword(self){ if(g_alerted) return false; var value = self.value; if(self.type == 'password') { g_alerted = (value.length > 0); } return g_alerted;}function onInputBlur(self, bRatingOk, bFishingSite){ var bCreditNumber = CheckInputOnCreditNumber(self); var bPassword = CheckInputOnPassword(self); if((!bRatingOk || bFishingSite == 1) && (bCreditNumber || bPassword) ) { var warnDiv = document.getElementById("wrcinputdiv"); if(warnDiv) { / show the warning div in the middle of the screen */ warnDiv.style.left = "0px"; warnDiv.style.top = "0px"; warnDiv.style.width = "100%"; warnDiv.style.height = "100%"; document.getElementById("wrc_warn_fs").style.display = 'none'; document.getElementById("wrc_warn_cn").style.display = 'none'; if(bFishingSite) document.getElementById("wrc_warn_fs").style.display = 'block'; else document.getElementById("wrc_warn_cn").style.display = 'block'; warnDiv.style.display = 'table'; } }}</script></head>
<body>

<div id="menu_item" class="jjMenuItemDiv">Copy without formatting</div><span id="buffer-extension-hover-button" style="display: none;position: absolute;z-index: 8675309;width: 100px;height: 25px;background-image: url(chrome-extension://noojglkidnpfjbincgijbaiedldjfbhh/data/shared/img/buffer-hover-icon@1x.png);background-size: 100px 25px;opacity: 0.9;cursor: pointer;"></span></body></html>
Really nothing beyond the header other than some junk dumped in there by my browser extensions. Here's a screenshot of the console:

Nothing going on there at all, total ghost town. I'm afraid I don't know how to get the other logs you refer to, but I am happy to get them if you explain how.
Thanks a lot for your time and help, Brian, I appreciate it.

Wilf Horsfall commented on Jonas's post over 3 years

That's what I thought, but when I make a php file the body comes out totally blank, on a server environment and on a local MaMp environment. These are relatively flat php files I'm talking about too, so it's very odd. They work fine in the Foundation 5 framework, and work perfectly in Foundation 6 if I change the file extension from .php to .html (barring the php elements, obviously). It is something to do with Foundation 6, but I can't at all tell what!

Wilf Horsfall commented on Jonas's post over 3 years

Thanks, but that's not in my gulp file. THis is the whole thing:
var gulp = require('gulp');
var $ = require('gulp-load-plugins')();

var sassPaths = [
'bower_components/foundation-sites/scss',
'bower_components/motion-ui/src'
];

gulp.task('sass', function() {
return gulp.src('scss/app.scss')
.pipe($.sass({
includePaths: sassPaths
})
.on('error', $.sass.logError))
.pipe($.autoprefixer({
browsers: ['last 2 versions', 'ie >= 9']
}))
.pipe(gulp.dest('css'));
});

gulp.task('default', ['sass'], function() {
gulp.watch(['scss/*/.scss'], ['sass']);
});

Wilf Horsfall commented on Jonas's post over 3 years

Which line did you have to change in gulp.js? I'm having the same problem, but can't see anything obvious to change.

Wilf Horsfall commented on Jonas's post over 3 years

Which line did you have to change in gulp.js? I'm having the same problem, but can't see anything obvious to change.

Wilf Horsfall commented on Michael Degli-Angeli's post almost 5 years

Not working for me with Libsass or Compass. Not at all clear on how to start a new project now, could you tell us, Rafi? How do we revert to Sass 3.2?

Posts Followed


  • 74
    Replies
  • Foundation 5 and IE8

    By James Cocker

    ie8Foundation 5usage

    Firstly, I know, I know, IE8 is nearly dead and the recommended way to use Foundation on it is to stick with version 3. However, I have a new site build coming up which unfortunately requires IE8 support, and I'd really like to use the new Foundation 5 wi... (continued)

    Last Reply by manav singh 9 months ago



Following

    No Content

Followers

My Posts

My Comments

You commented on Jonas's post over 3 years

Thanks Brian - that's what it was! An embarrassing oversight, but I'm glad it's sorted. Nothing to do with F6, obviously.

You commented on Jonas's post over 3 years

<?php
if($_SERVER["HTTPS"] != "on")
{
header("Location: https://" . $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"]);
exit();
}
?>

<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UBREW - an open brewery where you brew the beer</title>
<link href='//fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Arvo:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/app.css" />

</head>
<body>

<?php
require_once('./config.php');
?>

<div class="full-width section center crowdfunding" id="crowdfunding">
<div class="row">
<div class="large-12 columns">
<h2 class="subtitle"> Now taking May orders for </h2>
<h1> UBREW BERMONDSEY </h1>
<h3 class="subtitle sold"> <span class="headway"></span>% sold!</h3>
<div class="progressbar">
<div class="progressmade">
</div>
</div>
<p class="remaining">Only <span class="potential"></span> places left!</p>
</div>
<div class="buttonholder">
I think that pasting large amounts of code was getting me filtered - the above is the very beginning of my code, with some PHP, a header and some HTML.
The page source rendered in the browser is this:

<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UBREW - an open brewery where you brew the beer</title>
<link href='//fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Arvo:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/app.css" />

</head>
<body>

That is the render of the whole page. There is nothing at all displaying in the console. Any ideas?
Thanks so much for your time, Brian.

You commented on Jonas's post over 3 years

For some reason the forum won't let me reply with my code. It makes me complete a captcha, then my message disappears.

You commented on Jonas's post over 3 years

For some reason the isn't letting me write my reply, so I'm going to post my response bit by bit (have written the same long post twice now!).
 
More than happy to post an example. This is a full page:
 
<?php
if($_SERVER["HTTPS"] != "on")
{
header("Location: https://" . $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"]);
exit();
}
?>

<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UBREW - an open brewery where you brew the beer</title>
<link href='//fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Arvo:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/app.css" />

</head>
<body>

<?php
require_once('./config.php');
?>

<div class="full-width section center crowdfunding" id="crowdfunding">
<div class="row">
<div class="large-12 columns">
<h2 class="subtitle"> Now taking May orders for </h2>
<h1> UBREW BERMONDSEY </h1>
<h3 class="subtitle sold"> <span class="headway"></span>% sold!</h3>
<div class="progressbar">
<div class="progressmade">
</div>
</div>
<p class="remaining">Only <span class="potential"></span> places left!</p>
</div>
<div class="buttonholder">

    &lt;div class="medium-4 columns button2 disabled"&gt;
      &lt;div class="pointer"&gt;
      &lt;/div&gt;
      &lt;h4&gt;Earlybird&lt;/h4&gt;
      &lt;h5 class="subtitle"&gt;First 12 Sign-ups: &pound;65&lt;/h5&gt;
      &lt;p&gt; A rolling monthly five person group membership for only &pound;65 a month, starting this May. This is your tariff forever, unless you cancel.&lt;/p&gt;
    &lt;form class="stripe" action="charge.php" method="post"&gt;
      &lt;script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
              data-key="&lt;?php echo $stripe['publishable_key']; ?&gt;"
              data-amount="6500" data-currency="gbp" data-allow-remember-me="false" data-billing-address="true" data-image="https://ubrew.cc/img/your-own-brewery.png" data-label="Subscribe Now" data-description="Bermondsey 3 Month Subscription"&gt;
      &lt;/script&gt;
      &lt;input type="hidden" name="amount" value="6500"/&gt;
      &lt;input type="hidden" name="description" value="Bermondsey one month"/&gt;

    &lt;/form&gt; 

    &lt;/div&gt;
    &lt;div class="medium-4 columns button3 disabled"&gt;
      &lt;div class="pointer"&gt;
      &lt;/div&gt;
      &lt;h4&gt;Trendybird&lt;/h4&gt;  
      &lt;h5 class="subtitle"&gt;Second 12 Sign-ups: &pound;75&lt;/h5&gt;
      &lt;p&gt; A rolling monthly five person group membership for only &pound;75 a month, starting this May. This is your tariff forever, unless you cancel.&lt;/p&gt;
    &lt;form class="stripe" action="charge.php" method="post"&gt;
      &lt;script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
              data-key="&lt;?php echo $stripe['publishable_key']; ?&gt;"
              data-amount="7500" data-currency="gbp" data-allow-remember-me="false" data-billing-address="true" data-image="https://ubrew.cc/img/your-own-brewery.png" data-label="Subscribe Now" data-description="Bermondsey 3 Month Subscription"&gt;
      &lt;/script&gt;
      &lt;input type="hidden" name="amount" value="7500"/&gt;
      &lt;input type="hidden" name="description" value="Bermondsey one month"/&gt;

    &lt;/form&gt; 
    &lt;/div&gt;
    &lt;div class="medium-4 columns button4 disabled"&gt;
      &lt;div class="pointer"&gt;
      &lt;/div&gt;
      &lt;h4&gt;Luckybird&lt;/h4&gt; 
      &lt;h5 class="subtitle"&gt;Last 12 Sign-ups: &pound;85&lt;/h5&gt;
      &lt;p&gt; A rolling monthly five person group membership for only &pound;85 a month, starting this May. This is your tariff forever, unless you cancel.&lt;/p&gt;
    &lt;form class="stripe" action="charge.php" method="post"&gt;
      &lt;script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
              data-key="&lt;?php echo $stripe['publishable_key']; ?&gt;"
              data-amount="8500" data-currency="gbp" data-allow-remember-me="false" data-billing-address="true" data-image="https://ubrew.cc/img/your-own-brewery.png" data-label="Subscribe Now" data-description="Bermondsey 3 Month Subscription"&gt;
      &lt;/script&gt;
      &lt;input type="hidden" name="amount" value="8500"/&gt;
      &lt;input type="hidden" name="description" value="Bermondsey one month"/&gt;

    &lt;/form&gt;  
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

</div>

<div class="full-width header crowdnudge center top-bar">
<h6> There are <span class="potential"></span> places left at UBREW Bermondsey! <a class="button tiny closetopbar" href="#crowdfunding"> Get yours now </a>
<div class="progressbar">
<div class="progressmade">
</div>
</div>
</h6>
</div>

<!--membership info-->

<div class="row">
<div class="large-12 columns">
<h1>What membership gets you <br /></h1>
</div>

&lt;div class="medium-3 columns center"&gt;
  &lt;img src="img/space.png" /&gt;
  &lt;h4 class="subtitle"&gt;Space&lt;/h4&gt;
  &lt;p&gt;For too long Londoners have been forced to brew in the confines of their ever-shrinking London flats! At UBREW, we have 2800 square feet of brewery for you to use as your own, designed to get messy and steamy. Oh yes.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="medium-3 columns center"&gt; 
  &lt;img src="img/lightbulb.png" /&gt; 
  &lt;h4 class="subtitle"&gt;Knowledge&lt;/h4&gt; 
  &lt;p&gt;Our staff are so clever and friendly it scares us sometimes. What that means for you is that there's an expert on hand all the way through your brew who you can get advice, guidance and a helping hand from.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="medium-3 columns center"&gt;
  &lt;img src="img/equipment.png" /&gt;
  &lt;h4 class="subtitle"&gt;Equipment&lt;/h4&gt;
  &lt;p&gt;The very best stainless steel gear. Exactly the same stuff that your favourite beer is brewed in, but shrunk down to 35l sizes. Meaning per brew, you and your friends walk away with 80 bottles of professional quality craft beer.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="medium-3 columns center"&gt;  
  &lt;img src="img/ingredients.png" /&gt;
  &lt;h4 class="subtitle"&gt;Ingredients&lt;/h4&gt; &lt;p&gt;Our on-site brewshop lets you grab the ingredients you need pic'n'mix style by the gram. No more ordering 100g of hops when you only need a quarter of that - just take what you need.&lt;/p&gt;
&lt;/div&gt;

&lt;div class="large-12 columns"&gt; 
      &lt;br /&gt;&lt;p&gt;At UBREW, we firmly believe that beer is best brewed exactly the same way it's best drank: with friends. That's why all of the memberships we sell are 5 person group memberships. So when you sign up for UBREW, four of your mates are signing up with you - meaning you have four lovely brew partners to share the costs, beer and fun with! You get unbridled access to one fermenter, and everything you need to fill it with lovely, lovely beer.&lt;/p&gt;  
  &lt;p&gt;On top of all that, we have a fantastic craft beer taproom on-site. So you can engage in important "market research" while you brew your beer by drinking the very best craft beer the world has to offer. Our beer offering changes by the week, so you'll never get bored. &lt;a href="#crowdfunding"&gt;Get involved with a membership starting this May.&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;

</div>

<div class="full-width" id="weights">
</div>

<!-- About -->

<div class="section" id="about">
<div class="row">
<div class="large-12 columns">
<h1>About</h1>
<h4 class="subtitle"> UBREW is the first, and only, open brewery. That means anyone can come to our brewery and brew their own beer. That also means you can come to our brewery and drink beer. </h4>
</div>
</div>

&lt;div class="row"&gt;
  &lt;div class="large-4 columns center"&gt;
    &lt;img src="img/fermenter.png" /&gt;
    &lt;h3&gt; Courses &lt;/h3&gt;
    &lt;p&gt;Learn to brew really, really good beer with our really, really good gear! Spend an afternoon getting to grips with the art of brewing under the guidance of one of our brewing experts. If you're interested in getting a course for a friend, we also do gift certificates!
    &lt;br/&gt; &lt;a&gt;Find out more about courses.&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;
  &lt;div class="large-4 columns center"&gt;
    &lt;img src="img/bottleopen.png" /&gt;
    &lt;h3&gt; Drink &lt;/h3&gt;
    &lt;p&gt;We know not everyone wants to brew beer, and in fact a lot of people want to focus on simply drinking the stuff. Don't worry, we have that covered - head to our taproom and get your socks blown off by some of our favourite hoppy numbers. 
    &lt;br /&gt; &lt;a href="#taproom"&gt;Opening times!&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;
  &lt;div class="large-4 columns center"&gt;
    &lt;img src="img/trophy.png" /&gt;
    &lt;h3&gt; Events &lt;/h3&gt;
    &lt;p&gt;Tap takeovers, collaboration brews and all out parties happen down at UBREW. We're also more than up for hosting one of your events, too! &lt;br /&gt; &lt;a href="#eventsection"&gt;Be there or be square.&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;div class="row" id="findus"&gt;
&lt;div class="large-12 columns"&gt;
  &lt;h1&gt; Find Us &lt;/h1&gt;
  &lt;p&gt; You can find us right in the heart of the Bermondsey Beer Mile at Arches 29-30, 24 Old Jamaica Road, London, SE16 4AW.&lt;/p&gt;
&lt;/div&gt;

</div>
<div class="facade"><p>Click or tap to Explore</p></div>
<div class="full-width" id="map">

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2483.8528319568372!2d-0.0699030192199708!3d51.49756809429452!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4876033f62011c79%3A0xdae8cc0da2fa6a8e!2sUBREW!5e0!3m2!1sen!2suk!4v1425656803883" style="border:0" frameborder="0" height="400" width="800"></iframe>
</div>
</div>

<div class="section">
<div class="row" id="courses">
<div class="large-12 columns">
<h1> Courses </h1>
<h4 class="subtitle"> Learn to brew like pro, from the pros.</h4>
<p>Learn to sparge, hop and finger pop from wise elders of the brew community. Whether it's your first time brewing, or you're an experienced homebrewer who wants to take your game to the next level, this course will have you covered. You'll learn on the same kit you'll be brewing on during your membership, all the ins and outs, all the tips and tricks. If you're interested in going on a course yourself, check out our upcoming dates below. If you want to get a course for a friend, grab a <a href="#gift">gift certificate!</a> </p>
</div>
</div>
<div class="row courses">

  &lt;div id="list"&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;div class="row" id="gift"&gt;
  &lt;div class="large-12 columns"&gt;
    &lt;h2&gt; Course Gift Certificates &lt;/h2&gt;
    &lt;p&gt; Sometimes the only pleasure greater than learning to brew, is letting a friend to learn to brew. Treat someone to a brew course at UBREW with a printable or emailable gift certificate. They'll be able to choose the date that suits them best, learn how to brew like a pro, and get three beers to drink on the day, and a six pack of beer that they brewed themselves once the beer's ready to drink!&lt;/p&gt;
     &lt;form class="stripe center giftcertificatepayment" action="certcreator.php" method="post"&gt;
              &lt;script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
                      data-key="&lt;?php echo $stripe['publishable_key']; ?&gt;"
                      data-amount="9500" data-currency="gbp" data-allow-remember-me="false" data-billing-address="true" data-label="&pound;95 All Grain Brew Course Gift Certificate" data-image="https://ubrew.cc/img/your-own-brewery.png" data-description="Gift Certificate"&gt;

              &lt;/script&gt;
                      &lt;input type="hidden" name="amount" value="9500"/&gt;

            &lt;/form&gt; 
  &lt;/div&gt;
&lt;/div&gt;

</div>

<div class="full-width" id="gear">
</div>

<div class="row" id="taproom">
<div class="large-12 columns">
<h1> Taproom </h1>
</div>
<div class="medium-6 columns">
<h4>Bar opening hours</h4>
<h6 class="subtitle">12pm-7pm Saturday, Sunday, Tuesday, Wednesday</h6>
<h6 class="subtitle">12pm-11pm Thursday and Friday</h6>
</div>
<div class="medium-6 columns">
<h4>Take Away Beers</h4>
<h6 class="subtitle">We have a fridge full of lovely, delicious beer for you to take home with you.</h6>
</div>
</div>

</div>

<div class="full-width" id="taps">
</div>
<div class="row" id="eventsection">
<div class="large-12 columns">
<h1> Events </h1>
</div>
<div class="medium-6 columns">
<h4>Upcoming events</h4>
<p>We're always up to something down at UBREW. Pop your head in and see what's happening at one of our gatherings.</p>
<div id="events">
</div>
</div>
<div class="medium-6 columns">
<h4>Hold your event at UBREW</h4>
<p>Whether it's your company's away day, your stag or hen do, or even your cat's birthday, we can throw the proper bash for you. </p>
<a class="button eventleader" href="#eventform"> Talk to us about holding your event </a>
<form class="eventleads" method="post" action="contactengine.php" id="eventform">
<label for="Name">Name:</label>
<input type="text" name="Name" id="Name" required />

    &lt;label for="Company"&gt;Company:&lt;/label&gt;
    &lt;input type="text" name="Company" id="Company" /&gt;

    &lt;label for="Tel"&gt;Tel:&lt;/label&gt;
    &lt;input type="text" name="Tel" id="Tel" /&gt;

    &lt;label for="Email"&gt;Email:&lt;/label&gt;
    &lt;input type="text" name="Email" id="Email" required /&gt;

    &lt;label for="Message"&gt;Message:&lt;/label&gt;&lt;br /&gt;
    &lt;textarea name="Message" rows="20" cols="20" id="Message"&gt;&lt;/textarea&gt;

    &lt;input type="submit" name="submit" value="Submit" class="button" /&gt;
  &lt;/form&gt;
&lt;/div&gt;

</div>
<div class="full-width" id="sunlight">
</div>
<div id="testimonials" class="row">
<div class="large-12 columns">
<h1>What people are saying</h1>
</div>
</div>
<div class="row">
<div class="medium-4 columns">
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">1st try of a <a href="https://twitter.com/ubrewcc"&gt;@ubrewcc&lt;/a> beer: highly impressive 4.8% red ale, &#39;Bail Out Kanye&#39;. Rich, hoppy, gorgeous. Wow! <a href="https://t.co/dkm9MKve46"&gt;pic.twitter.com/dkm9MKve46&lt;/a&gt;&lt;/p&gt;&amp;mdash; BeerGuideLondon (@BeerGuideLondon) <a href="https://twitter.com/BeerGuideLondon/status/708693233128316929"&gt;March 12, 2016</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="medium-4 columns">
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">So I was brewing at <a href="https://twitter.com/ubrewcc"&gt;@ubrewcc&lt;/a> yesterday and suddenly there was the boss of Goose Island and BEER SAMPLES EVERYWHERE <a href="https://t.co/JVADVmaQRo"&gt;pic.twitter.com/JVADVmaQRo&lt;/a&gt;&lt;/p&gt;&amp;mdash; barneythompson (@barneythompson) <a href="https://twitter.com/barneythompson/status/709280473286107136"&gt;March 14, 2016</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="medium-4 columns">
<blockquote class="twitter-tweet" lang="en"><p lang="en" dir="ltr">V impressed by <a href="https://twitter.com/ubrewcc"&gt;@ubrewcc&lt;/a> great example of people doing things differently. Exciting times for <a href="https://twitter.com/hashtag/LdnBestBeer?src=hash"&gt;#LdnBestBeer&lt;/a> !!</p>&mdash; London&#39;s Best Beer (@LdnBestBeer) <a href="https://twitter.com/LdnBestBeer/status/604615679925452800"&gt;May 30, 2015</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div>

<div class="full-width" id="mashed">
</div>

<div class="row" id="membership">
<div class="large-12 columns">
<div class="thechoice center">
<h1> Become a member! </h1>
<a class="button" href="#crowdfunding">I want to brew for fun</a> <a class="button commercial">I want to brew for commercial gain</a>
</div>

    &lt;div class="ss-form-container firstform hidden"&gt;&lt;div class="ss-header-image-container"&gt;&lt;div class="ss-header-image-image"&gt;&lt;div class="ss-header-image-sizer"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
        &lt;div class="ss-top-of-page"&gt;&lt;div class="ss-form-heading"&gt;
          &lt;h1 class="ss-form-title" dir="ltr"&gt;Become a member&lt;/h1&gt;
          &lt;h4 class="subtitle"&gt; UBREW is currently at full capacity. But don't worry! A slot is sure to come up soon. Enter your name and email address, and you'll be among the first to know when one does!&lt;/h4&gt;
        &lt;/div&gt;
      &lt;div class="ss-form normalmember"&gt;
          &lt;form action="https://docs.google.com/forms/d/12CoxKVgy3RKqZYAAf0-SnU6BC4bqbsZBVBqwMQ9WBJU/formResponse?embedded=true" method="post"
          target="hidden_iframe" onsubmit="submitted=true;" class="waitinglist"&gt;
          &lt;ol role="list" class="ss-question-list" style="padding-left: 0"&gt;
          &lt;div class="ss-form-question errorbox-good" role="listitem"&gt;
            &lt;div dir="ltr" class="ss-item ss-item-required ss-text"&gt;
              &lt;div class="medium-4 columns ss-form-entry"&gt;
                &lt;label class="ss-q-item-label" for="entry_1505161816"&gt;

                  &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;&lt;/div&gt;&lt;/label&gt;
                  &lt;input name="entry.1505161816" value="" class="ss-q-short" id="entry_1505161816" dir="auto" aria-label="Name  " aria-required="true" required="" title="" type="text" placeholder="Your name"&gt;
                  &lt;div class="error-message" id="325347358_errorMessage"&gt;&lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt; 
            &lt;div class="ss-form-question errorbox-good" role="listitem"&gt;
              &lt;div dir="ltr" class="ss-item ss-item-required ss-text"&gt;&lt;div class="medium-5 columns ss-form-entry"&gt;
                &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;&lt;/div&gt;&lt;/label&gt;
                &lt;input name="entry.2037972424" value="" class="ss-q-short" id="entry_2037972424" dir="auto" aria-label="Email Address  " aria-required="true" required="" title="" type="text" placeholder="Your email address"&gt;
                &lt;div class="error-message" id="945667623_errorMessage"&gt;&lt;/div&gt;
                &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
                &lt;input name="draftResponse" value="[,,&amp;quot;-1556331268888169600&amp;quot;]
                " type="hidden"&gt;
                &lt;input name="pageHistory" value="0" type="hidden"&gt;


                &lt;input name="fbzx" value="-1556331268888169600" type="hidden"&gt;

                &lt;div class="ss-item ss-navigate medium-2 columns"&gt;&lt;input class="button done" name="submit" value="Submit" id="ss-submit" class="jfk-button jfk-button-action " type="submit"&gt;
                &lt;/div&gt;
                &lt;/ol&gt;
              &lt;/form&gt;
            &lt;/div&gt;
            &lt;div class="ss-footer"&gt;&lt;div class="ss-attribution"&gt;&lt;/div&gt;
            &lt;div class="ss-legal"&gt;&lt;div class="disclaimer-separator"&gt;&lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;

<!--second form-->

<div class="secondform hidden">
<h1>Brew commercially at UBREW</h1>
<h4 class="subtitle">You're a cuckoo brewer, we're your dream come true. Fill out the form below and we'll be in touch shortly.</h4>

        &lt;form class="commercialform" action="https://docs.google.com/forms/d/1GYCC5Wel5Q1gWNHMbuUWG7jt4-bEzM3ErVfp6XEa8cc/formResponse" method="post"
        target="hidden_iframe" onsubmit="submitted=true;"&gt;
                  &lt;div class="ss-form-question errorbox-good medium-6 columns" role="listitem"&gt;
                    &lt;div dir="ltr" class="ss-item ss-item-required ss-text"&gt;
                      &lt;div class="ss-form-entry"&gt;
                        &lt;label class="ss-q-item-label" for="entry_1505161816"&gt;
                          &lt;div class="ss-q-title"&gt;Name
                           &lt;label for="itemView.getDomIdToLabel()" aria-label="(Required field)"&gt;&lt;/label&gt;
                           &lt;span class="ss-required-asterisk" aria-hidden="true"&gt;*&lt;/span&gt;
                          &lt;/div&gt;
                          &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;&lt;/div&gt;&lt;/label&gt;
                          &lt;input name="entry.1505161816" value="" class="ss-q-short" id="entry_1505161816" dir="auto" aria-label="Name  " aria-required="true" required="" title="" type="text"&gt;
                          &lt;div class="error-message" id="325347358_errorMessage"&gt;&lt;/div&gt;
                          &lt;div class="required-message"&gt;This is a required question&lt;/div&gt;
                       &lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/div&gt; 

                  &lt;div class="ss-form-question errorbox-good  medium-6 columns" role="listitem"&gt;
                    &lt;div dir="ltr" class="ss-item ss-item-required ss-text"&gt;
                      &lt;div class="ss-form-entry"&gt;
                        &lt;label class="ss-q-item-label" for="entry_2037972424"&gt;
                        &lt;div class="ss-q-title"&gt;Email Address
                          &lt;label for="itemView.getDomIdToLabel()" aria-label="(Required field)"&gt;&lt;/label&gt;
                          &lt;span class="ss-required-asterisk" aria-hidden="true"&gt;*&lt;/span&gt;
                        &lt;/div&gt;
                        &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;&lt;/div&gt;&lt;/label&gt;
                          &lt;input name="entry.2037972424" value="" class="ss-q-short" id="entry_2037972424" dir="auto" aria-label="Email Address  " aria-required="true" required="" title="" type="text"&gt;
                          &lt;div class="error-message" id="945667623_errorMessage"&gt;&lt;/div&gt;
                          &lt;div class="required-message"&gt;This is a required question&lt;/div&gt;
                        &lt;/div&gt;
                      &lt;/div&gt;
                    &lt;/div&gt; 
                    &lt;div class="ss-form-question errorbox-good" role="listitem"&gt;
                      &lt;div dir="ltr" class="ss-item  ss-grid"&gt;
                        &lt;div class="ss-form-entry"&gt;
                          &lt;label class="ss-q-item-label" for="entry_1444399086"&gt;
                          &lt;div class="ss-q-title"&gt;What size and what time frame are you interested in brewing on?
                          &lt;/div&gt;
                           &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;Choose as many responses as are applicable&lt;/div&gt;&lt;/label&gt;
                           &lt;div&gt;
                           &lt;table border="0" cellpadding="5" cellspacing="0"&gt;
                            &lt;thead&gt;
                              &lt;tr&gt;
                              &lt;td class="ss-gridnumbers ss-gridrow-leftlabel"&gt;&lt;/td&gt;
                              &lt;td class="ss-gridnumbers" style="width: 20%;"&gt;
                                &lt;label class="ss-gridnumber"&gt;Now&lt;/label&gt;
                              &lt;/td&gt; 
                              &lt;td class="ss-gridnumbers" style="width: 20%;"&gt;
                                &lt;label class="ss-gridnumber"&gt;Within 6 Months&lt;/label&gt;
                              &lt;/td&gt; 
                              &lt;td class="ss-gridnumbers" style="width: 20%;"&gt;
                                &lt;label class="ss-gridnumber"&gt;Within 12 Months&lt;/label&gt;
                              &lt;/td&gt; 
                              &lt;td class="ss-gridnumbers" style="width: 20%;"&gt;
                                &lt;label class="ss-gridnumber"&gt;Within 2-3 Years&lt;/label&gt;
                              &lt;/td&gt;
                            &lt;/tr&gt;
                          &lt;/thead&gt;
                          &lt;tbody&gt;
                            &lt;tr role="radiogroup" aria-label="1-2 Barrel kit" aria-describedby="1444399086_errorMessage" class="ss-gridrow ss-grid-row-odd"&gt;
                              &lt;td class="ss-gridrow ss-gridrow-leftlabel"&gt;1-2 Barrel kit&lt;/td&gt;
                              &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.574868018" value="Now" id="group_574868018_1" role="radio" class="ss-q-radio" aria-label="Now" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.574868018" value="Within 6 Months" id="group_574868018_2" role="radio" class="ss-q-radio" aria-label="Within 6 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.574868018" value="Within 12 Months" id="group_574868018_3" role="radio" class="ss-q-radio" aria-label="Within 12 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.574868018" value="Within 2-3 Years" id="group_574868018_4" role="radio" class="ss-q-radio" aria-label="Within 2-3 Years" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr role="radiogroup" aria-label="5 Barrel kit" aria-describedby="1444399086_errorMessage" class="ss-gridrow ss-grid-row-even"&gt;&lt;td class="ss-gridrow ss-gridrow-leftlabel"&gt;5 Barrel kit&lt;/td&gt;
                              &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.605022389" value="Now" id="group_605022389_1" role="radio" class="ss-q-radio" aria-label="Now" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.605022389" value="Within 6 Months" id="group_605022389_2" role="radio" class="ss-q-radio" aria-label="Within 6 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.605022389" value="Within 12 Months" id="group_605022389_3" role="radio" class="ss-q-radio" aria-label="Within 12 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.605022389" value="Within 2-3 Years" id="group_605022389_4" role="radio" class="ss-q-radio" aria-label="Within 2-3 Years" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr role="radiogroup" aria-label="10 Barrel kit" aria-describedby="1444399086_errorMessage" class="ss-gridrow ss-grid-row-odd"&gt;&lt;td class="ss-gridrow ss-gridrow-leftlabel"&gt;10 Barrel kit&lt;/td&gt;
                              &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.1897697996" value="Now" id="group_1897697996_1" role="radio" class="ss-q-radio" aria-label="Now" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.1897697996" value="Within 6 Months" id="group_1897697996_2" role="radio" class="ss-q-radio" aria-label="Within 6 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.1897697996" value="Within 12 Months" id="group_1897697996_3" role="radio" class="ss-q-radio" aria-label="Within 12 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.1897697996" value="Within 2-3 Years" id="group_1897697996_4" role="radio" class="ss-q-radio" aria-label="Within 2-3 Years" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr role="radiogroup" aria-label="20+ Barrel kit" aria-describedby="1444399086_errorMessage" class="ss-gridrow ss-grid-row-even"&gt;&lt;td class="ss-gridrow ss-gridrow-leftlabel"&gt;20+ Barrel kit&lt;/td&gt;
                              &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.104051364" value="Now" id="group_104051364_1" role="radio" class="ss-q-radio" aria-label="Now" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.104051364" value="Within 6 Months" id="group_104051364_2" role="radio" class="ss-q-radio" aria-label="Within 6 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.104051364" value="Within 12 Months" id="group_104051364_3" role="radio" class="ss-q-radio" aria-label="Within 12 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.104051364" value="Within 2-3 Years" id="group_104051364_4" role="radio" class="ss-q-radio" aria-label="Within 2-3 Years" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
                              &lt;div class="error-message" id="1444399086_errorMessage"&gt;&lt;/div&gt;
                              &lt;div class="required-message"&gt;Please enter one response per row&lt;/div&gt;
                        &lt;/div&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/div&gt; 
                  &lt;div class="ss-form-question errorbox-good" role="listitem"&gt;
                    &lt;div dir="ltr" class="ss-item  ss-radio"&gt;
                      &lt;div class="ss-form-entry"&gt;
                        &lt;label class="ss-q-item-label" for="entry_128181884"&gt;
                          &lt;div class="ss-q-title"&gt;What would the ideal length of contract be for?
                          &lt;/div&gt;
                          &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;(Please bear in mind that you  are likely to that longer contracts will reduce the costs)&lt;/div&gt;&lt;/label&gt;

                            &lt;ul class="ss-choices" role="radiogroup" aria-label="What would the ideal length of contract be for? (Please bear in mind that you  are likely to that longer contracts will reduce the costs) "&gt;&lt;li class="ss-choice-item"&gt;&lt;label&gt;&lt;span class="ss-choice-item-control goog-inline-block"&gt;&lt;input name="entry.1975987779" value="3 Months" id="group_1975987779_1" role="radio" class="ss-q-radio" aria-label="3 Months" type="radio"&gt;&lt;/span&gt;
                            &lt;span class="ss-choice-label"&gt;3 Months&lt;/span&gt;
                            &lt;/label&gt;&lt;/li&gt; &lt;li class="ss-choice-item"&gt;&lt;label&gt;&lt;span class="ss-choice-item-control goog-inline-block"&gt;&lt;input name="entry.1975987779" value="6 Months" id="group_1975987779_2" role="radio" class="ss-q-radio" aria-label="6 Months" type="radio"&gt;&lt;/span&gt;
                  &lt;span class="ss-choice-label"&gt;6 Months&lt;/span&gt;
                  &lt;/label&gt;&lt;/li&gt; &lt;li class="ss-choice-item"&gt;&lt;label&gt;&lt;span class="ss-choice-item-control goog-inline-block"&gt;&lt;input name="entry.1975987779" value="12 Months" id="group_1975987779_3" role="radio" class="ss-q-radio" aria-label="12 Months" type="radio"&gt;&lt;/span&gt;
                  &lt;span class="ss-choice-label"&gt;12 Months&lt;/span&gt;
                  &lt;/label&gt;&lt;/li&gt; &lt;li class="ss-choice-item"&gt;&lt;label&gt;&lt;span class="ss-choice-item-control goog-inline-block"&gt;&lt;input name="entry.1975987779" value="24 Months or Longer" id="group_1975987779_4" role="radio" class="ss-q-radio" aria-label="24 Months or Longer" type="radio"&gt;&lt;/span&gt;
                  &lt;span class="ss-choice-label"&gt;24 Months or Longer&lt;/span&gt;
                  &lt;/label&gt;&lt;/li&gt; &lt;li class="ss-choice-item"&gt;&lt;label&gt;&lt;span class="ss-choice-item-control goog-inline-block"&gt;&lt;input name="entry.1975987779" value="One off price" id="group_1975987779_5" role="radio" class="ss-q-radio" aria-label="One off price" type="radio"&gt;&lt;/span&gt;
                  &lt;span class="ss-choice-label"&gt;One off price&lt;/span&gt;
                  &lt;/label&gt;&lt;/li&gt;&lt;/ul&gt;
                  &lt;div class="error-message" id="128181884_errorMessage"&gt;&lt;/div&gt;
                  &lt;div class="required-message"&gt;This is a required question&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="ss-form-question errorbox-good" role="listitem"&gt;

                  &lt;div class="medium-6 columns"&gt;

                  &lt;div dir="ltr" class="ss-item  ss-select"&gt;&lt;div class="ss-form-entry"&gt;
                  &lt;label class="ss-q-item-label" for="entry_579644801"&gt;&lt;div class="ss-q-title"&gt;What support, if any, would you require support with?
                  &lt;/div&gt;
                  &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;&lt;/div&gt;&lt;/label&gt;
                  &lt;select name="entry.579644801" id="entry_579644801" aria-label="What support, if any, would you require support with?  "&gt;&lt;option value=""&gt;&lt;/option&gt;
                  &lt;option value="Technical brewing assistance, ingredients development or delivery"&gt;Technical brewing assistance, ingredients development or delivery&lt;/option&gt; &lt;option value="Very limited help or support just to be shown how use the kit for the first time"&gt;Very limited help or support just to be shown how use the kit for the first time&lt;/option&gt; &lt;option value="Route to market and distribution (UBREW, ABM and to physical premises"&gt;Route to market and distribution (UBREW, ABM and to physical premises&lt;/option&gt; &lt;option value="PR, Marketing and Branding"&gt;PR, Marketing and Branding&lt;/option&gt; &lt;option value="Sales and Business Development"&gt;Sales and Business Development&lt;/option&gt; &lt;option value="HMRC Consultancy (ie how to fill in your forms corrently)"&gt;HMRC Consultancy (ie how to fill in your forms corrently)&lt;/option&gt; &lt;option value="Logistics and delivery of your products"&gt;Logistics and delivery of your products&lt;/option&gt; &lt;option value="Other [please specify]"&gt;Other [please specify]&lt;/option&gt;&lt;/select&gt;
                  &lt;div class="required-message"&gt;This is a required question&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="ss-form-question errorbox-good" role="listitem"&gt;

                  &lt;/div&gt;
                  &lt;div class="medium-6 columns"&gt;

                  &lt;div dir="ltr" class="ss-item  ss-text"&gt;&lt;div class="ss-form-entry"&gt;
                  &lt;label class="ss-q-item-label" for="entry_1671803780"&gt;&lt;div class="ss-q-title"&gt;What's your phone number?
                  &lt;/div&gt;
                  &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;&lt;/div&gt;&lt;/label&gt;
                  &lt;input name="entry.1671803780" value="" class="ss-q-short" id="entry_1671803780" dir="auto" aria-label="If you answered &amp;quot;other&amp;quot; to the question above, please elaborate here:  " title="" type="text"&gt;
                  &lt;div class="error-message" id="1191099821_errorMessage"&gt;&lt;/div&gt;
                  &lt;div class="required-message"&gt;This is a required question&lt;/div&gt;
                  &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;

                  &lt;/div&gt;
                  &lt;div class="large-12 columns"&gt;
                  &lt;input name="draftResponse" value="[,,&amp;quot;-8229200751001141451&amp;quot;]
                  " type="hidden"&gt;
                  &lt;input name="pageHistory" value="0" type="hidden"&gt;


                  &lt;input name="fbzx" value="-8229200751001141451" type="hidden"&gt;

                  &lt;input name="submit" value="Submit" id="ss-submit" class="jfk-button jfk-button-action button" type="submit"&gt;
                  &lt;/ol&gt;
                  &lt;/div&gt;
                &lt;/form&gt;
              &lt;/div&gt;
          &lt;/div&gt;                    
&lt;/div&gt;

</div>

 &lt;div class="full-width" id="bottles"&gt;

</div>

<div class="row" id="footer">
<div class="large-12 columns">
<div class="left">
<h1>Contact and Newsletter</h1>
</div>
</div>
<div>
<div class="row center">
<div class="small-7 columns">
<input type="email" value="" class="email triggermodal" placeholder="Your email address here.">
</div>
<div class="clear">
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" value=""></div>
<div class="small-5 columns clear">
<input type="submit" value="Stay in the loop" name="subscribe" class="button">
</div>
</form>
</div>
</div>
<div class="medium-12 center columns">
<a href="mailto:reach@ubrew.cc"><img src="../img/email.png"></a>
<a href="https://www.facebook.com/ubrew.cc"&gt;&lt;img src="../img/fb.png"></a>
<a href="https://twitter.com/ubrewcc"&gt;&lt;img src="../img/twitter.png"></a>
<h6 class="subtitle" style="
margin-top: 25px;
opacity: 0.4;
font-size: 12px;
"> Registered Company Number: 9153771. UBREW, First Floor New Zealand House, London, SW1Y 4TE </h6>
</div>
</div>
</body>
</html>
</div>
</div>

<div id="jobsignup" class="reveal-modal center" data-reveal>
<div class="ss-header-image-container"><div class="ss-header-image-image"><div class="ss-header-image-sizer"></div></div></div>
<div class="ss-top-of-page"><div class="ss-form-heading"><h1 class="ss-form-title" dir="ltr">WORK WITH UBREW</h1>

</div></div>
<div class="ss-form"><form action="https://docs.google.com/forms/d/1MfCKbrTE6U4mzLmN6LPN9XrKjdkMypKwGrht_fRHeTo/formResponse" method="POST" id="ss-form" target="_self" onsubmit=""><ol role="list" class="ss-question-list" style="padding-left: 0">
<div class="ss-form-question errorbox-good" role="listitem">
<div dir="auto" class="medium-6 columns ss-item ss-text"><div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_1650121982"><div class="ss-q-title"><h4 class="subtitle">Your Name</h4>
</div>
<div class="ss-q-help ss-secondary-text" dir="auto"></div></label>
<input name="entry.1650121982" value="" class="ss-q-short" id="entry_1650121982" dir="auto" aria-label="Your Name " title="" type="text">
<div class="error-message" id="840514849_errorMessage"></div>
</div></div></div> <div class="ss-form-question errorbox-good" role="listitem">
<div dir="auto" class="medium-6 columns ss-item ss-text"><div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_2044412399"><div class="ss-q-title"><h4 class="subtitle">Your Email Address</h4>
</div>
<div class="ss-q-help ss-secondary-text" dir="auto"></div></label>
<input name="entry.2044412399" value="" class="ss-q-short" id="entry_2044412399" dir="auto" aria-label="Your Email Address " title="" type="text">
<div class="error-message" id="751835996_errorMessage"></div>
</div></div></div> <div class="ss-form-question errorbox-good" role="listitem">
<div dir="auto" class="ss-item ss-paragraph-text"><div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_1523033051"><div class="ss-q-title"><h4 class="subtitle">Tell us about yourself</h4>
</div>
<div class="ss-q-help ss-secondary-text" dir="auto"></div></label>
<textarea name="entry.1523033051" rows="8" cols="0" class="ss-q-long" id="entry_1523033051" dir="auto" aria-label="Tell us about yourself "></textarea>
<div class="error-message" id="983670090_errorMessage"></div>
<div class="required-message">This is a required question</div>
</div></div></div>
<input name="draftResponse" value="[,,&quot;-8897538143077842017&quot;]
" type="hidden">
<input name="pageHistory" value="0" type="hidden">

<input name="fbzx" value="-8897538143077842017" type="hidden">

<div class="ss-item ss-navigate"><table id="navigation-table">
<input name="submit" value="Submit" id="ss-submit" class="jfk-button jfk-button-action button" type="submit">
</div></ol></form></div>
</div>

<div id="loadingmodal" class="reveal-modal tiny" data-reveal>
<div class="spinner center">
<h2 class="subtitle"> Processing, please wait. </h2>
<img src="img/spinner.gif" />
<h6 class="subtitle">If you have just completed payment, please wait. If you have abandoned payment, click anywhere outside of this box.</h6>
</div>
</div>

<div id="myModal" class="reveal-modal" data-reveal>
<h3> Signup for our newsletter and be kept in the loop! </h3>
<h4 class="subtitle"> Offers, events and more. </h4>
<div id="mc_embed_signup">
<div class="row center">
<form action="https://ubrew.us8.list-manage.com/subscribe/post?u=48aa8d1c4eb4dce1c8b797e6e&amp;amp;id=b1c2b9876e" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="">
<div class="small-7 columns mc-field-group">
<input type="email" value="" name="EMAIL" class="required email focusme" id="mce-EMAIL" placeholder="Your email address here.">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" name="b_48aa8d1c4eb4dce1c8b797e6e_b1c2b9876e" value=""></div>
<div class="small-5 columns clear">
<input type="submit" value="Stay in the loop" name="subscribe" id="mc-embedded-subscribe" class="button">
</div>
</form>
</div>
</div>
<a class="close-reveal-modal">&#215;</a>

</div>
<script src="bower_components/viewport-units-buggyfill/viewport-units-buggyfill.js"></script>
<script>window.viewportUnitsBuggyfill.init();</script>
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="js/bermondseycrowdfunding.js"></script>
<script src="js/jquery.backstretch.min.js"></script>
<script src="bower_components/foundation/js/foundation.min.js"></script>
<script src="js/app.js"></script>
<script type='text/javascript' src="js/jquery.waypoints.js"></script>
<script type='text/javascript' src="js/shortcuts/sticky.js"></script>
<script src="js/custom.js"></script>

<script src="js/masonry.pkgd.min.js"></script>

<script src="js/eventbritenew.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-43142970-2', 'auto');
ga('send', 'pageview');

</script>
</body>
</html>

You commented on Jonas's post over 3 years

Sure thing. Here's the page's code in full:
<?php
if($_SERVER["HTTPS"] != "on")
{
header("Location: https://" . $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"]);
exit();
}
?>

<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UBREW - an open brewery where you brew the beer</title>
<link href='//fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Arvo:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/app.css" />

</head>
<body>

<?php
require_once('./config.php');
?>

<div class="full-width section center crowdfunding" id="crowdfunding">
<div class="row">
<div class="large-12 columns">
<h2 class="subtitle"> Now taking May orders for </h2>
<h1> UBREW BERMONDSEY </h1>
<h3 class="subtitle sold"> <span class="headway"></span>% sold!</h3>
<div class="progressbar">
<div class="progressmade">
</div>
</div>
<p class="remaining">Only <span class="potential"></span> places left!</p>
</div>
<div class="buttonholder">

    &lt;div class="medium-4 columns button2 disabled"&gt;
      &lt;div class="pointer"&gt;
      &lt;/div&gt;
      &lt;h4&gt;Earlybird&lt;/h4&gt;
      &lt;h5 class="subtitle"&gt;First 12 Sign-ups: &pound;65&lt;/h5&gt;
      &lt;p&gt; A rolling monthly five person group membership for only &pound;65 a month, starting this May. This is your tariff forever, unless you cancel.&lt;/p&gt;
    &lt;form class="stripe" action="charge.php" method="post"&gt;
      &lt;script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
              data-key="&lt;?php echo $stripe['publishable_key']; ?&gt;"
              data-amount="6500" data-currency="gbp" data-allow-remember-me="false" data-billing-address="true" data-image="https://ubrew.cc/img/your-own-brewery.png" data-label="Subscribe Now" data-description="Bermondsey 3 Month Subscription"&gt;
      &lt;/script&gt;
      &lt;input type="hidden" name="amount" value="6500"/&gt;
      &lt;input type="hidden" name="description" value="Bermondsey one month"/&gt;

    &lt;/form&gt; 

    &lt;/div&gt;
    &lt;div class="medium-4 columns button3 disabled"&gt;
      &lt;div class="pointer"&gt;
      &lt;/div&gt;
      &lt;h4&gt;Trendybird&lt;/h4&gt;  
      &lt;h5 class="subtitle"&gt;Second 12 Sign-ups: &pound;75&lt;/h5&gt;
      &lt;p&gt; A rolling monthly five person group membership for only &pound;75 a month, starting this May. This is your tariff forever, unless you cancel.&lt;/p&gt;
    &lt;form class="stripe" action="charge.php" method="post"&gt;
      &lt;script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
              data-key="&lt;?php echo $stripe['publishable_key']; ?&gt;"
              data-amount="7500" data-currency="gbp" data-allow-remember-me="false" data-billing-address="true" data-image="https://ubrew.cc/img/your-own-brewery.png" data-label="Subscribe Now" data-description="Bermondsey 3 Month Subscription"&gt;
      &lt;/script&gt;
      &lt;input type="hidden" name="amount" value="7500"/&gt;
      &lt;input type="hidden" name="description" value="Bermondsey one month"/&gt;

    &lt;/form&gt; 
    &lt;/div&gt;
    &lt;div class="medium-4 columns button4 disabled"&gt;
      &lt;div class="pointer"&gt;
      &lt;/div&gt;
      &lt;h4&gt;Luckybird&lt;/h4&gt; 
      &lt;h5 class="subtitle"&gt;Last 12 Sign-ups: &pound;85&lt;/h5&gt;
      &lt;p&gt; A rolling monthly five person group membership for only &pound;85 a month, starting this May. This is your tariff forever, unless you cancel.&lt;/p&gt;
    &lt;form class="stripe" action="charge.php" method="post"&gt;
      &lt;script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
              data-key="&lt;?php echo $stripe['publishable_key']; ?&gt;"
              data-amount="8500" data-currency="gbp" data-allow-remember-me="false" data-billing-address="true" data-image="https://ubrew.cc/img/your-own-brewery.png" data-label="Subscribe Now" data-description="Bermondsey 3 Month Subscription"&gt;
      &lt;/script&gt;
      &lt;input type="hidden" name="amount" value="8500"/&gt;
      &lt;input type="hidden" name="description" value="Bermondsey one month"/&gt;

    &lt;/form&gt;  
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

</div>

<div class="full-width header crowdnudge center top-bar">
<h6> There are <span class="potential"></span> places left at UBREW Bermondsey! <a class="button tiny closetopbar" href="#crowdfunding"> Get yours now </a>
<div class="progressbar">
<div class="progressmade">
</div>
</div>
</h6>
</div>

<!--membership info-->

<div class="row">
<div class="large-12 columns">
<h1>What membership gets you <br /></h1>
</div>

&lt;div class="medium-3 columns center"&gt;
  &lt;img src="img/space.png" /&gt;
  &lt;h4 class="subtitle"&gt;Space&lt;/h4&gt;
  &lt;p&gt;For too long Londoners have been forced to brew in the confines of their ever-shrinking London flats! At UBREW, we have 2800 square feet of brewery for you to use as your own, designed to get messy and steamy. Oh yes.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="medium-3 columns center"&gt; 
  &lt;img src="img/lightbulb.png" /&gt; 
  &lt;h4 class="subtitle"&gt;Knowledge&lt;/h4&gt; 
  &lt;p&gt;Our staff are so clever and friendly it scares us sometimes. What that means for you is that there's an expert on hand all the way through your brew who you can get advice, guidance and a helping hand from.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="medium-3 columns center"&gt;
  &lt;img src="img/equipment.png" /&gt;
  &lt;h4 class="subtitle"&gt;Equipment&lt;/h4&gt;
  &lt;p&gt;The very best stainless steel gear. Exactly the same stuff that your favourite beer is brewed in, but shrunk down to 35l sizes. Meaning per brew, you and your friends walk away with 80 bottles of professional quality craft beer.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="medium-3 columns center"&gt;  
  &lt;img src="img/ingredients.png" /&gt;
  &lt;h4 class="subtitle"&gt;Ingredients&lt;/h4&gt; &lt;p&gt;Our on-site brewshop lets you grab the ingredients you need pic'n'mix style by the gram. No more ordering 100g of hops when you only need a quarter of that - just take what you need.&lt;/p&gt;
&lt;/div&gt;

&lt;div class="large-12 columns"&gt; 
      &lt;br /&gt;&lt;p&gt;At UBREW, we firmly believe that beer is best brewed exactly the same way it's best drank: with friends. That's why all of the memberships we sell are 5 person group memberships. So when you sign up for UBREW, four of your mates are signing up with you - meaning you have four lovely brew partners to share the costs, beer and fun with! You get unbridled access to one fermenter, and everything you need to fill it with lovely, lovely beer.&lt;/p&gt;  
  &lt;p&gt;On top of all that, we have a fantastic craft beer taproom on-site. So you can engage in important "market research" while you brew your beer by drinking the very best craft beer the world has to offer. Our beer offering changes by the week, so you'll never get bored. &lt;a href="#crowdfunding"&gt;Get involved with a membership starting this May.&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;

</div>

<div class="full-width" id="weights">
</div>

<!-- About -->

<div class="section" id="about">
<div class="row">
<div class="large-12 columns">
<h1>About</h1>
<h4 class="subtitle"> UBREW is the first, and only, open brewery. That means anyone can come to our brewery and brew their own beer. That also means you can come to our brewery and drink beer. </h4>
</div>
</div>

&lt;div class="row"&gt;
  &lt;div class="large-4 columns center"&gt;
    &lt;img src="img/fermenter.png" /&gt;
    &lt;h3&gt; Courses &lt;/h3&gt;
    &lt;p&gt;Learn to brew really, really good beer with our really, really good gear! Spend an afternoon getting to grips with the art of brewing under the guidance of one of our brewing experts. If you're interested in getting a course for a friend, we also do gift certificates!
    &lt;br/&gt; &lt;a&gt;Find out more about courses.&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;
  &lt;div class="large-4 columns center"&gt;
    &lt;img src="img/bottleopen.png" /&gt;
    &lt;h3&gt; Drink &lt;/h3&gt;
    &lt;p&gt;We know not everyone wants to brew beer, and in fact a lot of people want to focus on simply drinking the stuff. Don't worry, we have that covered - head to our taproom and get your socks blown off by some of our favourite hoppy numbers. 
    &lt;br /&gt; &lt;a href="#taproom"&gt;Opening times!&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;
  &lt;div class="large-4 columns center"&gt;
    &lt;img src="img/trophy.png" /&gt;
    &lt;h3&gt; Events &lt;/h3&gt;
    &lt;p&gt;Tap takeovers, collaboration brews and all out parties happen down at UBREW. We're also more than up for hosting one of your events, too! &lt;br /&gt; &lt;a href="#eventsection"&gt;Be there or be square.&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;div class="row" id="findus"&gt;
&lt;div class="large-12 columns"&gt;
  &lt;h1&gt; Find Us &lt;/h1&gt;
  &lt;p&gt; You can find us right in the heart of the Bermondsey Beer Mile at Arches 29-30, 24 Old Jamaica Road, London, SE16 4AW.&lt;/p&gt;
&lt;/div&gt;

</div>
<div class="facade"><p>Click or tap to Explore</p></div>
<div class="full-width" id="map">

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2483.8528319568372!2d-0.0699030192199708!3d51.49756809429452!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4876033f62011c79%3A0xdae8cc0da2fa6a8e!2sUBREW!5e0!3m2!1sen!2suk!4v1425656803883" style="border:0" frameborder="0" height="400" width="800"></iframe>
</div>
</div>

<div class="section">
<div class="row" id="courses">
<div class="large-12 columns">
<h1> Courses </h1>
<h4 class="subtitle"> Learn to brew like pro, from the pros.</h4>
<p>Learn to sparge, hop and finger pop from wise elders of the brew community. Whether it's your first time brewing, or you're an experienced homebrewer who wants to take your game to the next level, this course will have you covered. You'll learn on the same kit you'll be brewing on during your membership, all the ins and outs, all the tips and tricks. If you're interested in going on a course yourself, check out our upcoming dates below. If you want to get a course for a friend, grab a <a href="#gift">gift certificate!</a> </p>
</div>
</div>
<div class="row courses">

  &lt;div id="list"&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;div class="row" id="gift"&gt;
  &lt;div class="large-12 columns"&gt;
    &lt;h2&gt; Course Gift Certificates &lt;/h2&gt;
    &lt;p&gt; Sometimes the only pleasure greater than learning to brew, is letting a friend to learn to brew. Treat someone to a brew course at UBREW with a printable or emailable gift certificate. They'll be able to choose the date that suits them best, learn how to brew like a pro, and get three beers to drink on the day, and a six pack of beer that they brewed themselves once the beer's ready to drink!&lt;/p&gt;
     &lt;form class="stripe center giftcertificatepayment" action="certcreator.php" method="post"&gt;
              &lt;script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
                      data-key="&lt;?php echo $stripe['publishable_key']; ?&gt;"
                      data-amount="9500" data-currency="gbp" data-allow-remember-me="false" data-billing-address="true" data-label="&pound;95 All Grain Brew Course Gift Certificate" data-image="https://ubrew.cc/img/your-own-brewery.png" data-description="Gift Certificate"&gt;

              &lt;/script&gt;
                      &lt;input type="hidden" name="amount" value="9500"/&gt;

            &lt;/form&gt; 
  &lt;/div&gt;
&lt;/div&gt;

</div>

<div class="full-width" id="gear">
</div>

<div class="row" id="taproom">
<div class="large-12 columns">
<h1> Taproom </h1>
</div>
<div class="medium-6 columns">
<h4>Bar opening hours</h4>
<h6 class="subtitle">12pm-7pm Saturday, Sunday, Tuesday, Wednesday</h6>
<h6 class="subtitle">12pm-11pm Thursday and Friday</h6>
</div>
<div class="medium-6 columns">
<h4>Take Away Beers</h4>
<h6 class="subtitle">We have a fridge full of lovely, delicious beer for you to take home with you.</h6>
</div>
</div>

</div>

<div class="full-width" id="taps">
</div>
<div class="row" id="eventsection">
<div class="large-12 columns">
<h1> Events </h1>
</div>
<div class="medium-6 columns">
<h4>Upcoming events</h4>
<p>We're always up to something down at UBREW. Pop your head in and see what's happening at one of our gatherings.</p>
<div id="events">
</div>
</div>
<div class="medium-6 columns">
<h4>Hold your event at UBREW</h4>
<p>Whether it's your company's away day, your stag or hen do, or even your cat's birthday, we can throw the proper bash for you. </p>
<a class="button eventleader" href="#eventform"> Talk to us about holding your event </a>
<form class="eventleads" method="post" action="contactengine.php" id="eventform">
<label for="Name">Name:</label>
<input type="text" name="Name" id="Name" required />

    &lt;label for="Company"&gt;Company:&lt;/label&gt;
    &lt;input type="text" name="Company" id="Company" /&gt;

    &lt;label for="Tel"&gt;Tel:&lt;/label&gt;
    &lt;input type="text" name="Tel" id="Tel" /&gt;

    &lt;label for="Email"&gt;Email:&lt;/label&gt;
    &lt;input type="text" name="Email" id="Email" required /&gt;

    &lt;label for="Message"&gt;Message:&lt;/label&gt;&lt;br /&gt;
    &lt;textarea name="Message" rows="20" cols="20" id="Message"&gt;&lt;/textarea&gt;

    &lt;input type="submit" name="submit" value="Submit" class="button" /&gt;
  &lt;/form&gt;
&lt;/div&gt;

</div>
<div class="full-width" id="sunlight">
</div>
<div id="testimonials" class="row">
<div class="large-12 columns">
<h1>What people are saying</h1>
</div>
</div>
<div class="row">
<div class="medium-4 columns">
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">1st try of a <a href="https://twitter.com/ubrewcc"&gt;@ubrewcc&lt;/a> beer: highly impressive 4.8% red ale, &#39;Bail Out Kanye&#39;. Rich, hoppy, gorgeous. Wow! <a href="https://t.co/dkm9MKve46"&gt;pic.twitter.com/dkm9MKve46&lt;/a&gt;&lt;/p&gt;&amp;mdash; BeerGuideLondon (@BeerGuideLondon) <a href="https://twitter.com/BeerGuideLondon/status/708693233128316929"&gt;March 12, 2016</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="medium-4 columns">
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">So I was brewing at <a href="https://twitter.com/ubrewcc"&gt;@ubrewcc&lt;/a> yesterday and suddenly there was the boss of Goose Island and BEER SAMPLES EVERYWHERE <a href="https://t.co/JVADVmaQRo"&gt;pic.twitter.com/JVADVmaQRo&lt;/a&gt;&lt;/p&gt;&amp;mdash; barneythompson (@barneythompson) <a href="https://twitter.com/barneythompson/status/709280473286107136"&gt;March 14, 2016</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="medium-4 columns">
<blockquote class="twitter-tweet" lang="en"><p lang="en" dir="ltr">V impressed by <a href="https://twitter.com/ubrewcc"&gt;@ubrewcc&lt;/a> great example of people doing things differently. Exciting times for <a href="https://twitter.com/hashtag/LdnBestBeer?src=hash"&gt;#LdnBestBeer&lt;/a> !!</p>&mdash; London&#39;s Best Beer (@LdnBestBeer) <a href="https://twitter.com/LdnBestBeer/status/604615679925452800"&gt;May 30, 2015</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div>

<div class="full-width" id="mashed">
</div>

<div class="row" id="membership">
<div class="large-12 columns">
<div class="thechoice center">
<h1> Become a member! </h1>
<a class="button" href="#crowdfunding">I want to brew for fun</a> <a class="button commercial">I want to brew for commercial gain</a>
</div>

    &lt;div class="ss-form-container firstform hidden"&gt;&lt;div class="ss-header-image-container"&gt;&lt;div class="ss-header-image-image"&gt;&lt;div class="ss-header-image-sizer"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
        &lt;div class="ss-top-of-page"&gt;&lt;div class="ss-form-heading"&gt;
          &lt;h1 class="ss-form-title" dir="ltr"&gt;Become a member&lt;/h1&gt;
          &lt;h4 class="subtitle"&gt; UBREW is currently at full capacity. But don't worry! A slot is sure to come up soon. Enter your name and email address, and you'll be among the first to know when one does!&lt;/h4&gt;
        &lt;/div&gt;
      &lt;div class="ss-form normalmember"&gt;
          &lt;form action="https://docs.google.com/forms/d/12CoxKVgy3RKqZYAAf0-SnU6BC4bqbsZBVBqwMQ9WBJU/formResponse?embedded=true" method="post"
          target="hidden_iframe" onsubmit="submitted=true;" class="waitinglist"&gt;
          &lt;ol role="list" class="ss-question-list" style="padding-left: 0"&gt;
          &lt;div class="ss-form-question errorbox-good" role="listitem"&gt;
            &lt;div dir="ltr" class="ss-item ss-item-required ss-text"&gt;
              &lt;div class="medium-4 columns ss-form-entry"&gt;
                &lt;label class="ss-q-item-label" for="entry_1505161816"&gt;

                  &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;&lt;/div&gt;&lt;/label&gt;
                  &lt;input name="entry.1505161816" value="" class="ss-q-short" id="entry_1505161816" dir="auto" aria-label="Name  " aria-required="true" required="" title="" type="text" placeholder="Your name"&gt;
                  &lt;div class="error-message" id="325347358_errorMessage"&gt;&lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt; 
            &lt;div class="ss-form-question errorbox-good" role="listitem"&gt;
              &lt;div dir="ltr" class="ss-item ss-item-required ss-text"&gt;&lt;div class="medium-5 columns ss-form-entry"&gt;
                &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;&lt;/div&gt;&lt;/label&gt;
                &lt;input name="entry.2037972424" value="" class="ss-q-short" id="entry_2037972424" dir="auto" aria-label="Email Address  " aria-required="true" required="" title="" type="text" placeholder="Your email address"&gt;
                &lt;div class="error-message" id="945667623_errorMessage"&gt;&lt;/div&gt;
                &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
                &lt;input name="draftResponse" value="[,,&amp;quot;-1556331268888169600&amp;quot;]
                " type="hidden"&gt;
                &lt;input name="pageHistory" value="0" type="hidden"&gt;


                &lt;input name="fbzx" value="-1556331268888169600" type="hidden"&gt;

                &lt;div class="ss-item ss-navigate medium-2 columns"&gt;&lt;input class="button done" name="submit" value="Submit" id="ss-submit" class="jfk-button jfk-button-action " type="submit"&gt;
                &lt;/div&gt;
                &lt;/ol&gt;
              &lt;/form&gt;
            &lt;/div&gt;
            &lt;div class="ss-footer"&gt;&lt;div class="ss-attribution"&gt;&lt;/div&gt;
            &lt;div class="ss-legal"&gt;&lt;div class="disclaimer-separator"&gt;&lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;

<!--second form-->

<div class="secondform hidden">
<h1>Brew commercially at UBREW</h1>
<h4 class="subtitle">You're a cuckoo brewer, we're your dream come true. Fill out the form below and we'll be in touch shortly.</h4>

        &lt;form class="commercialform" action="https://docs.google.com/forms/d/1GYCC5Wel5Q1gWNHMbuUWG7jt4-bEzM3ErVfp6XEa8cc/formResponse" method="post"
        target="hidden_iframe" onsubmit="submitted=true;"&gt;
                  &lt;div class="ss-form-question errorbox-good medium-6 columns" role="listitem"&gt;
                    &lt;div dir="ltr" class="ss-item ss-item-required ss-text"&gt;
                      &lt;div class="ss-form-entry"&gt;
                        &lt;label class="ss-q-item-label" for="entry_1505161816"&gt;
                          &lt;div class="ss-q-title"&gt;Name
                           &lt;label for="itemView.getDomIdToLabel()" aria-label="(Required field)"&gt;&lt;/label&gt;
                           &lt;span class="ss-required-asterisk" aria-hidden="true"&gt;*&lt;/span&gt;
                          &lt;/div&gt;
                          &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;&lt;/div&gt;&lt;/label&gt;
                          &lt;input name="entry.1505161816" value="" class="ss-q-short" id="entry_1505161816" dir="auto" aria-label="Name  " aria-required="true" required="" title="" type="text"&gt;
                          &lt;div class="error-message" id="325347358_errorMessage"&gt;&lt;/div&gt;
                          &lt;div class="required-message"&gt;This is a required question&lt;/div&gt;
                       &lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/div&gt; 

                  &lt;div class="ss-form-question errorbox-good  medium-6 columns" role="listitem"&gt;
                    &lt;div dir="ltr" class="ss-item ss-item-required ss-text"&gt;
                      &lt;div class="ss-form-entry"&gt;
                        &lt;label class="ss-q-item-label" for="entry_2037972424"&gt;
                        &lt;div class="ss-q-title"&gt;Email Address
                          &lt;label for="itemView.getDomIdToLabel()" aria-label="(Required field)"&gt;&lt;/label&gt;
                          &lt;span class="ss-required-asterisk" aria-hidden="true"&gt;*&lt;/span&gt;
                        &lt;/div&gt;
                        &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;&lt;/div&gt;&lt;/label&gt;
                          &lt;input name="entry.2037972424" value="" class="ss-q-short" id="entry_2037972424" dir="auto" aria-label="Email Address  " aria-required="true" required="" title="" type="text"&gt;
                          &lt;div class="error-message" id="945667623_errorMessage"&gt;&lt;/div&gt;
                          &lt;div class="required-message"&gt;This is a required question&lt;/div&gt;
                        &lt;/div&gt;
                      &lt;/div&gt;
                    &lt;/div&gt; 
                    &lt;div class="ss-form-question errorbox-good" role="listitem"&gt;
                      &lt;div dir="ltr" class="ss-item  ss-grid"&gt;
                        &lt;div class="ss-form-entry"&gt;
                          &lt;label class="ss-q-item-label" for="entry_1444399086"&gt;
                          &lt;div class="ss-q-title"&gt;What size and what time frame are you interested in brewing on?
                          &lt;/div&gt;
                           &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;Choose as many responses as are applicable&lt;/div&gt;&lt;/label&gt;
                           &lt;div&gt;
                           &lt;table border="0" cellpadding="5" cellspacing="0"&gt;
                            &lt;thead&gt;
                              &lt;tr&gt;
                              &lt;td class="ss-gridnumbers ss-gridrow-leftlabel"&gt;&lt;/td&gt;
                              &lt;td class="ss-gridnumbers" style="width: 20%;"&gt;
                                &lt;label class="ss-gridnumber"&gt;Now&lt;/label&gt;
                              &lt;/td&gt; 
                              &lt;td class="ss-gridnumbers" style="width: 20%;"&gt;
                                &lt;label class="ss-gridnumber"&gt;Within 6 Months&lt;/label&gt;
                              &lt;/td&gt; 
                              &lt;td class="ss-gridnumbers" style="width: 20%;"&gt;
                                &lt;label class="ss-gridnumber"&gt;Within 12 Months&lt;/label&gt;
                              &lt;/td&gt; 
                              &lt;td class="ss-gridnumbers" style="width: 20%;"&gt;
                                &lt;label class="ss-gridnumber"&gt;Within 2-3 Years&lt;/label&gt;
                              &lt;/td&gt;
                            &lt;/tr&gt;
                          &lt;/thead&gt;
                          &lt;tbody&gt;
                            &lt;tr role="radiogroup" aria-label="1-2 Barrel kit" aria-describedby="1444399086_errorMessage" class="ss-gridrow ss-grid-row-odd"&gt;
                              &lt;td class="ss-gridrow ss-gridrow-leftlabel"&gt;1-2 Barrel kit&lt;/td&gt;
                              &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.574868018" value="Now" id="group_574868018_1" role="radio" class="ss-q-radio" aria-label="Now" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.574868018" value="Within 6 Months" id="group_574868018_2" role="radio" class="ss-q-radio" aria-label="Within 6 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.574868018" value="Within 12 Months" id="group_574868018_3" role="radio" class="ss-q-radio" aria-label="Within 12 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.574868018" value="Within 2-3 Years" id="group_574868018_4" role="radio" class="ss-q-radio" aria-label="Within 2-3 Years" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr role="radiogroup" aria-label="5 Barrel kit" aria-describedby="1444399086_errorMessage" class="ss-gridrow ss-grid-row-even"&gt;&lt;td class="ss-gridrow ss-gridrow-leftlabel"&gt;5 Barrel kit&lt;/td&gt;
                              &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.605022389" value="Now" id="group_605022389_1" role="radio" class="ss-q-radio" aria-label="Now" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.605022389" value="Within 6 Months" id="group_605022389_2" role="radio" class="ss-q-radio" aria-label="Within 6 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.605022389" value="Within 12 Months" id="group_605022389_3" role="radio" class="ss-q-radio" aria-label="Within 12 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.605022389" value="Within 2-3 Years" id="group_605022389_4" role="radio" class="ss-q-radio" aria-label="Within 2-3 Years" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr role="radiogroup" aria-label="10 Barrel kit" aria-describedby="1444399086_errorMessage" class="ss-gridrow ss-grid-row-odd"&gt;&lt;td class="ss-gridrow ss-gridrow-leftlabel"&gt;10 Barrel kit&lt;/td&gt;
                              &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.1897697996" value="Now" id="group_1897697996_1" role="radio" class="ss-q-radio" aria-label="Now" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.1897697996" value="Within 6 Months" id="group_1897697996_2" role="radio" class="ss-q-radio" aria-label="Within 6 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.1897697996" value="Within 12 Months" id="group_1897697996_3" role="radio" class="ss-q-radio" aria-label="Within 12 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.1897697996" value="Within 2-3 Years" id="group_1897697996_4" role="radio" class="ss-q-radio" aria-label="Within 2-3 Years" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr role="radiogroup" aria-label="20+ Barrel kit" aria-describedby="1444399086_errorMessage" class="ss-gridrow ss-grid-row-even"&gt;&lt;td class="ss-gridrow ss-gridrow-leftlabel"&gt;20+ Barrel kit&lt;/td&gt;
                              &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.104051364" value="Now" id="group_104051364_1" role="radio" class="ss-q-radio" aria-label="Now" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.104051364" value="Within 6 Months" id="group_104051364_2" role="radio" class="ss-q-radio" aria-label="Within 6 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.104051364" value="Within 12 Months" id="group_104051364_3" role="radio" class="ss-q-radio" aria-label="Within 12 Months" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt; &lt;td class="ss-gridrow" style="width: 20%;"&gt;&lt;label class="ss-grid-button-label"&gt;&lt;div class="ss-grid-button-wrapper"&gt;&lt;input name="entry.104051364" value="Within 2-3 Years" id="group_104051364_4" role="radio" class="ss-q-radio" aria-label="Within 2-3 Years" type="radio"&gt;&lt;/div&gt;&lt;/label&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
                              &lt;div class="error-message" id="1444399086_errorMessage"&gt;&lt;/div&gt;
                              &lt;div class="required-message"&gt;Please enter one response per row&lt;/div&gt;
                        &lt;/div&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/div&gt; 
                  &lt;div class="ss-form-question errorbox-good" role="listitem"&gt;
                    &lt;div dir="ltr" class="ss-item  ss-radio"&gt;
                      &lt;div class="ss-form-entry"&gt;
                        &lt;label class="ss-q-item-label" for="entry_128181884"&gt;
                          &lt;div class="ss-q-title"&gt;What would the ideal length of contract be for?
                          &lt;/div&gt;
                          &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;(Please bear in mind that you  are likely to that longer contracts will reduce the costs)&lt;/div&gt;&lt;/label&gt;

                            &lt;ul class="ss-choices" role="radiogroup" aria-label="What would the ideal length of contract be for? (Please bear in mind that you  are likely to that longer contracts will reduce the costs) "&gt;&lt;li class="ss-choice-item"&gt;&lt;label&gt;&lt;span class="ss-choice-item-control goog-inline-block"&gt;&lt;input name="entry.1975987779" value="3 Months" id="group_1975987779_1" role="radio" class="ss-q-radio" aria-label="3 Months" type="radio"&gt;&lt;/span&gt;
                            &lt;span class="ss-choice-label"&gt;3 Months&lt;/span&gt;
                            &lt;/label&gt;&lt;/li&gt; &lt;li class="ss-choice-item"&gt;&lt;label&gt;&lt;span class="ss-choice-item-control goog-inline-block"&gt;&lt;input name="entry.1975987779" value="6 Months" id="group_1975987779_2" role="radio" class="ss-q-radio" aria-label="6 Months" type="radio"&gt;&lt;/span&gt;
                  &lt;span class="ss-choice-label"&gt;6 Months&lt;/span&gt;
                  &lt;/label&gt;&lt;/li&gt; &lt;li class="ss-choice-item"&gt;&lt;label&gt;&lt;span class="ss-choice-item-control goog-inline-block"&gt;&lt;input name="entry.1975987779" value="12 Months" id="group_1975987779_3" role="radio" class="ss-q-radio" aria-label="12 Months" type="radio"&gt;&lt;/span&gt;
                  &lt;span class="ss-choice-label"&gt;12 Months&lt;/span&gt;
                  &lt;/label&gt;&lt;/li&gt; &lt;li class="ss-choice-item"&gt;&lt;label&gt;&lt;span class="ss-choice-item-control goog-inline-block"&gt;&lt;input name="entry.1975987779" value="24 Months or Longer" id="group_1975987779_4" role="radio" class="ss-q-radio" aria-label="24 Months or Longer" type="radio"&gt;&lt;/span&gt;
                  &lt;span class="ss-choice-label"&gt;24 Months or Longer&lt;/span&gt;
                  &lt;/label&gt;&lt;/li&gt; &lt;li class="ss-choice-item"&gt;&lt;label&gt;&lt;span class="ss-choice-item-control goog-inline-block"&gt;&lt;input name="entry.1975987779" value="One off price" id="group_1975987779_5" role="radio" class="ss-q-radio" aria-label="One off price" type="radio"&gt;&lt;/span&gt;
                  &lt;span class="ss-choice-label"&gt;One off price&lt;/span&gt;
                  &lt;/label&gt;&lt;/li&gt;&lt;/ul&gt;
                  &lt;div class="error-message" id="128181884_errorMessage"&gt;&lt;/div&gt;
                  &lt;div class="required-message"&gt;This is a required question&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="ss-form-question errorbox-good" role="listitem"&gt;

                  &lt;div class="medium-6 columns"&gt;

                  &lt;div dir="ltr" class="ss-item  ss-select"&gt;&lt;div class="ss-form-entry"&gt;
                  &lt;label class="ss-q-item-label" for="entry_579644801"&gt;&lt;div class="ss-q-title"&gt;What support, if any, would you require support with?
                  &lt;/div&gt;
                  &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;&lt;/div&gt;&lt;/label&gt;
                  &lt;select name="entry.579644801" id="entry_579644801" aria-label="What support, if any, would you require support with?  "&gt;&lt;option value=""&gt;&lt;/option&gt;
                  &lt;option value="Technical brewing assistance, ingredients development or delivery"&gt;Technical brewing assistance, ingredients development or delivery&lt;/option&gt; &lt;option value="Very limited help or support just to be shown how use the kit for the first time"&gt;Very limited help or support just to be shown how use the kit for the first time&lt;/option&gt; &lt;option value="Route to market and distribution (UBREW, ABM and to physical premises"&gt;Route to market and distribution (UBREW, ABM and to physical premises&lt;/option&gt; &lt;option value="PR, Marketing and Branding"&gt;PR, Marketing and Branding&lt;/option&gt; &lt;option value="Sales and Business Development"&gt;Sales and Business Development&lt;/option&gt; &lt;option value="HMRC Consultancy (ie how to fill in your forms corrently)"&gt;HMRC Consultancy (ie how to fill in your forms corrently)&lt;/option&gt; &lt;option value="Logistics and delivery of your products"&gt;Logistics and delivery of your products&lt;/option&gt; &lt;option value="Other [please specify]"&gt;Other [please specify]&lt;/option&gt;&lt;/select&gt;
                  &lt;div class="required-message"&gt;This is a required question&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="ss-form-question errorbox-good" role="listitem"&gt;

                  &lt;/div&gt;
                  &lt;div class="medium-6 columns"&gt;

                  &lt;div dir="ltr" class="ss-item  ss-text"&gt;&lt;div class="ss-form-entry"&gt;
                  &lt;label class="ss-q-item-label" for="entry_1671803780"&gt;&lt;div class="ss-q-title"&gt;What's your phone number?
                  &lt;/div&gt;
                  &lt;div class="ss-q-help ss-secondary-text" dir="ltr"&gt;&lt;/div&gt;&lt;/label&gt;
                  &lt;input name="entry.1671803780" value="" class="ss-q-short" id="entry_1671803780" dir="auto" aria-label="If you answered &amp;quot;other&amp;quot; to the question above, please elaborate here:  " title="" type="text"&gt;
                  &lt;div class="error-message" id="1191099821_errorMessage"&gt;&lt;/div&gt;
                  &lt;div class="required-message"&gt;This is a required question&lt;/div&gt;
                  &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;

                  &lt;/div&gt;
                  &lt;div class="large-12 columns"&gt;
                  &lt;input name="draftResponse" value="[,,&amp;quot;-8229200751001141451&amp;quot;]
                  " type="hidden"&gt;
                  &lt;input name="pageHistory" value="0" type="hidden"&gt;


                  &lt;input name="fbzx" value="-8229200751001141451" type="hidden"&gt;

                  &lt;input name="submit" value="Submit" id="ss-submit" class="jfk-button jfk-button-action button" type="submit"&gt;
                  &lt;/ol&gt;
                  &lt;/div&gt;
                &lt;/form&gt;
              &lt;/div&gt;
          &lt;/div&gt;                    
&lt;/div&gt;

</div>

 &lt;div class="full-width" id="bottles"&gt;

</div>

<div class="row" id="footer">
<div class="large-12 columns">
<div class="left">
<h1>Contact and Newsletter</h1>
</div>
</div>
<div>
<div class="row center">
<div class="small-7 columns">
<input type="email" value="" class="email triggermodal" placeholder="Your email address here.">
</div>
<div class="clear">
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" value=""></div>
<div class="small-5 columns clear">
<input type="submit" value="Stay in the loop" name="subscribe" class="button">
</div>
</form>
</div>
</div>
<div class="medium-12 center columns">
<a href="mailto:reach@ubrew.cc"><img src="../img/email.png"></a>
<a href="https://www.facebook.com/ubrew.cc"&gt;&lt;img src="../img/fb.png"></a>
<a href="https://twitter.com/ubrewcc"&gt;&lt;img src="../img/twitter.png"></a>
<h6 class="subtitle" style="
margin-top: 25px;
opacity: 0.4;
font-size: 12px;
"> Registered Company Number: 9153771. UBREW, First Floor New Zealand House, London, SW1Y 4TE </h6>
</div>
</div>
</body>
</html>
</div>
</div>

<div id="jobsignup" class="reveal-modal center" data-reveal>
<div class="ss-header-image-container"><div class="ss-header-image-image"><div class="ss-header-image-sizer"></div></div></div>
<div class="ss-top-of-page"><div class="ss-form-heading"><h1 class="ss-form-title" dir="ltr">WORK WITH UBREW</h1>

</div></div>
<div class="ss-form"><form action="https://docs.google.com/forms/d/1MfCKbrTE6U4mzLmN6LPN9XrKjdkMypKwGrht_fRHeTo/formResponse" method="POST" id="ss-form" target="_self" onsubmit=""><ol role="list" class="ss-question-list" style="padding-left: 0">
<div class="ss-form-question errorbox-good" role="listitem">
<div dir="auto" class="medium-6 columns ss-item ss-text"><div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_1650121982"><div class="ss-q-title"><h4 class="subtitle">Your Name</h4>
</div>
<div class="ss-q-help ss-secondary-text" dir="auto"></div></label>
<input name="entry.1650121982" value="" class="ss-q-short" id="entry_1650121982" dir="auto" aria-label="Your Name " title="" type="text">
<div class="error-message" id="840514849_errorMessage"></div>
</div></div></div> <div class="ss-form-question errorbox-good" role="listitem">
<div dir="auto" class="medium-6 columns ss-item ss-text"><div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_2044412399"><div class="ss-q-title"><h4 class="subtitle">Your Email Address</h4>
</div>
<div class="ss-q-help ss-secondary-text" dir="auto"></div></label>
<input name="entry.2044412399" value="" class="ss-q-short" id="entry_2044412399" dir="auto" aria-label="Your Email Address " title="" type="text">
<div class="error-message" id="751835996_errorMessage"></div>
</div></div></div> <div class="ss-form-question errorbox-good" role="listitem">
<div dir="auto" class="ss-item ss-paragraph-text"><div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_1523033051"><div class="ss-q-title"><h4 class="subtitle">Tell us about yourself</h4>
</div>
<div class="ss-q-help ss-secondary-text" dir="auto"></div></label>
<textarea name="entry.1523033051" rows="8" cols="0" class="ss-q-long" id="entry_1523033051" dir="auto" aria-label="Tell us about yourself "></textarea>
<div class="error-message" id="983670090_errorMessage"></div>
<div class="required-message">This is a required question</div>
</div></div></div>
<input name="draftResponse" value="[,,&quot;-8897538143077842017&quot;]
" type="hidden">
<input name="pageHistory" value="0" type="hidden">

<input name="fbzx" value="-8897538143077842017" type="hidden">

<div class="ss-item ss-navigate"><table id="navigation-table">
<input name="submit" value="Submit" id="ss-submit" class="jfk-button jfk-button-action button" type="submit">
</div></ol></form></div>
</div>

<div id="loadingmodal" class="reveal-modal tiny" data-reveal>
<div class="spinner center">
<h2 class="subtitle"> Processing, please wait. </h2>
<img src="img/spinner.gif" />
<h6 class="subtitle">If you have just completed payment, please wait. If you have abandoned payment, click anywhere outside of this box.</h6>
</div>
</div>

<div id="myModal" class="reveal-modal" data-reveal>
<h3> Signup for our newsletter and be kept in the loop! </h3>
<h4 class="subtitle"> Offers, events and more. </h4>
<div id="mc_embed_signup">
<div class="row center">
<form action="https://ubrew.us8.list-manage.com/subscribe/post?u=48aa8d1c4eb4dce1c8b797e6e&amp;amp;id=b1c2b9876e" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="">
<div class="small-7 columns mc-field-group">
<input type="email" value="" name="EMAIL" class="required email focusme" id="mce-EMAIL" placeholder="Your email address here.">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" name="b_48aa8d1c4eb4dce1c8b797e6e_b1c2b9876e" value=""></div>
<div class="small-5 columns clear">
<input type="submit" value="Stay in the loop" name="subscribe" id="mc-embedded-subscribe" class="button">
</div>
</form>
</div>
</div>
<a class="close-reveal-modal">&#215;</a>

</div>
<script src="bower_components/viewport-units-buggyfill/viewport-units-buggyfill.js"></script>
<script>window.viewportUnitsBuggyfill.init();</script>
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="js/bermondseycrowdfunding.js"></script>
<script src="js/jquery.backstretch.min.js"></script>
<script src="bower_components/foundation/js/foundation.min.js"></script>
<script src="js/app.js"></script>
<script type='text/javascript' src="js/jquery.waypoints.js"></script>
<script type='text/javascript' src="js/shortcuts/sticky.js"></script>
<script src="js/custom.js"></script>

<script src="js/masonry.pkgd.min.js"></script>

<script src="js/eventbritenew.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-43142970-2', 'auto');
ga('send', 'pageview');

</script>
</body>
</html>

Here's what is rendered in the browser when the page is accessed (according to Chrome's Inspect tool):
<html class="no-js" lang="en"><head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UBREW - an open brewery where you brew the beer</title>
<link href="//fonts.googleapis.com/css?family=Oswald:400,300,700" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Arvo:400,700" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/app.css">

<style id="style-1-cropbar-clipper">/* Copyright 2014 Evernote Corporation. All rights reserved. */
.en-markup-crop-options {
top: 18px !important;
left: 50% !important;
margin-left: -100px !important;
width: 200px !important;
border: 2px rgba(255,255,255,.38) solid !important;
border-radius: 4px !important;
}

.en-markup-crop-options div div:first-of-type {
margin-left: 0px !important;
}
</style><style id="wrc-middle-css" type="text/css">.wrc_whole_window{ display: none; position: fixed; z-index: 2147483647; background-color: rgba(40, 40, 40, 0.9); word-spacing: normal !important; margin: 0px !important; padding: 0px !important; border: 0px !important; left: 0px; top: 0px; width: 100%; height: 100%; line-height: normal !important; letter-spacing: normal !important; overflow: hidden;}.wrc_bar_window{ display: none; position: fixed; z-index: 2147483647; background-color: rgba(60, 60, 60, 1.0); word-spacing: normal !important; font-family: Segoe UI, Arial Unicode MS, Arial, Sans-Serif; margin: 0px !important; padding: 0px !important; border: 0px !important; left: 0px; top: 0px; width: 100%; height: 40px; line-height: normal !important; letter-spacing: normal !important; color: white !important; font-size: 13px !important;}.wrc_middle { display: table-cell; vertical-align: middle; width: 100%;}.wrc_middle_main { font-family: Segoe UI, Arial Unicode MS, Arial, Sans-Serif; font-size: 14px; width: 600px; height: auto; background: url(chrome-extension://icmlaeflemplmjndnaapfdbbnpncnbda/skin/images/background-body.jpg) repeat-x left top; background-color: rgb(39, 53, 62); position: relative; margin-left: auto; margin-right: auto; text-align: left;}.wrc_middle_tq_main { font-family: Segoe UI, Arial Unicode MS, Arial, Sans-Serif; font-size: 16px; width: 615px; height: 460px; background: url(chrome-extension://icmlaeflemplmjndnaapfdbbnpncnbda/skin/images/background-sitecorrect.png) no-repeat; background-color: white; color: black !important; position: relative; margin-left: auto; margin-right: auto; text-align: center;}.wrc_middle_logo { background: url(chrome-extension://icmlaeflemplmjndnaapfdbbnpncnbda/skin/images/logo.jpg) no-repeat left bottom; width: 140px; height: 42px; color: orange; display: table-cell; text-align: right; vertical-align: middle;}.wrc_icon_warning { margin: 20px 10px 20px 15px; float: left; background-color: transparent;}.wrc_middle_title { color: #b6bec7; height: auto; margin: 0px auto; font-size: 2.2em; white-space: nowrap; text-align: center;}.wrc_middle_hline { height: 2px; width: 100%; display: block;}.wrc_middle_description { text-align: center; margin: 15px; font-size: 1.4em; padding: 20px; height: auto; color: white; min-height: 3.5em;}.wrc_middle_actions_main_div { margin-bottom: 15px; text-align: center;}.wrc_middle_actions_blue_button div { display: inline-block; width: auto; cursor: Pointer; margin: 3px 10px 3px 10px; color: white; font-size: 1.2em; font-weight: bold;}.wrc_middle_actions_blue_button { -moz-appearance: none; border-radius: 7px; -moz-border-radius: 7px/7px; border-radius: 7px/7px; background-color: rgb(0, 173, 223) !important; display: inline-block; width: auto; cursor: Pointer; border: 2px solid #00dddd; padding: 0px 20px 0px 20px;}.wrc_middle_actions_blue_button:hover { background-color: rgb(0, 159, 212) !important;}.wrc_middle_actions_blue_button:active { background-color: rgb(0, 146, 200) !important; border: 2px solid #00aaaa;}.wrc_middle_actions_grey_button div { display: inline-block; width: auto; cursor: Pointer; margin: 3px 10px 3px 10px; color: white !important; font-size: 15px; font-weight: bold;}.wrc_middle_actions_grey_button { -moz-appearance: none; border-radius: 7px; -moz-border-radius: 7px/7px; border-radius: 7px/7px; background-color: rgb(100, 100, 100) !important; display: inline-block; width: auto; cursor: Pointer; border: 2px solid #aaaaaa; text-decoration: none; padding: 0px 20px 0px 20px;}.wrc_middle_actions_grey_button:hover { background-color: rgb(120, 120, 120) !important;}.wrc_middle_actions_grey_button:active { background-color: rgb(130, 130, 130) !important; border: 2px solid #00aaaa;}.wrc_middle_action_low { font-size: 0.9em; white-space: nowrap; cursor: Pointer; color: grey !important; margin: 10px 10px 0px 10px; text-decoration: none;}.wrc_middle_action_low:hover { color: #aa4400 !important;}.wrc_middle_actions_rest_div { padding-top: 5px; white-space: nowrap; text-align: center;}.wrc_middle_action { white-space: nowrap; cursor: Pointer; color: red !important; font-size: 1.2em; margin: 10px 10px 0px 10px; text-decoration: none;}.wrc_middle_action:hover { color: #aa4400 !important;}</style><script id="wrc-script-middle_window" type="text/javascript" language="JavaScript">var g_inputsCnt = 0;var g_InputThis = new Array(null, null, null, null);var g_alerted = false;/* we test the input if it includes 4 digits (input is a part of 4 inputs for filling the credit-card number)/function is4DigitsCardNumber(val){ var regExp = new RegExp('[0-9]{4}'); return (val.length == 4 && val.search(regExp) == 0);}/ testing the whole credit-card number 19 digits devided by three '-' symbols or exactly 16 digits without any dividers/function isCreditCardNumber(val){ if(val.length == 19) { var regExp = new RegExp('[0-9]{4}-[0-9]{4}-[0-9]{4}-[0-9]{4}'); return (val.search(regExp) == 0); } else if(val.length == 16) { var regExp = new RegExp('[0-9]{4}[0-9]{4}[0-9]{4}[0-9]{4}'); return (val.search(regExp) == 0); } return false;}function CheckInputOnCreditNumber(self){ if(g_alerted) return false; var value = self.value; if(self.type == 'text') { if(is4DigitsCardNumber(value)) { var cont = true; for(i = 0; i < g_inputsCnt; i++) if(g_InputThis[i] == self) cont = false; if(cont && g_inputsCnt < 4) { g_InputThis[g_inputsCnt] = self; g_inputsCnt++; } } g_alerted = (g_inputsCnt == 4); if(g_alerted) g_inputsCnt = 0; else g_alerted = isCreditCardNumber(value); } return g_alerted;}function CheckInputOnPassword(self){ if(g_alerted) return false; var value = self.value; if(self.type == 'password') { g_alerted = (value.length > 0); } return g_alerted;}function onInputBlur(self, bRatingOk, bFishingSite){ var bCreditNumber = CheckInputOnCreditNumber(self); var bPassword = CheckInputOnPassword(self); if((!bRatingOk || bFishingSite == 1) && (bCreditNumber || bPassword) ) { var warnDiv = document.getElementById("wrcinputdiv"); if(warnDiv) { / show the warning div in the middle of the screen */ warnDiv.style.left = "0px"; warnDiv.style.top = "0px"; warnDiv.style.width = "100%"; warnDiv.style.height = "100%"; document.getElementById("wrc_warn_fs").style.display = 'none'; document.getElementById("wrc_warn_cn").style.display = 'none'; if(bFishingSite) document.getElementById("wrc_warn_fs").style.display = 'block'; else document.getElementById("wrc_warn_cn").style.display = 'block'; warnDiv.style.display = 'table'; } }}</script></head>
<body>

<div id="menu_item" class="jjMenuItemDiv">Copy without formatting</div><span id="buffer-extension-hover-button" style="display: none;position: absolute;z-index: 8675309;width: 100px;height: 25px;background-image: url(chrome-extension://noojglkidnpfjbincgijbaiedldjfbhh/data/shared/img/buffer-hover-icon@1x.png);background-size: 100px 25px;opacity: 0.9;cursor: pointer;"></span></body></html>
Really nothing beyond the header other than some junk dumped in there by my browser extensions. Here's a screenshot of the console:

Nothing going on there at all, total ghost town. I'm afraid I don't know how to get the other logs you refer to, but I am happy to get them if you explain how.
Thanks a lot for your time and help, Brian, I appreciate it.

You commented on Jonas's post over 3 years

That's what I thought, but when I make a php file the body comes out totally blank, on a server environment and on a local MaMp environment. These are relatively flat php files I'm talking about too, so it's very odd. They work fine in the Foundation 5 framework, and work perfectly in Foundation 6 if I change the file extension from .php to .html (barring the php elements, obviously). It is something to do with Foundation 6, but I can't at all tell what!

You commented on Jonas's post over 3 years

Thanks, but that's not in my gulp file. THis is the whole thing:
var gulp = require('gulp');
var $ = require('gulp-load-plugins')();

var sassPaths = [
'bower_components/foundation-sites/scss',
'bower_components/motion-ui/src'
];

gulp.task('sass', function() {
return gulp.src('scss/app.scss')
.pipe($.sass({
includePaths: sassPaths
})
.on('error', $.sass.logError))
.pipe($.autoprefixer({
browsers: ['last 2 versions', 'ie >= 9']
}))
.pipe(gulp.dest('css'));
});

gulp.task('default', ['sass'], function() {
gulp.watch(['scss/*/.scss'], ['sass']);
});

You commented on Jonas's post over 3 years

Which line did you have to change in gulp.js? I'm having the same problem, but can't see anything obvious to change.

You commented on Jonas's post over 3 years

Which line did you have to change in gulp.js? I'm having the same problem, but can't see anything obvious to change.

You commented on Michael Degli-Angeli's post almost 5 years

Not working for me with Libsass or Compass. Not at all clear on how to start a new project now, could you tell us, Rafi? How do we revert to Sass 3.2?

Posts Followed



Following

  • No Content

Followers

  • No Content