Skip to content

Instantly share code, notes, and snippets.

@lcloss

lcloss/estilo.css

Last active June 14, 2018 21:00
Show Gist options
  • Save lcloss/e2ef9d6a05e9e9fc51e022e560e1eb0b to your computer and use it in GitHub Desktop.
Save lcloss/e2ef9d6a05e9e9fc51e022e560e1eb0b to your computer and use it in GitHub Desktop.
Download ZIP
Curso Completo Web - Menu nav alinhado à direita
Raw
estilo.css
div.container {
padding-top: 60px;
padding-bottom: 60px;
}
.navbar-default {
background-color: rgba(250, 250, 250, 0.95);
color: #fff;
}
ul.navbar-nav li:hover {
background-color: rgb(240, 240, 240);
}
Raw
exercicio05.html
<html>
<head>
<title>Curso de Bootstrap</title>
<meta http-equiv="X-UA-Compatible" content="IE-edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="_css/estilo.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<section class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#movel-menu" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand">
Fonteneblue Café
</a>
</div>
<div class="collapse navbar-collapse pull-right" id="movel-menu">
<ul class="nav navbar-nav">
<li><a href="home.html">Home</a></li>
<li><a href="info.html">Info</a></li>
<li><a href="special-events.html">Special Events</a></li>
<li><a href="dvd.html">DVD</a></li>
<li><a href="location.htm">Location</a></li>
<li><a href="menu.html">Menu</a></li>
<li><a href="review.html">Review</a></li>
</ul>
<button type="button" class="btn btn-primary navbar-btn">Login</button>
</div>
</section>
</nav>
<!-- Digite abaixo seu codigo -->
<div class="container">
<h1>Titulo da minha pagina</h1>
<p>Lorem ipsum dolor sit amet, <span class="h3">ut sea dolores</span> elaboraret, sed idque zril accusam ne. Te homero apeirian vim, qui autem alienum qualisque eu. Eos natum referrentur eu, ad mei unum delicata scribentur. Prompta omnesque moderatius nec te, fugit sadipscing voluptatibus sed ei. Habeo comprehensam no mel, an alii timeam moderatius eum. Nec oratio tractatos in.</p>
<h2>Titulo 2</h2>
<p>Cu mea graece essent alienum, aliquam sensibus mei an. Has eligendi constituto delicatissimi at, amet epicuri est cu. Nec ridens dignissim ex, no cum atqui exerci, no quo nisl facer reformidans. Minim nostro ne nam, eam in aeque paulo. Ad vis natum alterum deserunt. Te sit nulla audiam percipitur, amet veritus habemus eos ex, ne modo nibh ocurreret pro.</p>
<h3>Titulo 3</h3>
<p>Id eam quis cibo molestie. Ad magna impedit sit. Ea vel laboramus intellegam contentiones. Impetus nonumes no sit. Dolor discere ne eos.</p>
<h4>Titulo 4</h4>
<p>Dicta tation persequeris sit ad, placerat necessitatibus duo id. Ut mel error mundi contentiones, ius magna saperet eu, ea stet semper convenire eam. Mei consul legimus at, no rebum omittam mediocritatem vis. Invenire expetendis eu usu, no est mutat utroque expetenda. Te vis saepe scribentur.</p>
<h5>Titulo 5</h5>
<p>His tamquam liberavisse ad, eu oporteat tacimates qui. Ius ei primis prompta concludaturque, ex labitur minimum est. Ius sumo congue apeirian an, pericula suscipiantur definitiones sit eu. At vix solet antiopam, ei sanctus albucius interpretaris vel.</p>
<h6>Titulo 6</h6>
<p>Laudem expetenda complectitur cum an. Pro oportere laboramus ad, eu ius dicta senserit, in facilis fuisset eos. Duo unum veniam volutpat id, diceret epicurei necessitatibus nam eu. Postea expetendis has ei, per quot eleifend praesent cu, eos ea wisi mucius splendide. Inimicus suscipiantur delicatissimi eum te.</p>
<p>Laudem expetenda complectitur cum an. Pro oportere laboramus ad, eu ius dicta senserit, in facilis fuisset eos. Duo unum veniam volutpat id, diceret epicurei necessitatibus nam eu. Postea expetendis has ei, per quot eleifend praesent cu, eos ea wisi mucius splendide. Inimicus suscipiantur delicatissimi eum te.</p>
<p>Laudem expetenda complectitur cum an. Pro oportere laboramus ad, eu ius dicta senserit, in facilis fuisset eos. Duo unum veniam volutpat id, diceret epicurei necessitatibus nam eu. Postea expetendis has ei, per quot eleifend praesent cu, eos ea wisi mucius splendide. Inimicus suscipiantur delicatissimi eum te.</p>
<p>Laudem expetenda complectitur cum an. Pro oportere laboramus ad, eu ius dicta senserit, in facilis fuisset eos. Duo unum veniam volutpat id, diceret epicurei necessitatibus nam eu. Postea expetendis has ei, per quot eleifend praesent cu, eos ea wisi mucius splendide. Inimicus suscipiantur delicatissimi eum te.</p>
</div>
<!-- Fim do seu codigo -->
<script src="../js/jquery.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="_js/script.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment