здравствуйте у меня случилась проблема с versel сделал все как надо создал сайт но при открытии 404: NOT_FOUND
Code: NOT_FOUND
ID: fra1::j7t74-1687105919972-a183477d7fee
в live server работает
вот код
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/reset.css">
</head>
<body>
<header class="header">
<div class="header__top">
<div class="container">
<div class="header__top-inner">
<a class="header__logo logo" href="/">
<img src="/images/logo.svg" alt="Logo">
</a>
<nav class="header__nav">
<ul class="header__nav-list">
<li class="header__nav-item">
<a class="header__nav-link" href="#about">About Us</a>
</li>
<li class="header__nav-item">
<a class="header__nav-link" href="#directions">Courses</a>
</li>
<li class="header__nav-item">
<a class="header__nav-link" href="#">Events</a>
</li>
<li class="header__nav-item">
<a class="header__nav-link" href="#blog">Blog</a>
</li>
<li class="header__nav-item">
<a class="header__nav-link" href="#info">Contacts</a>
</li>
</ul>
</nav>
<div class="header__btn-box">
<a class="header__top-btn button" href="#questions">Get consultation</a>
<div class="header__user-nav">
<a class="header__user-btn" href="#">Log in</a>
/
<a class="header__user-btn" href="#">Register</a>
</div>
</div>
</div>
</div>
</div>
<div class="header__body">
<div class="container">
<div class="header__body-inner">
<div class="header__main">
<div class="header__content">
<a class="header__play" href="https://youtu.be/JFFOEhoWCFg" data-fancybox>
<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="26" cy="26" r="26" fill="#FF3F3A" />
<path
d="M32.5 25.134C33.1667 25.5189 33.1667 26.4811 32.5 26.866L23.5 32.0622C22.8333 32.4471 22 31.966 22 31.1962L22 20.8038C22 20.034 22.8333 19.5529 23.5 19.9378L32.5 25.134Z"
fill="white" />
</svg>
Play showreel
</a>
<h1 class="header__title">
Enjoy studying with Createx Online Courses
</h1>
<div class="header__content-buttons">
<a class="header__content-btn button button--empty" href="#"><span>About us</span></a>
<a class="header__content-btn button" href="#">Explore courses</a>
</div>
</div>
<img class="header__img" src="/images/hero-image.svg" alt="">
</div>
</header>
</body>
</html>
CSS
html,body{
font-family: Lato,sans-serif;
font-size: 16px;
}
}
.wrapper{
min-height: 100%;
width: 100%;
overflow: hidden;
}
.container{
max-width: 1230px;
padding: 0 15px;
margin: auto;
}
.logo{
}
/*-------------------------------------------------------------------------------------------*/
.header {
font-weight: 700;
}
.header__top {
}
.header__top-inner {
padding: 20px 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.header__logo {
margin-right: 60px;
}
.header__nav {
margin-right: auto;
}
.header__nav-list {
display: flex;
font-weight: 700;
line-height: 1.6
color:#424551;
white-space: nowrap;
}
.header__nav-item {
margin-right: 40px;
}
.header__nav-item:last-child {
margin-right: 0px;
}
.header__nav-link {
transition: all 300ms;
}
.header__nav-link:hover{
color: #FF3F3A;
}
.header__btn-box {
line-height: 1.6;
display: flex;
}
.header__top-btn {
display: flex;
}
.button {
transition: .3s;
display: inline-block;
margin-right: 36px;
padding: 0px 40px;;
font-weight: 700;
letter-spacing: 0.5px;
line-height: 52px;
color:#FFFFFF;
border-radius: 4px;
background: linear-gradient(55.95deg, #FF3F3A 0%, #F75E05 100%);
}
.button:hover{
transform: scale(1.05);
}
.button--empty {
background-image: none;
border-left: 2px solid #FF3F3A;
border-right: 2px solid #F75E05;
background-image: -webkit-linear-gradient(left, #FF3F3A, #F75E05), -webkit-linear-gradient(left, #FF3F3A, #F75E05);
background-image: linear-gradient(left, #FF3F3A, #F75E05), linear-gradient(left, #FF3F3A, #F75E05);
background-size: 100% 2px;
background-position: 0 100%, 0 0;
background-repeat: no-repeat;
background-clip: border-box;
}
.button--empty span {
background: linear-gradient(55.95deg, #FF3F3A 0%, #F75E05 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.header__user-nav{
position: relative;
padding-left: 28px;
}
.header__user-nav::before {
content: '';
background: url(/images/icons/user-icon.svg) no-repeat;
width: 20px;
height: 20px;
display: block;
position: absolute;
top: 50;
left: 0;
transform: translateY(-50));
}
.header__user-btn {
line-height: 1.6;
white-space: nowrap;
transition: all 300ms;
}
.header__user-btn:hover{
color: #FF3F3A;
}
.header__body {
}
.header__body-inner {
}
.header__main {
display: flex;
justify-content: space-between;
align-items: center;
color: #1E212C;
margin-bottom: 60px;
}
.header__content {
margin-right: 30px;
}
.header__play {
display: inline-flex;
align-items: center;
margin-bottom: 24px;
}
.header__play svg {
margin-right: 16px;
border-radius: 50%;
transition: all .3s;
}
.header__play:hover svg {
box-shadow: 0 0 0 16px rgba(255, 63, 58, 0.12);
}
.header__title {
font-weight: 900;
font-size: 40px;
line-height: 130%;
max-width: 500px;
}
.header__content-buttons {
display: flex;
}
.header__content-btn {
}
.header__img {
}
если что извиняюсь только учусь
