HTML Code :
<!DOCTYPE html>
<html>
<head>
<title>Web Designing Course Lesson 3</title>
<link rel="stylesheet" type="text/css" href="styles.css" media="screen">
</head>
<body>
<header>
<hgroup>
<h1>Web Designing Course Lesson 3</h1>
<h2>Learn HTML 5 and CSS 3 in Telugu</h2>
</hgroup>
</header>
<section>
<article>
<h1>This is my first article - Lesson 3</h1>
<p>Once upon a time there was an old woman who loved baking gingerbread. She would bake gingerbread cookies, cakes, houses and gingerbread people, all decorated with chocolate and peppermint, caramel candies and colored frosting.</p>
<p>She lived with her husband on a farm at the edge of town. The sweet spicy smell of gingerbread brought children skipping and running to see what would be offered that day.</p>
<p>Unfortunately the children gobbled up the treats so fast that the old woman had a hard time keeping her supply of flour and spices to continue making the batches of gingerbread. Sometimes she suspected little hands of having reached through her kitchen window because gingerbread pieces and cookies would disappear. One time a whole gingerbread house vanished mysteriously. She told her husband, Those naughty children are at it again. They don't understand all they have to do is knock on the door and I'll give them my gingerbread treats.</p>
</article>
</section>
<footer>Copyright © www.telugucomputerworld.blogspot.com</footer>
</body>
</html>
CSS Code :
body {
font-family: arial, sans-serif;
background-color: #C3DDDD;
}
header {
width: 80%;
background-color: #094462;
color: white;
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 10px;
}
section {
width: 80%;
background-color: white;
margin-left: auto;
margin-right: auto;
border-width: 5px;
border-style: solid;
border-color: #094462;
padding: 5px;
}
footer {
width: 80%;
background-color: #094462;
color: white;
margin-left: auto;
margin-right: auto;
padding: 10px;
}
font-family: arial, sans-serif;
background-color: #C3DDDD;
}
header {
width: 80%;
background-color: #094462;
color: white;
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 10px;
}
section {
width: 80%;
background-color: white;
margin-left: auto;
margin-right: auto;
border-width: 5px;
border-style: solid;
border-color: #094462;
padding: 5px;
}
footer {
width: 80%;
background-color: #094462;
color: white;
margin-left: auto;
margin-right: auto;
padding: 10px;
}
Click Here for Full Video Lessons
Very helpful post. Thank you very much for the share.
ReplyDeleteOnline shopping in coimbatore | Best IT company in coimbatore