<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link href="style4.css" rel="stylesheet" />
<title>Dummy Page</title>
<script type="text/javascript" src="/expi/jquery.js"></script>
<script type="text/javascript" src="/expi/JavaScript4.js"></script>
</head>
<body>
<h1 class="h1">Header</h1>
<div></div>
<div></div>
<div class="center">
<ul class="ul">
<li class="litem"><a href="#a">Browse Channels</a></li>
<li><a href="#b">View Schedule</a></li>
<li><a href="#b">Book Slots</a></li>
<li><a href="#b">Talk To Assistant</a></li>
<li><a href="#b">Contact Us</a></li>
</ul>
</div>
<div class="div2">
<div class="d1" id="one">
<h3 class="h3">First Division</h3>
<hr color="black" />
<p class="text-green">
This uses a special class named "text-green" which
is assigned the color green. But when you hover over the text the color of the text changes.
This uses a special class named "text-green" which
is assigned the color green. But when you hover over the text the color of the text changes.
</p>
<br />
<button class="btn" ID="Button1" runat="server" ClientIDMode="Static">Click Me to Hide</button>
</div>
<div class="d1" id="two">
<h3 class="h3">Second Division</h3>
<hr color="black" />
<p class="text-red" >
This uses a special class named "text- red" which
is assigned the color green. But when you hover over the text the color of the text changes.
This uses a special class named "text- red" which
is assigned the color green. But when you hover over the text the color of the text changes.
</p>
<br />
<button class="btn" ID="Button2" runat="server">Click Me to Hide</button>
</div>
<div class="d1" id="three">
<h3 class="h3">Thrid Division</h3>
<hr color="black" />
<p class="text-blue">
This uses a special class named "text-blue" which
is assigned the color green. But when you hover over the text the color of the text changes.
This uses a special class named "text-blue" which
is assigned the color green. But when you hover over the text the color of the text changes.
</p>
<br />
<button class="btn" ID="Button3" runat="server">Click Me to Hide</button>
</div>
<div class="d1" id="four">
<h3 class="h3">Fourth Division</h3>
<hr color="black" />
<p class="text-yellow">
This uses a special class named "text-yellow" which
is assigned the color green. But when you hover over the text the color of the text changes.
This uses a special class named "text-yellow" which
is assigned the color green. But when you hover over the text the color of the text changes.
</p>
<br />
<button class="btn" ID="Button4" runat="server">Click Me to Hide </button>
</div>
</div>
</body>
</html>
