added main content

This commit is contained in:
Marcel Schwarz 2018-06-20 16:12:24 +02:00
parent ce8d56ead0
commit 11de47eaf9
3 changed files with 96 additions and 37 deletions

View File

@ -16,6 +16,18 @@
<!-- ccs stylesheet for Particles.js --> <!-- ccs stylesheet for Particles.js -->
<link rel="stylesheet" media="screen" href="css/style.css"> <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> <script>
var PHPSESSIONUSER = '<?php echo $_SESSION['user']; ?>'; var PHPSESSIONUSER = '<?php echo $_SESSION['user']; ?>';
console.log(PHPSESSIONUSER); console.log(PHPSESSIONUSER);
@ -46,6 +58,7 @@
<?php #include('segments/_indexTestLoginVals.php'); ?><!-- For forms testing --> <?php #include('segments/_indexTestLoginVals.php'); ?><!-- For forms testing -->
<!-- Welche seite soll geladen werden--> <!-- Welche seite soll geladen werden-->
<main role="main">
<?php <?php
$page = '_404.html'; $page = '_404.html';
$p = ''; $p = '';
@ -78,12 +91,7 @@
require('segments/'.$page); require('segments/'.$page);
?> ?>
<div id="footer"> </main>
<div id="content">
<br>
</div>
</div>
<!-- Include the footer--> <!-- Include the footer-->
<?php include('segments/_footer.html'); ?> <?php include('segments/_footer.html'); ?>

View File

@ -1,4 +1,8 @@
<footer id="footer" class="footer"> <footer class="text-muted">
<h1>This is our Footer it foots you :D</h1> <div class="container">
<p>This is a paragraph... ya don´t say</p> <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> </footer>

View File

@ -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>