First website mockup

1 files changed, 47 insertions, 0 deletions

diff --git a/app/views/pages/pepalHomepage.scala.html b/app/views/pages/pepalHomepage.scala.html
new file mode 100644
index 0000000..6eb7070
--- /dev/null
+++ b/app/views/pages/pepalHomepage.scala.html
@@ -0,0 +1,47 @@
+@templates.pepal("PéPal") {
+
+        <div class="action-buttons pure-g">
+        @fragments.pepalMainActions()
+        </div>
+
+        <br>
+
+        <div class="pure-g">
+                <div class="pure-u-1 pure-u-lg-1-2">
+                        <div class="l-box">
+                                <h3 class="information-head">Get started today</h3>
+                                <p>
+                                        With @fragments.pepalLogo(), the leading online payment solution, buy or sell items on the web in a few clicks!
+                                </p>
+                        </div>
+                </div>
+
+                <div class="pure-u-1 pure-u-lg-1-2">
+                        <div class="l-box">
+                                <h3 class="information-head">Send money to friends</h3>
+                                <p>
+                                        Sending money to your friends or your family has never been easier.
+                                </p>
+                        </div>
+                </div>
+
+                <div class="pure-u-1 pure-u-lg-1-2">
+                        <div class="l-box">
+                                <h3 class="information-head">24/7 customer support</h3>
+                                <p>
+                                        Any question? Just ask us! Our support team is committed to help you.
+                                </p>
+                        </div>
+                </div>
+
+                <div class="pure-u-1 pure-u-lg-1-2">
+                        <div class="l-box">
+                                <h3 class="information-head">Secure transactions</h3>
+                                <p>
+                                        With @fragments.pepalLogo(), you are not required to give any personal information to any buyer or seller.
+                                </p>
+                        </div>
+                </div>
+        </div>
+
+}