Не работает фавикон
Решил установить иконку для сайта использовал ресурс под названием realfavicon Он мне все сгенерил, вставил, но ничего не сработало, и путь пробовал менять и рел, ничего не помогает, и пробовал свою картинку добавлять вручную, ничего не помогает
*{
font-family: 'Roboto Flex', sans-serif;
}
html,
h1,
h2,
h3,
h4,
h5,
h6 {
color: #50386a;
position: relative;
}
body{
background: #f6f6f6;
}
a{
text-decoration: none;
color: inherit;
}
/*
HEADER
*/
header{
background: #f6f6f6;
height: 70px;
width: 100%;
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
position: fixed;
z-index: 99;
top: 0px;
left: 0px;
}
header *{
color: #50386a;
}
/*
HEADER LOGO
*/
header h1 {
margin-top: 13px;
}
header h1 a{
color:#50386a;
}
header h1 a:hover{
color:#50386a;
}
header ul{
margin: 0;
padding: 0;
list-style-type: none;
float: right;
margin-top: -4px;
}
header ul li{
float: left;
}
/*
HEADER BUTTONS
*/
header ul li a{
display: block;
font-size: 1.7rem;
text-decoration: none;
color: #50386a;
padding: 22px;
}
header ul li i:hover{
color: #ae9fae;
transition: 0.4s;
}
/*
HEADER HIDDEN-BUTTONS
*/
header ul li ul{
position: absolute;
top: 70px;
right: 165px;
width: 180px;
display: none;
z-index: 3;
}
header ul li ul a:hover{
background-color: #ae9fae;
transition: 0.4s;
}
header ul li:hover ul{
display: block;
}
header ul li ul li {
width: 100%;
}
header ul li ul li a{
width: 100%;
font-size: 1.1rem;
padding: 10px;
background: #50386a;
color:seashell;
}
body {
padding-top: 70px;
margin-top: 0;
}
.wrapper{
display: block;
z-index: 1;
}
/*
SLIDER
*/
.slider{
padding-top: 20px;
/* pointer-events: none; */
width: 100%;
}
.carousel{
height: 380px;
}
.carousel-inner, .carousel-item{
height: 380px;
border-radius: 8px;
} <!doctype html>
<html lang="en">
<head>
<!-- Required meta tegs -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Logo -->>
<link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png">
<link rel="manifest" href="/icons/site.webmanifest">
<link rel="mask-icon" href=/icons/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#603cba">
<meta name="theme-color" content="#ffffff">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<!-- Font Awesome -->
<script src="https://kit.fontawesome.com/df93ccd354.js" crossorigin="anonymous"></script>
<!-- Custum Styling -->
<link rel="stylesheet" href="css/styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Flex:wght@100;200;300;400;500;600;700;800;900;1000&display=swap" rel="stylesheet">
<title>zxcoder</title>
</head>
<body>
<!-- NAVIGATION -->
<header class="container-fluid">
<div class="container">
<div class="row">
<div class="col-4">
<h1>
<a href="/dinamic-site/">zxcoder</a>
</h1>
</div>
<nav class="col-8" id="nav">
<ul>
<li>
<a href=""><i class="fa-solid fa-list"><alt=></alt></i></a>
</li>
<li>
<a href=""><i class="fa-solid fa-heart"></i></a>
</li>
<li>
<a href=""><i class="fa-solid fa-cart-shopping"></i></a>
</li>
<li>
<a href=""><i class="fa-solid fa-user"></i></a>
<line>
<ul>
<li><a href="">Админ панель</a></li>
<li><a href="">Профиль</a></li>
<li><a href="">Выход</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</header>
<!-- Carousel -->
<section>
<div class="container">
<div class="slider">
<div id="carouselRide" class="carousel slide" data-bs-ride="true">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselRide" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselRide" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselRide" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<a href=""><img src="/dinamic-site/images/image1.jpg" class="d-block w-100" alt="<Баннер 1>"></a>
</div>
<div class="carousel-item">
<a href=""><img src="/dinamic-site/images/image2.jpg" class="d-block w-100" alt="Баннер 2"></a>
</div>
<div class="carousel-item">
<a href=""><img src="/dinamic-site/images/image3.jpg" class="d-block w-100" alt="Баннер 3"></a>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselRide" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselRide" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
<script type="module" src="/dinamic-site/js/script.js"></script>
<div class="container">
<div class="wrapper" id="wrapper">
<h2>asdsadas</h2><h2>asdsadas</h2><h2>asdsadas</h2><h2>asdsadas</h2><h2>asdsadas</h2><h2>asdsadas</h2><h2>asdsadas</h2><h2>asdsadas</h2><h2>asdsadas</h2><h2>asdsadas</h2><h2>asdsadas</h2><h2>asdsadas</h2><h2>asdsadas</h2><h2>asdsadas</h2><h2>asdsadas</h2><h2>asdsadas</h2><h2>asdsadas</h2><h2>asdsadas</h2><h2>asdsadas</h2><h2>asdsadas</h2><h2>asdsadas</h2><h2>asdsadas</h2><h2>asdsadas</h2><h2>asdsadas</h2>
</div>
</div>
</body>
</html>