I keep encountering a 404 error when trying to load the CSS in my web application. The HTML content looks like this:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PSL Inter App</title>
<meta name="description" content="PSL Inter app for accounting"/>
<meta name="viewport" content="width=1000, initial-scale=1.0, maximum-scale=1.0">
<!-- Loading Bootstrap -->
<link href="WEB-INF/css/bootstrap/bootstrap.min.css" rel="stylesheet" type='text/css'>
<!-- Loading Flat UI -->
<link href="WEB-INF/css/flat-ui.css" rel="stylesheet" type='text/css'>
<link href="WEB-INF/css/assets/demo.css" rel="stylesheet" type='text/css'>
<!-- <link rel="shortcut icon" href="img/favicon.ico"> -->
</head>
<body>
<div class="col-xs-3">
Please Login!!
<div class="form-group">
<input type="text" value="" placeholder="Username" class="form-control">
</div>
</div>
</body>
</html>
My file directory structure is as shown below:
https://i.sstatic.net/DSfWV.jpg
Any assistance would be greatly appreciated!
Thank you!