First website mockup

3 files changed, 97 insertions, 0 deletions

diff --git a/app/views/pages/ebeHomepage.scala.html b/app/views/pages/ebeHomepage.scala.html
new file mode 100644
index 0000000..bf11462
--- /dev/null
+++ b/app/views/pages/ebeHomepage.scala.html
@@ -0,0 +1,47 @@
+@templates.ebe("eBé") {
+
+        <div class="action-buttons pure-g">
+        @fragments.ebeMainActions()
+        </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.ebeLogo(), the leading online auction platform, buy or sell items 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">Buy and sell with confidence</h3>
+                                <p>
+                                        @fragments.ebeLogo() guarantees all transactions for both buyers and sellers.
+                                </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.ebeLogo(), you are not required to give any personal information to any buyer or seller.
+                                </p>
+                        </div>
+                </div>
+        </div>
+
+}
diff --git a/app/views/pages/index.scala.html b/app/views/pages/index.scala.html
new file mode 100644
index 0000000..b6e0029
--- /dev/null
+++ b/app/views/pages/index.scala.html
@@ -0,0 +1,3 @@
+@(message: String)
+
+@message
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>
+
+}