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;
}
/*NAVBAR FIM*/
.navegacaoMenu {
align-items: center;
margin-bottom: 0;
}
/*NAVBAR FIM*/
/*Cabeçalho INICIO */
header{
background-color: #141414;
padding-bottom: 1px;
}
h4{
color: white;
margin-top: auto;
padding-top: 11px;
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>
<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>
<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 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">
<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>
<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">
<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>
@ -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="#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>
</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>
</div>
</nav> <!--CABEÇALHO FIM navbar navbar-static-top-->
<header>
</nav> <!--CABEÇALHO FIM navbar navbar-static-top-->
<header>
<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>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</html>