Merge pull request #15 from alphagov/PP-2442-change-logos

PP-2442 - using separate files for logos

Author: jonheslop

source/index.html.erb

@@ -131,9 +131,16 @@
     </div>
     <div class="content-section content-section--with-top-border">
       <div class="grid-row">
-          <div class="column-two-thirds">
+          <div class="column-full">
             <h2 class="content-section__title heading-medium">GOV.UK Pay is already working with:</h2>
-            <img class="content-section__image" src="/pay-product-page/images/org-logos-pay.jpg" alt="Logos of Ministry of Justice, Home Office, The Insolvency Service and Office of the Public Guardian" />
+            <img class="content-section__image partner-logo" src="/pay-product-page/images/ministry-of-justice.png" alt="Logo of the Ministry of Justice" />
+            <img class="content-section__image partner-logo" src="/pay-product-page/images/home-office.png" alt="Logo of the Home Ofiice" />
+            <img class="content-section__image partner-logo" src="/pay-product-page/images/beis.png" alt="Logo of the Department for Business, Energy &amp; Industrial Strategy" />
+            <img class="content-section__image partner-logo" src="/pay-product-page/images/office-public-guardian.png" alt="Logo of the Office of the Public Guardian" />
+          </div>
+      </div>
+      <div class="grid-row">
+          <div class="column-two-thirds">
             <div class="panel panel-border-wide">
               <p class="">“I’ve just had the first view of [GOV.UK Pay] integrated with our service. It is a really good product. We have integrated it in just 2 weeks which is astonishing and really speaks volumes about [how] well you have set the service up…”</p>
               <p>– Service manager; UK Visas and Immigration, Home Office</p>

source/pay-product-page/images/beis.png

@@ -59,3 +59,9 @@
     }
   }
 }
+
+.partner-logo {
+  margin-bottom: $gutter;
+  width: auto;
+  height: 4em;
+}