preview-page.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1>
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="copyright" content="Wanmilion." />
    <meta name="author" content="Macsika, Emeka" />
    <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="index.css"/>
    <meta name="description" content="Welcome to Wanmilion">
    <title>Wanmilion | Preview-Page</title>
</head>
<body>
<nav class="navbar navbar-default">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand text-logo" href="#">Wanmilion</a>
        </div>
        <div class="collapse navbar-collapse" id="myNavbar">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">About</a>
            </ul>
        </div>
    </div>
</nav>

<p style="font-size: 45px; margin-top: 20px; font-family: Lato; font-weight: lighter;" align="center">
    Preview-Page
</p>

<table class="table table-responsive table-bordered" style="width: 700px; margin: 0 auto;">

    <tr>
        <td style="height: 400px">

        </td>
    </tr>

</table>


<footer class="footer">
    <div class="container text-center">
        <p class="text-muted">All rights reserved&nbsp;&copy; 2016 Wanmilion.</p>
    </div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>