BIGINNER HTML PRACTICE

SOURCE CODE FOR TEA PAGE

HTML

<!DOCTYPE html>

<html>

<head>

<title>HTML PREPORATION</title>

</head>

<body>

<p class="matter-tea">Tea, with its rich history and cultural significance, holds a special place in the hearts and traditions of people worldwide. Legend has it that tea was discovered in China millennia ago when Emperor Shen Nong stumbled upon its aromatic infusion by chance. Since then, it has become not just a beverage but a symbol of hospitality, social interaction, and mindfulness. Across different cultures, tea ceremonies have evolved into revered rituals, from the elegant matcha ceremonies in Japan to the comforting afternoon teas of England.</p>

<p class="matter-tq">THANKYOU FOR VISITING HARSHITH TUTORIALS</p>

</div>

</body>

</html>

CSS:

.page{

background-image:url("https://img.freepik.com/free-photo/cozy-cup-cinnamon-tea-with-cinnamon-sticks-powder-beside-it_157027-4362.jpg?t=st=1713630758~exp=1713634358~hmac=9162c1070aeb5029513ce749e5bbfd4d2372845331264482cde85e050870ae3d&w=826");

background-size: cover;

background-repeat: no-repeat;

background-position: center;

width: 100%;

height: 100vh;

}

.main-heading{

color: white;

text-align: center;

font-family: roboto;

font-style: bold;

text-decoration: underline;

}

.matter-tea{

color: white;

text-align: center;

font-size: x-large;

padding: 15px;

}

.matter-tq{

color: white;

text-align: center;

font-size: x-large;

padding: 15px;

}