Untitled

<?php
include "conexao.php";
session_start();
?>

<!DOCTYPE html>
<html>

<head>

    <title>BudAjuda</title>
    <meta charset="utf-8">

    <link rel="shortcut icon" href="img/buda.png" type="image/x-icon">

    <!--Import Google Icon Font-->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <!--Import materialize.css-->
    <link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection" />
    <link rel="stylesheet" href="css/custom.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt"
        crossorigin="anonymous">

    <!--Let browser know website is optimized for mobile-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>

<body>

    <header>
        <nav class="transparent z-depth-0">
            <div class="container">
                <div class="nav-wrapper">
                    <a href="index.php" class="brand-logo">
                        BudAjuda
                    </a>
                    <ul id="nav-mobile" class="right hide-on-med-and-down">
                        <li>
                            <a href="index.php">Home</a>
                        </li>
                        <li>
                            <a href="#!">Alunos</a>
                        </li>
                        <li>
                            <a href="#!">Tops</a>
                        </li>
                    </ul>
                </div>
                <div class="row"></div>
                <div class="row"></div>
                <div class="row"></div>
                <div class="left">
                    <blockquote>
                        <h3>
                            Uma forma simples e rápida de compartilhar conhecimento.
                        </h3>
                    </blockquote>
                </div>
            </div>
        </nav>
        <div style="clear: both"></div>
        <ul id="slide-out" class="sidenav">
            <li>
<?php
    if (isset($_SESSION['usuario'])):
        $usuario = $_SESSION['usuario'];
        $stmt = $conn->query("SELECT * FROM Usuarios WHERE Usuario = '$usuario'");
        $rs = $stmt->fetch(PDO::FETCH_ASSOC);
?>
                <div class="user-view">
                    <div class="background">
                        <img src="img/banner-user.jpg">
                    </div>
                    <div class="right" id="options">
                        <a href="logout.php" class="right">
                            <i class="material-icons toolExit white-text" data-position="bottom" data-tooltip="Sair">exit_to_app</i>
                        </a>
                        <a href="core/conta.php?<?=$rs['ID']?>" class="right">
                            <i class="material-icons toolConta white-text" data-position="bottom" data-tooltip="Configurações da Conta">settings_applications</i>
                        </a>
                        <a href="core/post.php?<?=$rs['ID']?>" class="right">
                            <i class="material-icons toolPost white-text" data-position="bottom" data-tooltip="Postar">code</i>
                        </a>
                    </div>
                    <a href="#user">
                        <img class="circle" src="img/perfil.png">
                    </a>
                    <a href="#name">
                        <span class="white-text name"><?=$rs['Nome']?> <?=$rs['Sobrenome']?></span>
                    </a>
                    <a href="#email">
                        <span class="white-text email"><?=$rs['Email']?></span>
                    </a>
                </div>
<?php else: ?>
                <a href="autenticar.php?t=1" class="waves-effect">
                    <i class="material-icons">input</i>Logar-se
                </a>
            </li>
            <li>
                <a href="autenticar.php?t=2" class="waves-effect">
                    <i class="material-icons">assignment_ind</i>Cadastrar-se
                </a>
            </li>
<?php endif ?>
            <li>
                <a class="subheader">Tópicos principais</a>
            </li>
            <li>
                <div class="divider"></div>
            </li>
            <li>
                <a href="#!" class="waves-effect">
                    <i class="material-icons">people</i>Alunos
                </a>
            </li>
            <li>
                <!-- Dropdown Trigger -->
                <a class='dropdown-trigger' href='#' data-target='dropdown1'>
                    <i class="material-icons">school</i>Matérias
                </a>
                <!-- Dropdown Structure -->
                <ul id='dropdown1' class='dropdown-content'>
                    <li>
                        <a class="waves-effect" href="#!">
                            <i class="fas fa-dna fa-lg icon" style="font-size: 20px"></i>Biologia
                        </a>
                    </li>
                    <li>
                        <a class="waves-effect" href="#!">
                            <i class="fas fa-walking fa-lg icon" style="font-size: 25px"></i>Educação Física
                        </a>
                    </li>
                    <li>
                        <a class="waves-effect" href="#!">
                            <span class="icon">&phi;</span> Filosofia
                        </a>
                    </li>
                    <li>
                        <a class="waves-effect" href="#!">
                            <i class="fas fa-bolt" style="font-size: 20px"></i>Física
                        </a>
                    </li>
                    <li>
                        <a class="waves-effect" href="#!">
                            <i class="fas fa-map-marked-alt" style="font-size: 18px"></i>Geografia
                        </a>
                    </li>
                    <li>
                        <a class="waves-effect" href="#!">
                            <i class="fas fa-ruler-combined" style="font-size: 18px"></i>Geometria
                        </a>
                    </li>
                    <li>
                        <a class="waves-effect" href="#!">
                            <i class="fas fa-history" style="font-size: 18px"></i>História
                        </a>
                    </li>
                    <li>
                        <a class="waves-effect" href="#!">
                            <i class="fas fa-comments" style="font-size: 18px"></i>Inglês
                        </a>
                    </li>
                    <li>
                        <a class="waves-effect" href="#!">
                            <i class="fas fa-book" style="font-size: 18px"></i>Literatura
                        </a>
                    </li>
                    <li>
                        <a class="waves-effect" href="#!">
                            <i class="fa fa-lg fa-calculator" style="font-size: 18px"></i>Matemática
                        </a>
                    </li>
                    <li>
                        <a class="waves-effect" href="#!">
                            <i class="fas fa-edit" style="font-size: 18px"></i>Português
                        </a>
                    </li>
                    <li>
                        <a class="waves-effect" href="#!">
                            <i class="fas fa-flask" style="font-size: 18px"></i> Química
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
        <div class="container">
            <a href="#" data-target="slide-out" class="sidenav-trigger white-text">
                <i class="material-icons hoverable" style="font-size: 2rem">menu</i>
            </a>
        </div>
    </header>
    <main>
        <div class="row container">
            <div class="col s12 m4">
                <div class="icon-block">
                    <h2 class="center">
                        <i class="fas fa-users"></i>
                    </h2>
                </div>
                <h5 class="center">Feito por todos, para todos</h5>
                <p class="light">
                    Nosso objetivo é desenvolver uma plataforma de estudo onde alunos, professores e interessados possam postar e acessar todo
                    o conteúdo de forma gratuita e acessível.
                </p>
            </div>
            <div class="col s12 m4">
                <div class="icon-block">
                    <h2 class="center">
                        <i class="fas fa-user-graduate"></i>
                    </h2>
                </div>
                <h5 class="center">Alcançar seus objetivos</h5>
                <p class="light">
                    Seja uma simples prova ou algo maior, os monges estão sempre prontos pra te ajudar, fazendo postagens de determinados assuntos,
                    postando resumos, dicas de estudo e muito mais.
                </p>
            </div>
            <div class="col s12 m4">
                <div class="icon-block">
                    <h2 class="center">
                        <i class="fas fa-cogs"></i>
                    </h2>
                </div>
                <h5 class="center">Sistema remodelado</h5>
                <p class="light">
                    O sistema foi totalmente construido novamente, com o objetivo de facilitar o uso por parte de usuários leigos e melhorar
                    o sistema posts que anteriormente era um quebra-cabeça impossível.
                </p>
            </div>
        </div>
        <div class="parallax-container">
            <div class="parallax">
                <img src="img/buda-parallax.jpg">
            </div>
        </div>
        <div class="container row">
            <div class="col s12">
                <h3>Seja um monge:</h3>
                <p class="light">
                    Se deseja ajudar postando conteúdo, faça sua incrição a baixo e começe a postar.
                </p>
            </div>
            <div class="col s12">
                <form action="">
                    <div class="input-field col s12">
                        <input id="email" type="email" class="validate" required>
                        <label for="email">Email</label>
                    </div>
                    <button class="btn waves-effect waves-light green lighten-2" type="submit" name="action">Enviar
                        <i class="material-icons right">send</i>
                    </button>
                </form>
            </div>
        </div>
    </main>
    <footer class="page-footer green darken-1">
        <div class="container">
            <div class="row">
                <div class="col l6 s12">
                    <h5 class="white-text">BudAjuda</h5>
                    <p class="grey-text text-lighten-4">
                        Uma plataforma feita por todos, para todos.
                    </p>
                </div>
                <div class="col l4 offset-l2 s12">
                    <h5 class="white-text">Links</h5>
                    <ul>
                        <li>
                            <a class="grey-text text-lighten-3" href="https://www.facebook.com/profile.php?id=100023175381960" target="_blank">Facebook (Desenvolvedor)</a>
                        </li>
                        <li>
                            <a class="grey-text text-lighten-3" href="https://chat.whatsapp.com/1AzuhArj7VYLsRAtziYw6a" target="_blank">WhatsApp (BudAjuda)</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="footer-copyright">
            <div class="container">
                © 2018 Copyright João Victor
            </div>
        </div>
    </footer>

    <!-- JQuery -->
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <!--JavaScript at end of body for optimized loading-->
    <script type="text/javascript" src="js/materialize.min.js"></script>

    <script>
        $(document).ready(function () {
            $('.sidenav').sidenav();
            $('.dropdown-trigger').dropdown();
            $('.parallax').parallax();
            $('.toolExit').tooltip();
            $('.toolConta').tooltip();
            $('.toolPost').tooltip();
        });
    </script>
</body>

</html>