From 11de47eaf97428ac1958dffe99848ace639e9136 Mon Sep 17 00:00:00 2001
From: Marcel Schwarz <marcel@icaotix.de>
Date: Wed, 20 Jun 2018 16:12:24 +0200
Subject: [PATCH] added main content

---
 index.php             | 74 ++++++++++++++++++++++++-------------------
 segments/_footer.html | 10 ++++--
 segments/_home.php    | 49 +++++++++++++++++++++++++++-
 3 files changed, 96 insertions(+), 37 deletions(-)

diff --git a/index.php b/index.php
index 13390e7..f927ddd 100644
--- a/index.php
+++ b/index.php
@@ -16,6 +16,18 @@
     <!-- ccs stylesheet for Particles.js -->
     <link rel="stylesheet" media="screen" href="css/style.css">
 
+    <style type="text/css">
+      .footer {
+        position: absolute;
+        bottom: 0;
+        width: 100%;
+        /* Set the fixed height of the footer here */
+        height: 60px;
+        line-height: 60px; /* Vertically center the text there */
+        background-color: #f5f5f5;
+      }
+    </style>
+
     <script>
       var PHPSESSIONUSER = '<?php echo $_SESSION['user']; ?>';
       console.log(PHPSESSIONUSER);
@@ -46,44 +58,40 @@
     <?php #include('segments/_indexTestLoginVals.php'); ?><!-- For forms testing -->
 
     <!-- Welche seite soll geladen werden-->
-    <?php
-      $page = '_404.html';
-      $p = '';
-      if(isset($_GET['page'])){$p = $_GET['page'];}
+    <main role="main">
+      <?php
+        $page = '_404.html';
+        $p = '';
+        if(isset($_GET['page'])){$p = $_GET['page'];}
 
-      if($p == '' || $p == 'home'){
-        $page = '_home.php';
-      }
-
-      if($p == 'newEntry'){
-        $page = '_entryForm.php';
-      }
-
-      if($p == 'myFriendsBook'){
-        $page = '_myFriendsBook.php';
-      }
-
-      if($p == 'login'){
-        if(isset($_SESSION['user'])){
-          header('Location: index.php');
-        } else {
-          $page = '_login.php';
+        if($p == '' || $p == 'home'){
+          $page = '_home.php';
         }
-      }
 
-      if($p == 'register'){
-        $page = '_register.php';
-      }
+        if($p == 'newEntry'){
+          $page = '_entryForm.php';
+        }
 
-      require('segments/'.$page);
+        if($p == 'myFriendsBook'){
+          $page = '_myFriendsBook.php';
+        }
 
-    ?>
-    <div id="footer">
-        <div id="content">
-          
-          <br>
-        </div>
-    </div>
+        if($p == 'login'){
+          if(isset($_SESSION['user'])){
+            header('Location: index.php');
+          } else {
+            $page = '_login.php';
+          }
+        }
+
+        if($p == 'register'){
+          $page = '_register.php';
+        }
+
+        require('segments/'.$page);
+
+      ?>
+    </main>
     <!-- Include the footer-->
     <?php include('segments/_footer.html'); ?>
 
diff --git a/segments/_footer.html b/segments/_footer.html
index 29513f5..649233f 100644
--- a/segments/_footer.html
+++ b/segments/_footer.html
@@ -1,4 +1,8 @@
-<footer id="footer" class="footer">
-    <h1>This is our Footer it foots you :D</h1>
-    <p>This is a paragraph... ya don´t say</p>
+<footer class="text-muted">
+  <div class="container">
+    <p class="float-right">
+      <a href="#">Back to top</a>
+    </p>
+    <p>Erstellt in Handarbeit von Simon Kellner, Marcel Schwarz, Tobias Wieck und Tim Zieger</p>
+  </div>
 </footer>
diff --git a/segments/_home.php b/segments/_home.php
index 4ee8c1d..b2e63b5 100644
--- a/segments/_home.php
+++ b/segments/_home.php
@@ -1 +1,48 @@
-<h1>HOME SPACER</h1>
+<!-- PRICING -->
+<div class="alert pricing-header px-3 py-3 pt-md-5 pb-md-4 mx-auto text-center text-light">
+  <h1 class="display-4">Pricing</h1>
+  <p class="lead">Get more out of your FriendsBook account</p>
+</div>
+<div class="card-deck mb-3 text-center">
+  <div class="card mb-4 box-shadow">
+    <div class="card-header">
+      <h4 class="my-0 font-weight-normal">Free</h4>
+    </div>
+    <div class="card-body">
+      <h1 class="card-title pricing-card-title">0 € <small class="text-muted">/ mo</small></h1>
+      <ul class="list-unstyled mt-3 mb-4">
+        <li>Storage for 20 entries</li>
+        <li>Email support</li>
+        <li>Help center access</li>
+      </ul>
+    </div>
+  </div>
+  <div class="card mb-4 box-shadow">
+    <div class="card-header">
+      <h4 class="my-0 font-weight-normal">Plus</h4>
+    </div>
+    <div class="card-body">
+      <h1 class="card-title pricing-card-title">15 € <small class="text-muted">/ mo</small></h1>
+      <ul class="list-unstyled mt-3 mb-4">
+        <li>Storage for 100 entries</li>
+        <li>Multiple Friendbooks</li>
+        <li>Priority email support</li>
+        <li>Help center access</li>
+      </ul>
+    </div>
+  </div>
+  <div class="card mb-4 box-shadow">
+    <div class="card-header">
+      <h4 class="my-0 font-weight-normal">Pro</h4>
+    </div>
+    <div class="card-body">
+      <h1 class="card-title pricing-card-title">29 € <small class="text-muted">/ mo</small></h1>
+      <ul class="list-unstyled mt-3 mb-4">
+        <li>Storage for 1000 entries</li>
+        <li>Multiple Friendbooks</li>
+        <li>Phone and email support</li>
+        <li>Help center access</li>
+      </ul>
+    </div>
+  </div>
+</div>