Alex_Pedro
/
E-Commerce-1
0
0
Fork 0
Code Issues Pull Requests Packages Projects 1 Releases Wiki Activity

Primeiro Commit NavBar E-Commerce

This commit is contained in:
Alex Pedro 2024-03-18 22:24:07 -03:00
commit 661c3e5c2c
7 changed files with 184 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
css/bootstrap.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

26
css/estilo.css Normal file
View File

@ -0,0 +1,26 @@
.barraNavegacao a {
color: white;
}
.navColorWhite {
color: white;
}
.navbar-toggle{
background-color: aliceblue;
border: 5px solid rgb(40, 86, 179);
}
.navbar-nav > li > a:hover {
color: white;
background-color: transparent !important;
text-decoration: underline;
border-bottom: 5px solid #00205f;
text-decoration: none;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
transition: all 0.2s ease-in-out;
}
.navbar-nav > li > a:focus {
background-color: transparent !important;
}

26
css/estiloSite.css Normal file
View File

@ -0,0 +1,26 @@
body{
background-color: rgb(225,225,225);
}
.barraNavegacao a, .barraNavegacao > li > a {
color: white;
}
.navbar-toggle{
background-color: aliceblue;
border: 5px solid rgb(40, 86, 179);
}
.navbar-nav > li > a:hover{
color: white;
background-color: transparent !important;
text-decoration: underline;
border-bottom: 5px solid #00205f;
text-decoration: none;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
transition: all 0.2s ease-in-out;
}
.navbar-nav > li > a:focus {
background-color: transparent !important;
}

BIN
img/img1-removebg-preview.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

63
index.php Normal file
View File

@ -0,0 +1,63 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Painel ADM - InovaByte</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/estilo.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body {
background-image: url('img.png');
/*background-position: center;
background-size: cover;
background-repeat: no-repeat; */
}
</style>
</head>
<body>
<nav class="navbar bg-dark bg-primary navbar-static-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!--<a id="tituloSistema" class="navbar-brand navColorWhite " href="#"><i class="fa fa-gg-circle" aria-hidden="true"></i> Sistema Alex</a>-->
<a href="#"><img src="img/img1-removebg-preview" alt="Minha Logo" height="55" width="60"></a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav ">
<li class="active barraNavegacao"><a href="#home"><i class="fa fa-home" aria-hidden="true"></i> Home</a></li>
<li class="dropdown barraNavegacao">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-cog" aria-hidden="true"></i>
Serviços<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#dashboard"><i class="fa fa-tachometer" aria-hidden="true"></i> Dashboard</a></li>
<li><a href="#gerencial"><i class="fa fa-product-hunt" aria-hidden="true"></i> Gerenciamento de Produtos</a></li>
<li><a href="#compras"><i class="fa fa-money" aria-hidden="true"></i> Compras</a></li>
<li><a href="#vendas"><i class="fa fa-usd" aria-hidden="true"></i> Vendas</a></li>
<li role="separator" class="divider"></li>
<li class="dropdown-header">Relatorios</li>
<li><a href="#relatoriosCompras">Relatorio de Compras e Vendas</a></li>
<li><a href="#relatorios">Relatorios de Produtos cadastrados e Estoque</a></li>
</ul>
</li>
<li class="barraNavegacao"><a href="#clientes"><i class="fa fa-male" aria-hidden="true"></i> Clientes</a></li>
<li class="barraNavegacao"><a href="#usuarios"><i class="fa fa-user-o" aria-hidden="true"></i> Usuários</a></li>
<li class="barraNavegacao"><a href="#usuarios"><i class="fa fa-user-o" aria-hidden="true"></i> Usuários</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a class = "navColorWhite" href="?sair"><i class="fa fa-sign-in" aria-hidden="true"></i> Sair!</a></li>
</ul>
</div>
</div>
</nav>
<!--<img class = 'imgBackgroud' src="img/img2.png">-->
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</html>

7
js/bootstrap.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

56
site.php Normal file
View File

@ -0,0 +1,56 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/estiloSite.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>InovaByte Site</title>
</head>
<body>
<nav class="navbar bg-dark bg-primary navbar-static-top"><!--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">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!--<a id="tituloSistema" class="navbar-brand navColorWhite " href="#"><i class="fa fa-gg-circle" aria-hidden="true"></i> Sistema Alex</a>-->
<a href="#"><img src="img/img1-removebg-preview" alt="Minha Logo" height="55" width="60"></a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav ">
<li class="active barraNavegacao"><a href="#home"><i class="fa fa-home" aria-hidden="true"></i> Inicio</a></li>
<li class="barraNavegacao"><a href="#novidades"><i class="fa fa-star" aria-hidden="true"></i> Novidades</a></li>
<li class="dropdown barraNavegacao">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-product-hunt" aria-hidden="true"></i> Categorias
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li class="dropdown-header">Setup</li>
<li><a href="#desktop"><i class="fa fa-desktop" aria-hidden="true"></i> Desktop</a></li>
<li><a href="#notbook"><i class="fa fa-laptop" aria-hidden="true"></i> Notbooks</a></li>
<li><a href="#celulares"><i class="fa fa-tablet" aria-hidden="true"></i> Celulares</a></li>
<li><a href="#informatica"><i class="fa fa-keyboard-o" aria-hidden="true"></i> Informática</a></li>
<li role="separator" class="divider"></li>
<li class="dropdown-header">Eletronicos</li>
<li><a href="#video-games"><i class="fa fa-gamepad" aria-hidden="true"></i> Vídeo Games</a></li>
<li><a href="#tvs"><i class="fa fa-television" aria-hidden="true"></i> TVs</a></li>
</ul>
</li>
<li class="barraNavegacao"><a href="#usuarios"><i class="fa fa-user-o" aria-hidden="true"></i> Entrar em contato</a></li>
</ul>
<ul class="nav navbar-nav barraNavegacao navbar-right">
<li><a href="#pesquisar"><i class="fa fa-search" aria-hidden="true"></i></a></li>
<li><a href="#carrinho"><i class="fa fa-shopping-bag" aria-hidden="true"></i></a></li>
<li><a href="#login"><i class="fa fa-sign-in" aria-hidden="true"></i> Login!</a></li>
</ul>
</div>
</div>
</nav> <!--CABEÇALHO FIM navbar navbar-static-top-->
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</html>