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

Envio do Banner

Browse source
This commit is contained in:
Alex Pedro da Silva Junior 2024-03-24 20:49:55 -03:00
parent 0f4772fb5e
commit 2be4acff1c
3 changed files with 65 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
css/estiloSite.css
View file

@ -27,19 +27,34 @@ body{
background-color: transparent !important; background-color: transparent !important;
} }
/*NAVBAR FIM*/
.navegacaoMenu { .navegacaoMenu {
align-items: center; align-items: center;
margin-bottom: 0; margin-bottom: 0;
} }
/*NAVBAR FIM*/
/*Cabeçalho INICIO */
header{ header{
background-color: #141414;
padding-bottom: 1px; padding-bottom: 1px;
} }
h4{ h4{
color: white;
margin-top: auto; margin-top: auto;
padding-top: 11px; padding-top: 11px;
text-align: center text-align: center
} }
/*Cabeçalho FIM*/
/*Banner Site INICIO*/
.img-thumbnail{
border: 0 solid #000000;
border-radius: 0;
padding: 0;
margin: 0;
}
/*Banner Site FIM*/

BIN
img/banner.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 620 KiB

84
site.php
View file

@ -1,33 +1,38 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="pt-br"> <html lang="pt-br">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/estiloSite.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"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>InovaByte Site</title> <title>InovaByte Site</title>
</head> </head>
<body> <body>
<nav class="navbar navbar-static-top navegacaoMenu bg-primary d-flex flex-column align-items: center"><!--INICIO FIM navbar navbar-static-top--> <nav class="navbar navbar-static-top navegacaoMenu bg-primary d-flex flex-column align-items: center">
<div class="container"> <!--INICIO FIM navbar navbar-static-top-->
<div class="navbar-header"> <div class="container">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar"> <div class="navbar-header">
<span class="sr-only">Toggle navigation</span> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
<span class="icon-bar"></span> <span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</button> <span class="icon-bar"></span>
<!--<a id="tituloSistema" class="navbar-brand navColorWhite " href="#"><i class="fa fa-gg-circle" aria-hidden="true"></i> Sistema Alex</a>--> </button>
<a href="#"><img src="img/img1-removebg-preview" alt="Minha Logo" height="55" width="60"></a> <!--<a id="tituloSistema" class="navbar-brand navColorWhite " href="#"><i class="fa fa-gg-circle" aria-hidden="true"></i> Sistema Alex</a>-->
</div> <a href="#"><img src="img/img1-removebg-preview" alt="Minha Logo" height="55" width="60"></a>
<div id="navbar" class="navbar-collapse collapse"> </div>
<ul class="nav navbar-nav "> <div id="navbar" class="navbar-collapse collapse">
<li class="active barraNavegacao"><a href="#home"><i class="fa fa-home" aria-hidden="true"></i> Inicio</a></li> <ul class="nav navbar-nav ">
<li class="barraNavegacao"><a href="#novidades"><i class="fa fa-star" aria-hidden="true"></i> Novidades</a></li> <li class="active barraNavegacao"><a href="#home"><i class="fa fa-home" aria-hidden="true"></i> Inicio</a>
<li class="dropdown barraNavegacao"> </li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-product-hunt" aria-hidden="true"></i> Categorias <li class="barraNavegacao"><a href="#novidades"><i class="fa fa-star" aria-hidden="true"></i> Novidades</a>
<span class="caret"></span></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"> <ul class="dropdown-menu">
<li class="dropdown-header">Setup</li> <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="#desktop"><i class="fa fa-desktop" aria-hidden="true"></i> Desktop</a></li>
@ -39,21 +44,26 @@
<li><a href="#video-games"><i class="fa fa-gamepad" aria-hidden="true"></i> Vídeo Games</a></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> <li><a href="#tvs"><i class="fa fa-television" aria-hidden="true"></i> TVs</a></li>
</ul> </ul>
</li> </li>
<li class="barraNavegacao"><a href="#usuarios"><i class="fa fa-user-o" aria-hidden="true"></i> Entrar em contato</a></li> <li class="barraNavegacao"><a href="#usuarios"><i class="fa fa-user-o" aria-hidden="true"></i> Entrar em
</ul> contato</a></li>
<ul class="nav navbar-nav barraNavegacao navbar-right"> </ul>
<li><a href="#pesquisar"><i class="fa fa-search" aria-hidden="true"></i></a></li> <ul class="nav navbar-nav barraNavegacao navbar-right">
<li><a href="#carrinho"><i class="fa fa-shopping-bag" aria-hidden="true"></i></a></li> <li><a href="#pesquisar"><i class="fa fa-search" aria-hidden="true"></i></a></li>
<li><a href="#login"><i class="fa fa-sign-in" aria-hidden="true"></i> Login!</a></li> <li><a href="#carrinho"><i class="fa fa-shopping-bag" aria-hidden="true"></i></a></li>
</ul> <li><a href="#login"><i class="fa fa-sign-in" aria-hidden="true"></i> Login!</a></li>
</ul>
</div>
</div> </div>
</div> </nav> <!--CABEÇALHO FIM navbar navbar-static-top-->
</nav> <!--CABEÇALHO FIM navbar navbar-static-top--> <header>
<header>
<h4>Seja Bem vindo</h4> <h4>Seja Bem vindo</h4>
</header> </header>
<section>
<img src="img/banner.png" class="img-fluid img-thumbnail img-lg bannerSite" alt="Responsive image">
</section>
</body> </body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script> <script src="js/bootstrap.min.js"></script>
</html> </html>