css

body
{
background-color: yellow;
}

.wrapper
{
width:100%;
height: auto;
}

.navigation
{
width: 100%;
height:50px;
background-color: green;
}

.header
{
width: 100%;
height:100px;
background-color: white;
}

.home
{
width: 33.33%;
height: 100%;
float:left;
background-color: red;
text-align: center;
font-size: 40;
font-color:green;
}

.home:hover
{
background-color: black;
}

.product
{
width: 33.33%;
height: 100%;
float: left;
background-color: blue;
}

.about
{
width: 33.33%;
height: 100%;
float:left;
background-color: gray;
}

.content
{
width:100%;
height:400px;
background-color: green;
}


.gambar
{
background-image:url("../image/a.png");
background-repeat: no-repeat;
background-size: 100% 100%;
width: 200px;
height: 200px;
float:left;
}

.gambar:hover
{
background-image: url("../image/lamy-after.png");
background-repeat:no-repeat;
background-size: 100% 100%;
}

.footer
{
width: 100%;
height: 200px;

}

.ty
{
font-size: 20px;
text-align: center;
}