style.css

.container{
    width: 100%;
    height: 900px;
    margin: 0 auto;
}
.container .logo{
    padding: 70px 41%;
}
.container .box1{
    width: 100%;
    height: 100px;
    background-color: #EEEEEE;
}
.box1 p{
    text-align: center;
    padding-bottom: 1px;
}
input{
 width: 20%;
 margin: 0 750px;
}
.buton{
    border-radius: 3px;
    border-width: 1px;
    padding: 1px 10px;
    margin-left: 44%;
    margin-top: 10px;
}

.container .box2{
    width: 30%;
    height: 150px;
    background-color: rgb(126,229,218);
    float: left;
    margin-top: 4px;
    margin-right: 0.2%;
}
.container .box2 li{
    text-align: center;
    list-style-type: none;
}
.container .box3{
    width: 20%;
    height: 150px;
    background-color: rgb(112,204,194);
    float: left;
    margin-top: 4px;
}
.container .box3 li{
    text-align: center;
    list-style-type: none;
}
.container .box4{
    width: 49%;
    height: 150px;
    background-color: rgb(98,179,170);
    float: left;
    margin-top: 4px;
    margin-left: 4px;
}
.buton1{
    float: left;
}
.container .box4 li{
    text-align: center;
    list-style-type: none;

}
.int{
    float: left;
}
.copyright{
    text-align: center;
    margin-top: 200px;
}