Im trying to get my css to show both the logo, and background without any luck. Im guessing something is wrong with the file path when I try to use the localhost to open it up. It appears fine from a default page, but then doesnt render when I reach the localhost. Im getting a few errors in the console, but I honestly dont know how to resolve them. Any help would be appreciated.
Here is my VS Code, with folders, and files. Below that is the exact error Im getting.
Im still learning, so please try and go easy with the syntax. ;-; Thanks
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href=https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.8.0/css/bulma.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
</head>
<body>
<!--Navbar-->
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="http://localhost:8080/">
<img src="C:\Users\TGAND\project2\images\Nozamalogo.png" width="112" height="28">
</a>
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
<!-- Search Button, and input field for axios calls-->
<div class="input-group mb-3">
<div class="input-group-prepend">
<button id="searchBtn" class="btn btn-outline-secondary" type="button" id="button-addon1">Search</button>
</div>
<input type="text" class="form-control" placeholder="Look for a book title.." aria-label="Example text with button addon" aria-describedby="button-addon1">
</div>
</div>
<!-- Cart Icon for accessing the users cart-->
<span class="icon has-text-info">
<button class="btn has-text-white is-small"><i class="fas fa-shopping-bag"></i></button>
</span>
<!--Log in, and Sign up Buttons-->
<div class="field is-grouped is-grouped-right">
<p class="control">
<a class="button is-primary">
Log In
</a>
</p>
<p class="control">
<a class="button is-light">
Sign Up
</a>
</p>
</div>
</body>
css
body,html,.navbar {
background-image: url(../../images/books.png);
background-size: cover;
background-repeat: no-repeat;
height: auto;
width: auto;
}
