zoukankan      html  css  js  c++  java
  • day6

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    <title></title>
    <style>
    body{
    margin: 0px;
    }
    #a1{
    1903px;
    height: 100px;
    background: #F7F7F7;
    }
    #a1-1{
    900px;
    margin: auto;
    }
    #a1-1-1{
    float: right;
    font-size: 10px;
    margin-top: 4px;
    background: #F8F8F8;
    color: #9c9a9c;
    }
    #a1-1-2{
    float: right;
    font-size: 10px;
    text-align:left ;
    margin-top: 4px;
    background: #F8F8F8;
    margin-right: 40px ;
    }
    input{
    100px;
    margin-left: 20px ;
    background-image: url(img/search.png);
    background-repeat:no-repeat ;
    padding-left:17px ;
    color: #9c9a9c;
    }
    input:hover{
    100px;
    margin-left: 20px ;
    background-image: url(img/search.png);
    background-repeat:no-repeat ;
    padding-left: 17px;
    }
    #a2{
    margin-top: 40px;
    margin-left: 460px;
    }
    #a3{
    margin-top: -70px;
    margin-left: 820px;
    }
    #a3-1{
    float:left ;
    }
    #a3 li{
    list-style: none;
    float: right;
    margin-right: 50px;
    margin-left: 20px;
    }
    #a3 li a{
    text-decoration: none;
    font-size: 14px;
    font: "微软雅黑";
    font-weight: 500;
    color:#237A5C ;
    }
    #b1{
    height: 380px;
    }
    #b1-1{
    margin: auto;
    background-image: url(img/banner4-1.jpg);
    background-repeat: no-repeat;
    1600px;
    height: 380px;
    }
    #c1{
    1104px;
    height: 230px;
    margin: auto;
    }
    #c1-1{
    550px;
    height: 230px;
    float: left;
    }
    #c1-2{
    550px;
    height: 230px;
    float:right;
    }
    #c1-1-1{
    128px;
    height: 230px;
    float: left;
    }
    #c1-1-1-1{
    100px;
    height: 150px;
    background-image: url(img/index_chc.jpg);
    background-repeat:no-repeat ;
    margin: auto;
    }
    #c1-1-1-2{
    font-size: 18px;
    color: #9c9a9c;
    margin-bottom: 7px;
    }
    #c1-1-1-3{
    font-size: 13px;
    color: #9c9a9c;
    margin-bottom: 7px;
    }
    #c1-1-1-4{
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 15px;
    }
    #c1-1-1-5 a{
    font-size: 14px;
    text-decoration: none;
    color: #7AB590;
    }
    #c1-1-1-5{
    margin-top: 12px;
    }
    #c1-1-2{
    392px;
    height: 230px;
    float:right;
    }
    #c1-2-1{
    128px;
    height: 230px;
    float: left;
    }
    #c1-2-1-1{
    100px;
    height: 150px;
    background-image: url(img/index_case.jpg);
    background-repeat:no-repeat ;
    margin-left:60px;
    }
    #c1-2-2{
    362px;
    height: 230px;
    float:right;
    padding-left: 10px;
    }
    #c1-1-1-2{
    font-size: 16px;
    color: #9c9a9c;
    }
    #c1-1-1-2{
    font-size: 16px;
    color: #9c9a9c;
    }
    #c1-2-2-2{
    font-size: 18px;
    color: #9c9a9c;
    margin-bottom: 7px;
    }
    #c1-2-2-3{
    font-size: 14px;
    color: #696969;
    }
    span{
    font-weight:900;
    }
    #d1{
    1903px;
    height: 60px;
    background: #DAB866;
    position: relative;
    }
    #d1-1{
    float: left;
    height: 60px;
    line-height: 60px;
    color: white;
    font-size: 18px;
    font: "仿宋";
    margin-left: 200px;
    }
    #d1-2{
    float: left;
    1000px;
    height: 60px;
    background-image: url(img/brand_img.jpg);
    background-repeat: no-repeat;
    top: 4px;
    margin-left: 1050px;
    position: absolute;
    }
    #f1{
    1300px;
    height: 130px;
    margin: auto;
    }
    #f1-1{
    float: left;
    180px;
    height: 130px;
    }
    #f1-1-1{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #9c9a9c;
    }
    #f1-1-2{
    font-size: 12px;
    color: #9c9a9c;
    font-weight: bold;
    }
    #f1-2{
    float: left;
    250px;
    height: 130px;
    margin-left: 40px;
    }
    #f1-2-1{
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #9c9a9c;
    }
    #f1-3{
    float: left;
    180px;
    height: 130px;
    margin-left: 40px;
    }
    #f1-3-1{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #9c9a9c;
    }
    #f1-4{
    float: left;
    180px;
    height: 130px;
    margin-left: 40px;
    }
    #f1-4-1{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #9c9a9c;
    }
    #f1-5{
    float: left;
    180px;
    height: 130px;
    margin-left: 40px;
    }
    #f1-5-1{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #9c9a9c;
    font-weight: 800;
    }
    #f1-5-2{
    180px;
    height: 35px;
    }
    #f1-5-2-1{
    float: left;
    40px;
    height: 35px;
    background-image: url(img/qq_wb.jpg);
    background-repeat: no-repeat;
    }
    #f1-5-2-2{
    float: left;
    40px;
    height: 35px;
    margin-left: 40px;
    background-image: url(img/sina_wb.jpg);
    background-repeat: no-repeat;
    }
    #f1-5-2-3{
    float: left;
    50px;
    height: 35px;
    margin-left: 40px;
    background-image: url(img/rss.jpg);
    background-repeat: no-repeat;
    }
    #f1-5-3{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    color: #9c9a9c;
    }
    </style>
    </head>
    <body>
    <div id="a1">
    <div id="a1-1">
    <div id="a1-1-2"><input id="a1-1-3" type="text" value="Search"></div>
    <div id="a1-1-1">Contact | sitemap</div>
    </div>
    <div>
    <img id="a2" src="img/logo.png">
    <div id="a3">
    <ul id="a3-1">
    <li>
    <h4>
    <a href="">关于华域</a>
    </h4>
    </li>
    <li>
    <h4>
    <a href="">核心服务</a>
    </h4>
    </li>
    <li>
    <h4>
    <a href="">客户案例</a>
    </h4>
    </li>
    <li>
    <h4>
    <a href="">华域视点</a>
    </h4>
    </li>
    <li>
    <h4>
    <a href="">联系华域</a>
    </h4>
    </li>
    </ul>
    </div>
    </div>
    </div>
    <div id="b1">
    <div id="b1-1"></div>
    </div>
    <div id="c1">
    <div id="c1-1">
    <div id="c1-1-1">
    <div id="c1-1-1-1"></div>
    </div>
    <div id="c1-1-2">
    <div id="c1-1-1-2">关于华域</div>
    <div id="c1-1-1-3">华域酒店顾问(CHC) 中国高星级酒店项目开发筹建领域的品牌服务<br/>
    机构。专注于为高星级酒店提供投资评估、开发策略设计、设计及工<br/>
    工程技术支持、管理咨询等多维度的顾问服务。
    </div>
    <div id="c1-1-1-4">8年历程&nbsp;持续积累&nbsp;融合共赢&nbsp;与客户一起共同创造新酒<br/>
    店!
    </div>
    <div id="c1-1-1-5"><a href="#">MORE></a></div>
    </div>
    </div>
    <div id="c1-2">
    <div id="c1-2-1">
    <div id="c1-2-1-1"></div>
    </div>
    <div id="c1-2-2">
    <div id="c1-2-2-2">客户案例</div>
    <div id="c1-2-2-3"><span>甘肃公路航空旅游集</span>/黄河明珠大酒店<br/>
    <span> 新余超力房地产</span>/钟山国际酒店项目<br/>
    <span> 郑州恒通地产</span>/郑州恒通酒店项目<br/>
    <span>郑州海龙实业集团</span>/郑州海龙大酒店<br/>
    <span>深圳中恒信达投资集</span>/营口城市商务酒店项<br/>
    <span>河南亚飞汽车销售有</span>/洛阳亚飞汉宫酒店项<br/>
    <span>成都协信置业</span>/协信广场酒店项目<br/>
    <span>湘西地产</span>/湘西边城大酒店项目
    </div>
    <div id="c1-1-1-5"><a href="#">MORE></a></div>
    </div>
    </div>
    </div>
    <div id="d1">
    <div id="d1-1">CHC Hotels Consultant WithCustomers To Create The New Hotel</div>
    <div id="d1-2"></div>
    </div>
    <div id="f1">
    <div id="f1-1">
    <div id="f1-1-1">酒店投资顾问</div>
    <div id="f1-1-2">市场及财务可行性研究<br/>
    酒店业专项市场研究<br/>
    竞争对手研究<br/>
    酒店项目招商中介<br/>
    </div>
    </div>
    <div id="f1-2">
    <div id="f1-2-1">综合开发策略咨询</div>
    <div id="f1-1-2">城市新区五星级酒店开发策略咨询<br/>
    城市综合体酒店项目开发策略咨询<br/>
    精品酒店策划<br/>
    精品酒店开发策略咨询<br/>
    </div>
    </div>
    <div id="f1-3">
    <div id="f1-3-1">技术支持服务</div>
    <div id="f1-1-2">业主综合技术服务支持<br/>
    酒店开发专题培训<br/>
    建筑期工程技术服务<br/>
    酒店设计顾问<br/>
    </div>
    </div>
    <div id="f1-4">
    <div id="f1-4-1">酒店管理顾问</div>
    <div id="f1-1-2">酒店开发筹备顾问<br/>
    酒店管理评估<br/>
    管理品牌采购顾问<br/>
    </div>
    </div>
    <div id="f1-5">
    <div id="f1-5-1">关注华域</div>
    <div id="f1-5-2">
    <div id="f1-5-2-1">
    <div id="f1-5-2-2">
    <div id="f1-5-2-3">
    </div>
    </div>
    </div>
    </div>
    <div id="f1-5-3">&copy;2012 Hotels Consultant</div>
    </div>
    </div>
    </body>
    </html>

  • 相关阅读:
    B507实验室打印机连接方法
    2016年武汉大学计算机学院“新技术系列讲座”简介记录
    使用SpringBoot快速构建应用程序
    UIColor,CGColor,CIColor三者的区别和联系
    Objective C中NULL、Nil、nil、NSNull 的区别
    iOS 部分机制
    常见排序算法-采用Objective-c实现
    iOS的永久存储
    网络协议初探
    iOS多线程编程之Grand Central Dispatch(GCD)介绍和使用
  • 原文地址:https://www.cnblogs.com/hfew/p/10520744.html
Copyright © 2011-2022 走看看