Sir, I am trying to create a ContactUs page in a webPage using CSS and html code.
I want your help in:-
how conjunct CSS code(see below the contactUs page)
to result the same page I created. Is my code is too long?
Here is the page I created.
And the CSS Code:-
.contact1/*Nizamudheen*/
{
width:150px;
height:150px;
text-align:center;
float:left;
background-color:Gray;
border-style:solid;
border-width:medium;
letter-spacing:normal;
line-height:0.8cm;
}
.contact2/*Suhath*/
{
width:150px;
height:150px;
text-align:center;
float:left;
background-color:Silver;
border-style:solid;
border-width:medium;
line-height:0.8cm;
}
.contact3
{
width:150px;
height:150px;
text-align:center;
float:left;
background-color:Gray;
border-style:solid;
border-width:medium;
line-height:0.8cm;
}
.contact4
{
width:150px;
height:150px;
text-align:center;
float:left;
background-color:Silver;
border-style:solid;
border-width:medium;
line-height:0.8cm;
}
.contact5
{
width:150px;
height:150px;
text-align:center;
float:left;
background-color:Gray;
border-style:solid;
border-width:medium;
line-height:0.8cm;
}
.contact6
{
width:150px;
height:150px;
text-align:center;
float:left;
background-color:Silver;
border-style:solid;
border-width:medium;
line-height:0.8cm;
}
.contact7
{
width:150px;
height:150px;
text-align:center;
float:left;
background-color:Silver;
border-style:solid;
border-width:medium;
line-height:0.8cm;
}
.contact8
{
width:150px;
height:150px;
text-align:center;
float:left;
background-color:Gray;
border-style:solid;
border-width:medium;
line-height:0.8cm;
}
.contact9
{
width:150px;
height:150px;
text-align:center;
float:left;
background-color:Silver;
border-style:solid;
border-width:medium;
line-height:0.8cm;
}
.contact10
{
width:150px;
height:150px;
text-align:center;
float:left;
background-color:Gray;
border-style:solid;
border-width:medium;
letter-spacing:normal;
line-height:0.8cm;
}
Help me in this topic.