Tenho uma capa no meu front que estava funcionando corretamente ao ligar o computador testei no mozilla e chorome e apareceu o erro Erro Failed to load .
Failed to load resource: the server responded with a status of 404 (Not Found) logo.png Failed to load resource: the server responded with a status of 404 (Not Found)
As outras imagens funcionam corretamente estava funcionando normal anteriromenrte como corrigir?
estilo.css
/* ========================= layout ======================== */
html, body, .capa {
height: 100%;
overflow: auto;
}
body {
background: url('/SiteJP/imagens/capa.png'),
url('/SiteJP/imagens/ruido.png'),
linear-gradient(50deg,white,white);
background-attachment: fixed;
font-family: Helvetica,Arial,sans-serif;
overflow-x: hidden;
}
/* -- Barra de navegação -- */
.img-logo {
background: url('/SiteJP/imagens/logo.png') no-repeat;
background-size: contain;
color: transparent;
position: absolute;
display: inline-block;
}
nav.navbar-transparente {
padding: 10px 0px;
background: rgba(0, 0, 0, 0.2);
border: none;
}
.navbar-brand{
padding: 5px 15px;
}
.navbar-inverse .navbar-nav>li>a, footer .nav a {
color: white;
}
.navbar-inverse .navbar-nav>li>a:hover, footer .nav a:hover {
color: #8B0000;
background: none;
}
/* -- Imagem de capa -- */
.capa {
display: table;
width: 100%;
}
.texto-capa {
text-align: center;
color: white;
display: table-cell;
vertical-align: middle;
}
/* -- Botoes -- */
.btn-custom {
color: white;
border-radius: 500px;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
text-transform: uppercase;
transition: background 0.4s, color 0.4s;
}
.btn-vermelho {
background: #8B0000;
}
.btn-vermelho:hover {
background-color: #B22222;
color: white;
}
/* -- secao servico -- */
#servicos {
background: white;
padding-top: 20px;
padding-bottom: 20px;
}
.albuns{
padding: 10px 0px 10px 0px;
}
/* -- recursos -- */
#recursos {
padding-top: 20px;
padding-bottom: 20px;
color: white;
}
.rotacionar{
transform: rotate(30deg);
-ms-transform: rotate(30deg); /* IE 9 */
-webkit-transform: rotate(30deg); /* Chrome, Safari, Opera */
padding-left: 80px;
}
/* -- rodape -- */
footer {
background: #000;
padding: 40px 0px 20px 0px;
position: relative;
}
.item-rede-social{
float: right;
}
/* ========================= Tipografia ======================== */
h1 {
font-weight: 900;
letter-spacing: -0.05em;
margin-bottom: 50px;
}
/* Media queries */
/* xs < 768 */
@media screen and (max-width: 767px) {
h1 {
font-size: 50px;
}
.btn-custom {
margin: 10px 15px;
}
}
/* sm */
@media screen and (min-width: 768px) {
h1 {
font-size: 70px;
}
}
/* md */
@media screen and (min-width: 992px) {
h1 {
font-size: 80px;
}
}
/* lg */
@media screen and (min-width: 1200px) {
h1 {
font-size: 100px;
}
}
/* Fim Media queries */
h2{
font-size: 50px;
font-weight: 700;
letter-spacing: -0.04em;
}
h3{
font-size: 35px;
font-weight: 700;
letter-spacing: -0.04em;
}
#rodape h4 {
color: #8B0000;
font-size: 12px;
text-transform: uppercase;
}
#servicos h2, #servicos h3 {
color:#B22222;
}
#recursos h3 {
color:#B22222;
}
/* Cardápio */
.gallery-title
{
font-size: 36px;
color: #8B0000;
text-align: center;
font-weight: 500;
margin-bottom: 70px;
}
.gallery-title:after {
content: "";
position: absolute;
width: 7.5%;
left: 46.5%;
height: 45px;
border-bottom: 1px solid #8B0000;
}
.filter-button
{
font-size: 18px;
border: 1px solid #B22222;
border-radius: 5px;
text-align: center;
color: #B22222;
margin-bottom: 30px;
}
.filter-button:hover
{
font-size: 18px;
border: 1px solid #8B0000;
border-radius: 5px;
text-align: center;
color: #ffffff;
background-color: #8B0000;
}
.btn-default:active .filter-button:active
{
background-color: #B22222;
color: white;
}
.img-200-200 {
width: 200px; // a altura se adequa proporcionalmente
height: 200px;
}<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html" charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Joãoponeis</title>
<link rel="icon" href="imagens/favicon.ico">
<!-- Bootstrap -->
<link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/estilohome.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-fixed-top navbar-inverse navbar-transparente">
<div class="container">
<!-- header -->
<div class="navbar-header">
<!-- botao toggle -->
<button type="button" class="navbar-toggle collapsed"
data-toggle="collapse" data-target="#barra-navegacao">
<span class="sr-only">alternar navegação</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="home.php" class="navbar-brand">
<span class="img-logo"><h3>Joaoponeis</h3></span>
</a>
</div>
<!-- navbar -->
<div class="collapse navbar-collapse" id="barra-navegacao">
<ul class="nav navbar-nav navbar-right">
<li><a href=""><h4>Cadastre</h4></a></li>
<li><a href=""><h4>Login</h4></a></li>
<li><a href="index.php?op=cardapio"><h4>Cardápio</h4></a></li>
</ul>
</div>
</div><!-- /container -->
</nav><!-- /nav -->
<!-- Rodape -->
<footer id="rodape">
<div class="container">
<div class="row">
<div class="col-md-12">
<ul class="nav">
<li class="item-rede-social"><a href=""><img src="imagens/facebook.png"></a></li>
<li class="item-rede-social"><a href=""><img src="imagens/twitter.png"></a></li>
<li class="item-rede-social"><a href=""><img src="imagens/instagram.png"></a></li>
</ul>
</div>
</div>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".filter-button").click(function(){
var value = $(this).attr('data-filter');
if(value == "all")
{
//$('.filter').removeClass('hidden');
$('.filter').show('1000');
}
else
{
// $('.filter[filter-item="'+value+'"]').removeClass('hidden');
// $(".filter").not('.filter[filter-item="'+value+'"]').addClass('hidden');
$(".filter").not('.'+value).hide('3000');
$('.filter').filter('.'+value).show('3000');
}
});
if ($(".filter-button").removeClass("active")) {
$(this).removeClass("active");
}
$(this).addClass("active");
});
</script>
</body>
</html> <div class="capa">
<div class="texto-capa">
<h1>Pediu, chegou !</h1>
<a href="index.php?op=cardapio" class="btn btn-custom btn-vermelho btn-lg">Veja Nosso Cardápio</a>
</div>
</div>
<!-- Conteudos -->
<section id="servicos">
<div class="container">
<div class="row">
<!-- albuns -->
<div class="col-md-6">
<div class="row albuns">
<div class="col-md-6">
<img src="imagens/img1.jpg" class="img-responsive">
</div>
<div class="col-md-6">
<img src="imagens/img2.jpg" class="img-responsive">
</div>
</div><!-- /row -->
<div class="row albuns">
<div class="col-md-6">
<img src="imagens/img3.jpg" class="img-responsive">
</div>
<div class="col-md-6">
<img src="imagens/img4.jpg" class="img-responsive">
</div>
</div><!-- /row -->
</div>
<!-- servicos -->
<div class="col-md-6">
<h2>Como pedir?</h2>
<h3>Crie uma conta</h3>
<p>Crie uma conta nosso ddelivery online para ter acesso exclusivos de nossos produtos.</p>
<h3>Acesse</h3>
<p>Efetue login e conhe�a nossos card�pios di�rios.</p>
<h3>Pe�a seu produto</h3>
<p>Escolha o produto que deseja e coloque no seu carrinho de compras.</p>
<h3>Receba em casa</h3>
<p>Aguarde a aprova��o do seu pedido e receba na sua casa com rapidez.</p>
</div>
</div>
</div>
</section>
<section id="recursos">
<div class="container">
<div class="row">
<!-- recursos -->
<div class="col-md-4">
<h3>Veja nosso card�pio</h3>
<p>Fa�a sua conta e conhe�a nosso card�pio completo atualizado diariamente.</p>
<h3>Coloque no carrinho</h3>
<p>J� escolheu o que quer pedir hoje? Jogue no carrinho e conclua o pedido.</p>
<h3>Rapidez na entrega</h3>
<p> Aguarde seu produto chegar em sua casa e desfrute do sabor com nossos ingredientes de qualidade.</p>
</div>
<!-- img recursos -->
<div class="col-md-8">
<div class="row rotacionar">
<div class="col-md-6">
<img src="imagens/iphone1.png" class="img-responsive">
</div>
<div class="col-md-6">
<img src="imagens/iphone2.png" class="img-responsive">
</div>
</div><!-- /row -->
</div>
</div>
</div>
</section>
</div><!-- /row -->