<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>博雅设计图</title>
<style type="text/css">
.header {
//头部，设置宽高及其背景颜色
height:60PX;
1200px;
background-color: #192144;
}
.header .image {
//logo图标居左100和浮动设置
margin-left: 100px;
float: left;
}
.header .left li {
//首页 无序列表 布局设置
list-style: none;
float: left;
height: 60px;
80px;
color: white;
margin-left: 30px;
}
.header .left li a {
//链接设置，顶部中无序列表的li标签都是可以点击的，所以加了链接
color: white;
text-decoration: none;
text-align: center;
line-height: 60px;
}
.header li img {
//点击加入我们
margin-top: 10px;
}
.content img{
//顶部下的大图
height:300px;
1200px;
}
.image1 {
margin-left: 30px;
height: 160px;
220px;
margin-top: 30px;
}
.image2 {
margin-left: 70px;
height: 160px;
220px;
margin-top: 30px;
float: left;
}
.labelima li {
list-style: none;
float: left;
120px;
height: 80px;
}
.yule .bp {
float: left;
list-style: none;
height: 30px;
160px;
margin-left: 60px;
text-align: center;
}
.yule .qita {
float: left;
list-style: none;
height: 30px;
160px;
text-align: center;
margin-left: 50px;
}
a {
color: #00FF7F;
}
.xinwen {
//博雅新闻
float: left;
margin-left: 50px;
margin-top: 50px;
float: left;
}
.xinwen img {
//图片
height: 150px;
500px;
}
.xinwen a {
//链接
500px;
height: 50px;
font-size: 22px;
text-decoration: none;
color: black;
font-size: 17px;
}
.datu {
//专场
margin-top: 50px;
height: 315px;
500px;
background-image: url(byhrbg3.jpg);
float: left;
}
.datu h2 {
//专场文字
color: white;
margin-top: 40px;
margin-left: 70px;
}
.datu h5{
color: white;
margin-left: 70px;
margin-top: -10px;
}
.datu dl {
color: white;
height: 30px;
}
.datu dl dt {
padding-left: 40px;
}
.footer {
//尾部
margin-top: 30px;
height: 100px;
1200px;
background-color: #192144;
float: left;
}
.footer p {
//免费声明
color: gray;
margin-left: 50px;
120px;
height: 100px;
line-height: 100px;
text-align: center;
margin-top: 0px;
font-size: 12px;
float: left;
}
.footer .last {
//
color: gray;
1400px;
margin-top: -115px;
margin-left: -40px;
float: left;
}
.footer img {
//工商图片
50px;
margin-top: 10px;
height: 70px;
margin-left: 950px;
padding-top: 5px;
padding-bottom: 20px;
}
</style>
</head>
<body>
<div class="header">
<div class="image"><img src="logo.png" ></div>
<div class="left">
<ul>
<li><a href="http://www.boyaa.com/index.html">首页</a></li>
<li><a href="http://www.boyaa.com/game.html">博雅游戏</a></li>
<li><a href="http://www.boyaa.com/news.html">博雅新闻</a></li>
<li><a href="http://www.boyaa.com/about.html">关于我们</a></li>
<li><a href="http://www.boyaa.com/services.html">客服中心</a></li>
<li><a href="http://www.boyaa.com.hk/s/investor.php">投资者关系</a></li>
<li><img src="jrwm.png"></li>
</ul>
</div>
<div class="content"><img src="banner.jpg"></div>
<div class="content1">
<img src="pro1.jpg" class="image2">
<img src="pro2.jpg" class="image1">
<img src="pro3.jpg" class="image1">
<img src="pro4.jpg" class="image1">
<div class="yule">
<ul class="bp">
<li>BPT宣传片</li>
<li><a href="#">点击播放</a><img src="sanjiaoxing.png"></li>
</ul>
<ul class="qita">
<li>互动宣传视频</li>
<li><a href="#">点击播放</a><img src="sanjiaoxing.png"></li>
</ul>
<ul class="qita">
<li>斗地主</li>
<li><a href="http://www.boyaa.com/landlords.html">vdsvdsav</a><img src="sanjiaoxing.png"></li> </ul>
<ul class="qita">
<li>德州扑克</li>
<li><a href="http://www.boyaa.com/texas_poker.html">grregrewg</a><img src="sanjiaoxing.png"></li>
</ul>
</div>
</div>
<div>
<div class="xinwen">
<img src="bynewsbg.png"><br>
<a href="#">09/28 2015博雅国际扑克大赛（BPT）在澳门落幕</a><hr>
<a href="#">08/26 2015BPT博雅国际扑克大赛重榜来袭</a><hr>
<a href="#">08/01 博雅互动与阿里游戏练手启动“淘宝杯首届电视棋牌大赛</a><hr>
<a href="#">07/21 湖南省省长杜家豪一行参观博雅互动</a><hr></div>
</div>
<div class="datu">
<h2>专场招聘</h2>
<h5>BOYAA JOBS</h5>
<dl>
<dt>专场招聘岗位:</dt><hr width="320" align="left" margin-left="20px">
<dd>PHP开发工程师</dd><hr width="320" align="left">
<dd>C++开发工程师</dd><hr width="320" align="left">
<dd>WEB前端开发工程师</dd><hr width="320" align="left">
<dd>大数据开发工程师</dd><hr width="320" align="left" >
</dl>
</div>
<div class="footer">
<div class="hudong"><p>网站地图 | 免费声明</p></div>
<p class="last">Copyright © 2004 - 2016 博雅互动(Boyaa Interactive) 粤ICP备05062536号 网络文化经营许可证：粤网文[2015]1991-405号 增值电信业务经营许可证：粤B2-20110513 </p>
<img src="govIcon.gif">
</div>
</body>
</html>
