Merge lp:~phill-ridout/openlp/mobile-downloads into lp:openlp/website

[Phill]

Move the app store icons and add an anchor for the new qr code (in OpenLP)

[Tim Bentley (trb143)]

Looks reasonable to me.

review: Approve

[Raoul Snyman (raoul-snyman)]

review: Approve

=== modified file 'themes/openlp2v2/templates/front_page.html'
--- themes/openlp2v2/templates/front_page.html	2017-08-21 20:28:35 +0000
+++ themes/openlp2v2/templates/front_page.html	2017-10-01 07:34:26 +0000
@@ -257,21 +257,6 @@
                 </div>
             </div>
         </div>
-        <div class="default-bg space blue">
-            <div class="container">
-                <div class="row">
-                    <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2 col-md-offset-3 col-lg-offset-3 text-center">
-                       <a href="https://play.google.com/store/apps/details?id=org.openlp.android2"><img alt="Android app on Google Play" src="/google-play-badge.png" style="height: 40px"></a>
-                    </div>
-                    <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2 text-center">
-                       <a href="https://f-droid.org/repository/browse/?fdid=org.openlp.android2"><img alt="Android app on F-Droid" src="/f-droid-badge.png" style="height: 40px"></a>
-                    </div>
-                    <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2 text-center">
-                       <a href="https://itunes.apple.com/us/app/openlp-remote/id1096218725?mt=8" title="Download on the App Store"><img src="/app-store-badge.png"></a>
-                    </div>
-                </div>
-            </div>
-        </div>
         <div class="section">
             <div class="container object-non-visible" data-animation-effect="fadeIn">
                 <h1 class="text-center title" id="downloads">Downloads</h1>
@@ -480,6 +465,18 @@
                         </div>
                     </div>
                 </div>
+                <div class="lead text-center"><h2 id="mobile-app-downloads">Get the Mobile Remote App</h2></div>
+                <div class="lead row mobile-app">
+                  <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2 col-md-offset-3 col-lg-offset-3 text-center">
+                       <a href="https://play.google.com/store/apps/details?id=org.openlp.android2"><img alt="Android app on Google Play" src="/google-play-badge.png" style="height: 40px"></a>
+                    </div>
+                    <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2 text-center">
+                       <a href="https://f-droid.org/repository/browse/?fdid=org.openlp.android2"><img alt="Android app on F-Droid" src="/f-droid-badge.png" style="height: 40px"></a>
+                    </div>
+                    <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2 text-center">
+                       <a href="https://itunes.apple.com/us/app/openlp-remote/id1096218725?mt=8" title="Download on the App Store"><img src="/app-store-badge.png"></a>
+                    </div>
+                </div>
                 <div class="space"></div>
                 <p class="lead text-center">Looking for nightlies and development versions? They are now found on our <a href="https://openlp.io/">developer site</a>.</p>
             </div>