<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="/additional_files/js/webtechnology/bootstrap/bootstrap.min.js"></script>
<script src="/additional_files/js/webtechnology/jquery/jquery.min.js"></script>
</head>
<body>
<div class="container">
<h2>THE <abbr title="North South East West">NEWS</abbr></h2>
<p class="bg-success">This is an e-paper that collates national and world news</p>
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading"><mark>National News</mark></div>
<div class="panel-body text-primary">This section displays all national news and events</div>
</div>
<div class="panel panel-default">
<div class="panel-heading"><mark>World News</mark></div>
<div class="panel-body">This section displays all world news and events</div>
</div>
</div>
<div>
<p class="text-uppercase">copyright :- the news india company</p>
<blockquote class="blockquote-reverse text-warning">Warning:- Do Not Reproduce</blockquote>
</div>
</div>
</body>
</html>This is a piece of code I created myself. When I run it, I see the output, but upon evaluation, it shows an error. The error states: Fail 1 - No class attribute with appropriate values for uppercase and reverse not found