<!
DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css"
href="https://www.w3schools.com/w3css/4/w3.css">
</head>
<body>
<!------background colors------>
<div class="w3-container"></div>
<center><h1>background colors</h1></center>
<div class="w3-container w3-red">
<h2>red</h2>
<p>red is the color at the and of the visible spectrum of light next to
orange and opposite violet</p>
</div>
<!-----text color------>
<center><h1> text color </h1></center>
<div class="w3-container w3-text-red">
<h2> india</h2>
<p>Indian culture is the heritage of social norms and technologies that
originated in or are associated with the ethno-linguistically diverse India, pertaining to
the Indian subcontinent until 1947 and the Republic of India post-1947.</p>
</div>
<!-----Hover color------>
<center><h1>Hover color </h1></center>
<div class="w3-container w3-red w3-hover-green">
<h2>india</h2>
<p>Indian culture is the heritage of social norms and technologies that
originated in or are associated with the ethno-linguistically diverse India, pertaining to
the Indian subcontinent until 1947 and the Republic of India post-1947.</p>
</div>
<!------hover text color------>
<center><h1> hover text color </h1></center>
<div class="w3-container w3-blue w3-hover-text-orange">
<h2>hover text color </h2>
<p>cheng the hover text color </p>
</div>
<!------safety color------->
<center><h1>safety color </h1></center>
<div class="w3-tag w3-safety-red w3-xxlarge">DANGER</div>
<p>USINGE W3-COLOR-SAFTY</p>
<!------Without using container class------->
<center><h1>Without using container class....</h1></center>
<h2>INDIA</h2>
<p>india also known as the republic of india is a contry is south asia it is the
seventh largest contry by area </p>
<!-------using header & footer tags------->
<center><h1>using header & footer tags </h1></center>
<header class="w3-container w3-blue">
<h3>header></h3>
<p>header information goes here</p>
</header>
<img src="C:\Users\softech computer\Desktop\image3.jpg" alt="vegetables"
style="width:50%">
<div class="w3-container">
<p>The quick brown fox jumps over the lazy dog. The quick brown fox
jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick
brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy
dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the
lazy dog. The quick brown fox jumps over the lazy dog.</p>
</div>
<footer class="w3-container w3-pink">
<h3>footer</h3>
<p>footer information goes here</p>
</footer>
</body>
</html>
