WebPage Creation in CSS ~ Multiplex Coder

Question:

Create a webpage as shown below

The CSS Constraints to be applied are

The web page should have

Tag	Id	Constraints
section	home	Should have a solid border style with margins top, bottom, left and right as 15px,10px,15%,10% respectively.The height and width of the section must be 550px and 900px respectively.The background color must be #D9D9D9
header		Text inside header – Web Programming LearningThe header should be aligned center with the color #990000 and with the size of 25px
p		Text inside paragraph tag – HOME MATERIALS COMPETITION PASTYEARS ABOUTThe paragraph text should be indented with 8% ,each word must be spaced with 40px and color #FFFFFF.The paragraph tag should have a background color #990000 with left and right margin of 90px both.
section	intro	Section tag should have the following tags <h2> , <h3>, <table>The section tag should have a solid border style with margins top, bottom, left and right as 10px,10px,15%,15% respectively and with the background color #525252.The height and width of the section must be 400px and 600px respectively.
h2		The text inside h2 tag – LEARN TO LEADThe header tag must be center aligned with the color #FFFFFF and with the font size xx-large
h3		The text inside h3 tag – Cascading Style SheetWith a margin for the top as 10% , the text to be aligned to center and the font size xx-large and family “Arimo” with the color of #FFFFFF
table		Should have got 4 columns with the text as Comprehensive curriculum, Insightful Guest Lectures, interaction with sponsors, $30,000+in Total Prizes.The text should have color #FFFFFF and family “Arimo”.The table tag must have top and left margins as 10px
footer		The tag should be center aligned with color #990000

Note: Correctly specify the element name, as given in the requirement. All your html tags should be given in lower case.

CODE:–

<!DOCTYPE html>

<html>

<head>

#home{

border-style: solid;

background-color: #D9D9D9;

margin-top:15px;

margin-bottom: 10px;

margin-left: 15%;

margin-right: 10%;

height: 550px;

width: 900px;

}

header

{

font-size:25px;

color:#990000;

text-align: center;

}

{ color:#FFFFFF;

background-color:#990000;

text-align: center;

text-indent:8%;

word-spacing: 40px;

margin-left: 90px;

margin-right: 90px;

}

#intro{ border-style: solid;

margin-right: 15%;

margin-left: 15%;

margin-top: 10px;

margin-bottom: 10px;

background-color: #525252;

height: 400px;

width: 600px;

}

{color: #FFFFFF;

font-size: xx-large;

text-align: center;

}

{ margin-top: 10%;

text-align: center;

font-family:Arimo;

color:#FFFFFF;

font-size: xx-large;

}

table,tr,td {

margin-top: 10px;

margin-left: 10px;

color: #FFFFFF;

font-family: Arimo;

text-align: left;

}

footer{ text-align: center;

color: #990000;

}

</style>

</head>

<body>

<h1>Web Programming Learning</h1>

</header>

<p>HOME MATERIALS COMPETITION PASTYEARS ABOUT</p>

<h2>LEARN TO LEAD</h2>

<h3>Cascading Style Sheet</h3>

<table>

<tr>

<td>Comprehensive curriculum</td>

<td>Insightful Guest Lectures</td>

<td> interaction with sponsors</td>

<td>$30,000+in Total Prizes</td>

</tr>

</table>

</section>

</body>

</html>

WebPage Creation in CSS

Question:

CODE:–

Related Post