<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<style type="text/css">
*{
margin:0px auto;
}
.div{
width: 100%;
height: 560px;
background: #7E7E74;
}
.A{
width: 100%;
height: 132px;
background: #F5EEDC;
}
.B{
width: 100%;
height:433px;
background:#808076;
}
.a1{
float: left;
}
.a2{
float: left;
}
.a3{
margin-left: 20px;
float: left;
width: 300px;
height: 172px;
}
.b1{
width: 960px;
height: 86px;
/*float: left;*/
margin-top: 23px;
}
.b2{
width: 318px;
height: 100%;
border-left: solid 1px;
float: left;
}
.b3{
width: 318px;
height: 100%;
border-left: solid 1px;
/*background: #fff;*/
float: left;
margin-left: 0px;
}
.b4{
width: 318px;
height: 100%;
border-left: solid 1px;
/*background: #fff;*/
float: right;
}
.b2_1{
font-family: "简娃娃篆";
font-weight: bolder;
font-size: 40px;
margin-left: 20px;
color: #F9FFD6;
/*float: left;*/
}
.b2_3{
font-family: "简娃娃篆";
font-weight: bolder;
font-size: 40px;
margin-left: 20px;
color: #F9FFD6;
float: left;
}
.b2_4{
font-family: "简娃娃篆";
font-size: 40px;
margin-left: 20px;
color: #4C4C40;
float: left;
}
.b3_1{
font-family: "简娃娃篆";
font-weight: bolder;
font-size: 40px;
margin-left: 20px;
color: #F9FFD6;
/*float: left;*/
}
.b3_3{
font-family: "简娃娃篆";
font-weight: bolder;
font-size: 40px;
margin-left: 20px;
color: #F9FFD6;
float: left;
}
.b3_4{
font-family: "简娃娃篆";
font-size: 40px;
margin-left: 20px;
color: #4C4C40;
float: left;
}
.b4_1{
font-family: "简娃娃篆";
font-weight: bolder;
font-size: 40px;
margin-left: 20px;
color: #F9FFD6;
/*float: left;*/
}
.b4_3{
font-family: "简娃娃篆";
font-weight: bolder;
font-size: 40px;
margin-left: 20px;
color: #F9FFD6;
float: left;
}
.b4_4{
font-family: "简娃娃篆";
font-size: 40px;
margin-left: 20px;
color: #4C4C40;
float: left;
}
.b5>div>img{
float: left;
margin-top: 10px;
}
.b6{
width: 960px;
height: 150px;
background: #fff;
margin-top: 157px;
}
.b6_1{
width: 320px;
height: 100%;
/*border-left: solid 1px;*/
float: left;
background: #C6CE95;
font-family: Sansation;
/*text-align: center;*/
font-size: 13px;
}
.b6_2{
width: 320px;
height: 100%;
/*border-left: solid 1px;*/
background: #D2C0B4;
float: left;
margin-left: 0px;
font-family: Sansation;
font-size: 13px;
}
.b6_3{
width: 320px;
height: 100%;
/*border-left: solid 1px;*/
background: #AAB8A7;
float: right;
font-family: Sansation;
font-size: 13px;
}
</style>
</head>
<body>
<div class="div">
<div class="A">
<div class="a1"><img src="1.jpg"></div>
<div class="a2"><img src="2.jpg"></div>
<div class="a3"><img src="me.png"></div>
</div>
<div class="B">
<div class="b">
<div></div>
<div class="b1">
<div class="b2">
<div class="b2_1">GRAPHIC</div>
<div class="b2_3">WEB</div>
<div class="b2_4">design</div>
</div>
<div class="b3">
<div class="b3_1">GRAPHIC</div>
<div class="b3_3">WEB</div>
<div class="b3_4">design</div>
</div>
<div class="b4">
<div class="b4_1">GRAPHIC</div>
<div class="b4_3">WEB</div>
<div class="b4_4">design</div>
</div>
</div>
</div>
<div class="b5">
<div><img style="margin-left: 204px;" src="11.jpg"></div>
<div><img src="22.jpg"></div>
<div><img src="33.jpg"></div>
</div>
<div class="b6">
<div class="b6_1"><p style="margin-top: 30px;">Design si my work,my play,my worldview.<br>I'm driven to share all that grabs my heart<br>about graphic design,artists,typography,<br>CSS/(X)dHTML,and the web in these posts,<br>tutorials,and interviews.</p></div>
<div class="b6_2"><p style="margin-top: 30px;">Design si my work,my play,my worldview.<br>I'm driven to share all that grabs my heart<br>about graphic design,artists,typography,<br>CSS/(X)dHTML,and the web in these posts,<br>tutorials,and interviews.</p></div>
<div class="b6_3"><p style="margin-top: 30px;">Design si my work,my play,my worldview.<br>I'm driven to share all that grabs my heart<br>about graphic design,artists,typography,<br>CSS/(X)dHTML,and the web in these posts,<br>tutorials,and interviews.</p></div>
</div>
</div>
</div>
</body>
</html>