First website mockup

1 files changed, 47 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>
+
+}