Menu
<!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 collatesnational 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 the code which I wrote. When I run this code I can the output but on evaluation, it showing error. Fail 1 - No class attribute with appropriate values for uppercase and reverse not found
724
asked Dec 19 '25 09:12
I was working on the same problem recently and finally got what they were expecting and here's the solution to our problem:
<div class="container">
<h2>THE <abbr title="North South East West">NEWS</abbr></h2>
<p class="bg-success">This is an e-paper that contains 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"><small>This section displays all national news and events</small></div>
</div>
<div class="panel panel-default">
<div class="panel-heading"><mark>World News</mark></div>
<div class="panel-body"><small>This section displays all world news and events</small></div>
</div>
</div>
</div>
<blockquote>
<p class="text-uppercase">Copyright :- The news india company</p>
</blockquote>
<blockquote class="blockquote-reverse">
<p class="text-warning">Warning:- Do Not Reproduce</p>
</blockquote>We need to enclose last two paragraph tags with separate blockquote tags. Thanks.
126
answered Dec 21 '25 23:12
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With