Untitled


<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/css/materialize.min.css">
        <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/js/materialize.min.js"></script>
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
    rel="stylesheet">
        <title>Conversational - Posts</title>
        <style>
            body {
				background-image: url("paper.jpg");
				background-color: #cccccc;
			}

            #navbar {
				background-color: lightblue;
				position: fixed;
				top: 0;
				left: 0;
				z-index: 999;
				width: 100%;
			}
        </style>
    </head>

    <body>
        <header id = "navbar">
            <style>
                button {
                    margin: 5px;
                }

                h3 {
                    padding: 8px;
                }
            </style>
            <h3 style="display: inline;">
                <i class="material-icons"
                    style="font-size: 40px; vertical-align: middle;">
                        forum
                </i>
                Conversational
            </h3>
            <button
                style="float:right;"
                onclick="$.post('/logout'); window.location = 'home-guest.html';"
                class="waves-effect waves-light btn red">
                    Logout
            </button>
    <p id="user-welcome" style="display: inline; float: right; padding-right: 10px;">Hello, </p>
	<div class="fixed-action-btn click-to-toggle inline horizontal">
			<a class="btn-floating btn-large red">
				<i class="large material-icons">menu</i>
			</a>
			<ul>
				<li><a class="btn-floating red" href="/"><i class="material-icons">home</i></a></li>
				<li><a class="btn-floating green" href="/posts.html"><i class="material-icons">view_headline</i></a></li>
				<li><a class="btn-floating blue"><i class="material-icons">person_pin</i></a></li>
			</ul>
		</div>
</header>
    </body>
</html>