<title>WEB PAGE USING HTML AND CSS</title>
<style type="text/css">
.main{
width:1000px ;
height:650px ;
background-color:#F44336 ;
}
.row1{
width:1000px ;
height:100px ;
background-color:#E91E63;
text-align:center;
text-transform:uppercase;
font-weight: bold;
font-size: 60px;
}
.row2{
width:1000px ;
height: 40px;
}
.row2-col1{
width:200px;
height:40px;
background-color:#673AB7;
float: left;
text-align:center;
color: white;
font-size: 20px;
}
.row2-col2{
width:200px;
height:40px;
background-color:#29B6F6;
float: left;
text-align:center;
color: white;
font-size: 20px;
}
.row2-col3{
width:200px;
height:40px;
background-color:#FDD835;
float: left;
text-align:center;
color: white;
font-size: 20px;
}
.row2-col4{
width:200px;
height:40px;
background-color:#3949AB;
float: left;
text-align:center;
color: white;
font-size: 20px;
}
.row2-col5{
width:200px;
height:40px;
background-color:#00838F;
float: left;
text-align:center;
color: white;
font-size: 20px;
}
.row3{
width:1000px;
height:200px ;
background-color:#00ACC1;
}
.row3-col1{
width:300px;
height:200px ;
background-color:#EA80FC;
float: left;
}
..row3-col2{
width:700px;
height:200px ;
float: left;
}
.row3-col1-part1{
width:300px;
height:40px ;
text-align:center;
background-color:#EA80FC;
color: white;
font-size: 25px;
}
.row3-col1-part2{
width:300px;
height:40px ;
text-align:center;
background-color:#EA80FC;
color: white;
font-size: 25px;
}
.row3-col1-part3{
width:300px;
height:40px ;
text-align:center;
background-color:#EA80FC;
color: white;
font-size: 25px;
}
.row3-col1-part4{
width:300px;
height:40px ;
text-align:center;
background-color:#EA80FC;
color: white;
font-size: 25px;
}
.row3-col1-part5{
width:300px;
height:40px ;
text-align:center;
background-color:#EA80FC;
color: white;
font-size: 25px;
}
.row4{
width:1000px;
height:100px ;
text-align:center;
background-color:#00E676;
font-size:60px;
font-weight: bold;
}
.row5{
width:1000px;
height:160px ;
background-color:#FF4081;
}
.row5-col1{
width:332px;
height:160px ;
float: left;
}
.row5-col2{
width:331px;
height:160px ;
float:left;
}
.row5-col3{
width:337px;
height:162px ;
float:left;
}
.row6{
width: 1000px;
height:50px ;
background-color:#0091EA;
text-align:center;
color: white;
font-size:30px;
}
</style>
-
Notifications
You must be signed in to change notification settings - Fork 0
Mehak-Mehtab01/Html-practice-project-3
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
About
No description, website, or topics provided.
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published