<!DOCTYPE HTML>
<html>


<head>
	<meta charset="UTF-8" />
	<title> Craft Blog </title>
 	<link rel="stylesheet" type="text/css" href="css.css" />
	<script src="js/jquery-1.8.1.js"></script>
  	<script src="js/bootstrap.js"></script>
  	<script src="js/modernizr-2.6.1.min.js"></script>
</head>

<body>
  	<header>
  		<center><img src="img/logo.png" class="img-responsive" alt="CraftBlog" width="700" height="100"></center>
  	</header>
</div>

</body>
<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Navegação</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="http://localhost/Craftblog">CraftBlog</a>
    </div>

    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li><a href="#">Tutoriais</a></li>
        <li><a href="#">Ferramentas</a></li>
        <li><a href="#">Mods</a></li>
        <li><a href="#">Mapas</a></li>

      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#">Logar</a></li>
      </ul>
    </div>
  </div>
      <sidebar> Amor </sidebar>
</nav>
<div class="alert alert-dismissible alert-warning">
  <button type="button" class="close" data-dismiss="alert">×</button>
  <h4>Atenção</h4>
  <p>O CraftBlog está em desevolvimento, quaisquer bug avise clicando aqui e ganhe um bolinho <a href="#" class="alert-link">Quero bolinho</a>.</p>
</div>

<footer> SEU FOOTER </footer>
</html>