RobertoBarros/index.html

## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>--- TODO ---</title>

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="./css/style.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- Leave those next 4 lines if you care about users using IE8 -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>


    <nav class='navbar navbar-default navbar-my-color navbar-static-top'>
      <div class="container-fluid">

        <div class='navbar-header'>
          <button class="navbar-toggle collapsed" data-toggle="collapse" data-target='#full-navbar'>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a href="#" class="navbar-brand">Air B&B</a>
        </div>


        <div class="collapse navbar-collapse" id='full-navbar'>
          <ul class="nav navbar-nav">
            <li><a href="#">Propriedades</a></li>
            <li class="active"><a href="#">Cidades</a></li>
            <li><a href="#">Sobre</a></li>
          </ul>
          <form class="navbar-form navbar-left hidden-xs ">
            <div class="form-group">
              <input type="text" name="" placeholder="Encontre uma propriedade" class="form-control">
            </div>
            <button class="btn btn-primary">Buscar</button>
          </form>


          <ul class="nav navbar-nav navbar-right hidden-xs hidden-sm">
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" >Logado como Roberto <span class="caret"></span></a>
              <ul class="dropdown-menu">
                <li><a href="#">Perfil</a></li>
                <li><a href="#">Atividades</a></li>
                <li class="divider"></li>
                <li><a href="#">Sair</a></li>
              </ul>
            </li>
          </ul>


        </div> <!-- close .navbar-colapse -->
      </div> <!-- close .container -->
    </nav>


    <div class="container-fluid">
  <p>
    Mussum Ipsum, cacilds vidis litro abertis. Nec orci ornare consequat. Praesent lacinia ultrices consectetur. Sed non ipsum felis. Em pé sem cair, deitado sem dormir, sentado sem cochilar e fazendo pose. Mauris nec dolor in eros commodo tempor. Aenean aliquam molestie leo, vitae iaculis nisl. Mé faiz elementum girarzis, nisi eros vermeio.

Ta deprimidis, eu conheço uma cachacis que pode alegrar sua vidis.” Quem num gosti di mum que vai caçá sua turmis! Diuretics paradis num copo é motivis de denguis. Leite de capivaris, leite de mula manquis.
  </p>
    </div>


    <!-- Including Bootstrap JS (with its jQuery dependency) so that dynamic components work -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
  </body>
</html>

## style.css
body {
	/*padding-top: 70px;*/
}

.navbar.navbar-default.navbar-my-color{
	background-color: pink;
	border-color: green;
}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<title>--- TODO ---</title>

	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="./css/style.css">

	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!-- Leave those next 4 lines if you care about users using IE8 -->
	<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->
	</head>
	<body>


	<nav class='navbar navbar-default navbar-my-color navbar-static-top'>
	<div class="container-fluid">

	<div class='navbar-header'>
	<button class="navbar-toggle collapsed" data-toggle="collapse" data-target='#full-navbar'>
	<span class="icon-bar"></span>
	<span class="icon-bar"></span>
	<span class="icon-bar"></span>
	</button>
	<a href="#" class="navbar-brand">Air B&B</a>
	</div>


	<div class="collapse navbar-collapse" id='full-navbar'>
	<ul class="nav navbar-nav">
	<li><a href="#">Propriedades</a></li>
	<li class="active"><a href="#">Cidades</a></li>
	<li><a href="#">Sobre</a></li>
	</ul>
	<form class="navbar-form navbar-left hidden-xs ">
	<div class="form-group">
	<input type="text" name="" placeholder="Encontre uma propriedade" class="form-control">
	</div>
	<button class="btn btn-primary">Buscar</button>
	</form>


	<ul class="nav navbar-nav navbar-right hidden-xs hidden-sm">
	<li class="dropdown">
	<a href="#" class="dropdown-toggle" data-toggle="dropdown" >Logado como Roberto <span class="caret"></span></a>
	<ul class="dropdown-menu">
	<li><a href="#">Perfil</a></li>
	<li><a href="#">Atividades</a></li>
	<li class="divider"></li>
	<li><a href="#">Sair</a></li>
	</ul>
	</li>
	</ul>


	</div> <!-- close .navbar-colapse -->
	</div> <!-- close .container -->
	</nav>




	<div class="container-fluid">
	<p>
	Mussum Ipsum, cacilds vidis litro abertis. Nec orci ornare consequat. Praesent lacinia ultrices consectetur. Sed non ipsum felis. Em pé sem cair, deitado sem dormir, sentado sem cochilar e fazendo pose. Mauris nec dolor in eros commodo tempor. Aenean aliquam molestie leo, vitae iaculis nisl. Mé faiz elementum girarzis, nisi eros vermeio.

	Ta deprimidis, eu conheço uma cachacis que pode alegrar sua vidis.” Quem num gosti di mum que vai caçá sua turmis! Diuretics paradis num copo é motivis de denguis. Leite de capivaris, leite de mula manquis.
	</p>
	</div>


	<!-- Including Bootstrap JS (with its jQuery dependency) so that dynamic components work -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
	</body>
	</html>
	body {
	/padding-top: 70px;/
	}

	.navbar.navbar-default.navbar-my-color{
	background-color: pink;
	border-color: green;
	}