Witam, mam problem ze zmianą zdj jako banner strony, nwm dlaczego, nie mogę znaleźć błędu.
przechodząc z pierwszejj strony do drugiej jest ten sam banner a nie powinien być
kod 2 strony
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" href="img/favicon.png" type="image/png">
<title>Morze</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="vendors/linericon/style.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="vendors/owl-carousel/owl.carousel.min.css">
<link rel="stylesheet" href="vendors/nice-select/css/nice-select.css">
<!-- main css -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--================ Start Header Menu Area =================-->
<header class="header_area">
<div class="main_menu">
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse offset" id="navbarSupportedContent">
<ul class="nav navbar-nav menu_nav ml-auto">
<li class="nav-item"><a class="nav-link" href="index.html">Aktualności</a></li>
<li class="nav-item "><a class="nav-link" href="packages.html">Góry</a></li>
<li class="nav-item submenu dropdown active">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Morze</a>
<ul class="dropdown-menu">
<li class="nav-item "><a class="nav-link" href="about-us.html">Polskie</a></li>
<li class="nav-item"><a class="nav-link" href="book-trip.html">Zagraniczne</a></li>
<li class="nav-item"><a class="nav-link" href="elements.html">Więcej</a></li>
</ul>
</li>
<li class="nav-item submenu dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Egzotyka</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="nav-link" href="blog.html">Kraj</a></li>
<li class="nav-item"><a class="nav-link" href="single-blog.html">Zagranica</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="contact.html">Firma</a></li>
<li class="nav-item"><a class="nav-link" href="contact.html">Kontakt</a></li>
</ul>
</div>
</div>
</nav>
<div class="search_input" id="search_input_box">
<div class="container">
<form class="d-flex justify-content-between">
<input type="text" class="form-control" id="search_input" placeholder="Search Here">
<button type="submit" class="btn"></button>
<span class="lnr lnr-cross" id="close_search" title="Close Search"></span>
</form>
</div>
</div>
</div>
</header>
<!--================ End Header Menu Area =================-->
<!--================Home Banner Area =================-->
<section class="banner_area1 ">
<div class="banner_inner overlay d-flex align-items-center">
<div class="container">
<div class="banner_content">
<div class="page_link">
<a href="index.html">Aktualności</a>
<a href="morze.html">Morze polskie</a>
</div>
<h2>Nasz Bałtyk - Galeria</h2>
</div>
</div>
</div>
<div class="popular-places-slider owl-carousel">
<a href="img/places/p1.jpg" class="single-popular-places d-block img-gal">
<div class="popular-places-img">
<img src="img/places/m1.png" alt="">
</div>
<div class="popular-places-text">
<p>Proponowane miejsce</p>
<h4>
</h4>
</div>
</a>
<a href="img/places/p2.jpg" class="single-popular-places d-block img-gal">
<div class="popular-places-img">
<img src="img/places/m2.jpg" alt="">
</div>
<div class="popular-places-text">
<p>Proponowane miejsce</p>
<h4>
</h4>
</div>
</a>
<a href="img/places/p3.jpg" class="single-popular-places d-block img-gal">
<div class="popular-places-img">
<img src="img/places/m3.jpg" alt="">
</div>
<div class="popular-places-text">
<p>Proponowane miejsce</p>
<h4>
</h4>
</div>
</a>
<a href="img/places/p4.jpg" class="single-popular-places d-block img-gal">
<div class="popular-places-img">
<img src="img/places/m4.jpg" alt="">
</div>
<div class="popular-places-text">
<p>Proponowane miejcse</p>
<h4>
</h4>
</div>
</a>
</div>
</section>
<div class="copyright">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12">
<center>
<p>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Projekt ©
<script>
document.write(new Date().getFullYear());
</script> Spokojne Wakacje <i class="fa fa-heart-o" aria-hidden="true"></i> Wykonał Lucjan Frączek</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
</p>
</center>
</div>
</div>
</div>
</div>
</div>
<!--================ End footer Area =================-->
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/popper.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/stellar.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="vendors/nice-select/js/jquery.nice-select.min.js"></script>
<script src="vendors/owl-carousel/owl.carousel.min.js"></script>
<script src="js/owl-carousel-thumb.min.js"></script>
<script src="js/jquery.ajaxchimp.min.js"></script>
<script src="js/mail-script.js"></script>
<!--gmaps Js-->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCjCGmQ0Uq4exrzdcL6rvxywDDOvfAu6eE"></script>
<script src="js/gmaps.min.js"></script>
<script src="js/theme.js"></script>
</body>
</html>
kod scss
/* Home Banner Area css
============================================================================================ */
.home_banner_area {
background: url(../img/banner/home-banner.png) no-repeat center center;
background-size: cover;
min-height: 900px;
@media (max-width: 991px) {
min-height: 650px;
}
.banner_inner {
@media (max-width: 1199px) {
min-height: 900px;
}
@media (max-width: 991px) {
min-height: 650px;
}
.fullscreen {
@media (max-width: 991px) {
min-height: 650px !important;
}
}
.banner_content {
color: #fff;
text-align: center;
h2 {
margin-top: 0px;
font-size: 120px;
color: #fff;
@media (max-width: 991px) {
font-size: 80px;
}
@media (max-width: 575px) {
font-size: 50px;
line-height: 45px;
margin-top: 20px;
}
}
p {
margin: 0px;
font-weight: 400;
text-transform: uppercase;
}
}
}
}
/* common Banner Area css
============================================================================================ */
.banner_area {
position: relative;
z-index: 1;
min-height: 450px;
.banner_inner {
position: relative;
background: url(../img/banner/common-banner.jpg) no-repeat center center;
background-size: cover;
width: 100%;
min-height: 450px;
z-index: 1;
&.overlay {
&:after {
background: #000;
opacity: .3;
}
}
.banner_content {
@media (max-width: 991px) {
text-align: center;
}
h2 {
color: #fff;
font-size: 36px;
margin-bottom: 0px;
font-weight: 700;
}
.page_link {
a {
font-size: 12px;
color: #fff;
font-family: $primary-font;
margin-right: 20px;
position: relative;
text-transform: uppercase;
@include transition();
&:before {
content: "|";
position: absolute;
right: -12px;
top: 50%;
transform: translateY(-50%);
}
&:last-child {
margin-right: 0px;
&:before {
display: none;
}
}
&:hover {
color: $primary-color;
}
}
}
}
}
}
.banner_area1 {
position: relative;
z-index: 1;
min-height: 450px;
.banner_inner {
position: relative;
background: url(../img/banner/common-banner1.jpg) no-repeat center center;
background-size: cover;
width: 100%;
min-height: 450px;
z-index: 1;
&.overlay {
&:after {
background: #000;
opacity: .3;
}
}
.banner_content {
@media (max-width: 991px) {
text-align: center;
}
h2 {
color: #fff;
font-size: 36px;
margin-bottom: 0px;
font-weight: 700;
}
.page_link {
a {
font-size: 12px;
color: #fff;
font-family: $primary-font;
margin-right: 20px;
position: relative;
text-transform: uppercase;
@include transition();
&:before {
content: "|";
position: absolute;
right: -12px;
top: 50%;
transform: translateY(-50%);
}
&:last-child {
margin-right: 0px;
&:before {
display: none;
}
}
&:hover {
color: $primary-color;
}
}
}
}
}
}
