Envio dos ajustes de espaco entre nav e header e a criacao do header

This commit is contained in:
Alex Pedro 2024-03-21 22:44:26 -03:00
parent 661c3e5c2c
commit 0f4772fb5e
3 changed files with 25 additions and 2 deletions

View File

@ -1,3 +1,4 @@
.barraNavegacao a {
color: white;
}

View File

@ -1,7 +1,9 @@
body{
background-color: rgb(225,225,225);
}
/*NAVBAR INICIO*/
.barraNavegacao a, .barraNavegacao > li > a {
color: white;
}
@ -23,4 +25,21 @@ body{
.navbar-nav > li > a:focus {
background-color: transparent !important;
}
/*NAVBAR FIM*/
.navegacaoMenu {
align-items: center;
margin-bottom: 0;
}
header{
padding-bottom: 1px;
}
h4{
margin-top: auto;
padding-top: 11px;
text-align: center
}

View File

@ -9,7 +9,7 @@
<title>InovaByte Site</title>
</head>
<body>
<nav class="navbar bg-dark bg-primary navbar-static-top"><!--INICIO FIM navbar navbar-static-top-->
<nav class="navbar navbar-static-top navegacaoMenu bg-primary d-flex flex-column align-items: center"><!--INICIO FIM navbar navbar-static-top-->
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
@ -50,6 +50,9 @@
</div>
</div>
</nav> <!--CABEÇALHO FIM navbar navbar-static-top-->
<header>
<h4>Seja Bem vindo</h4>
</header>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>