🍊作者：计算机编程-吉哥
🍊简介：专业从事JavaWeb程序开发，微信小程序开发，定制化项目、源码、代码讲解、文档撰写、ppt制作。做自己喜欢的事，生活就是快乐的。
🍊心愿：点赞 👍 收藏 ⭐评论📝
🍅文末获取源码联系
效果展示：
部分代码：
<!DOCTYPE html><html><head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title></title><link rel="stylesheet" type="text/css" href="css/normalize.css"/><link rel="stylesheet" type="text/css" href="css/animate.min.css"/><link href="css/owl.carousel.css" rel="stylesheet"><link href="css/owl.theme.css" rel="stylesheet"><link rel="stylesheet" type="text/css" href="///t/font_1470031228_4077797.css"/><link rel="stylesheet" type="text/css" href="css/main.css"/></head><body style="background: #fff;"><nav class="navbar wow pulse"><div class="container clearfix top"><h1 class="pull-left logo wow bounceInLeft"><a href="#"><img src="img/logo.png"/></a></h1><div id="nav-menu" class="wow bounceInRight"><ul class="menu"><li class="stmenu"><a href="index.html" class="xialaguang">首页</a></li><li class="stmenu"><a href="ab.html" class="xialaguang">关于<i></i></a> <ul class="children"> <li><a href="ab.html">关于我们</a></li><li><a href="ab.html">公司荣誉</a></li><li><a href="ab.html">设计团队</a></li><li><a href="ab.html">服务流程</a></li></ul></li><li class="stmenu"><a href="cp.html" class="xialaguang">产品<i></i></a> <ul class="children"> <li><a href="cp.html">建材</a></li><li><a href="cp.html">家具</a></li><li><a href="cp.html">软装</a></li><li><a href="cp.html">家电</a></li></ul></li><li class="stmenu"><a href="zx.html" class="xialaguang">案例<i></i></a> <ul class="children"> <li><a href="zx.html">客厅设计</a></li><li><a href="zx.html">卧室设计</a></li><li><a href="zx.html">厨房设计</a></li></ul></li><li class="stmenu"><a href="xm.html" class="xialaguang">资讯<i></i></a> <ul class="children"> <li><a href="xm.html">装修搭配</a></li><li><a href="xm.html">软装改造</a></li></ul></li><li class="stmenu"><a href="lx.html" class="xialaguang">联系</a></li></ul></div><div class="nav-logo" id="left-menu"><span></span><span></span><span></span></div><div class="top-dh wow bounceInDown" data-wow-delay=".2s"><i class="iconfont icon-dianhua"></i>4000-000-000</div></div></nav><div class="mobile-nav" id="sidr-left"><ul><li><a href="index.html">首页</a></li><li><a href="ab.html">关于</a></li><li><a href="cp.html">产品</a></li><li><a href="zx.html">案例</a></li><li><a href="xm.html">资讯</a></li><li><a href="lx.html">联系</a></li></ul></div><div class="ad clearfix wow pulse" data-wow-delay=".4s"><div id="owl-demo" class="owl-carousel"><div class="item"><picture><source srcset="img/ad001-l.jpg" media="(min-width:50em)"><source srcset="img/ad001-m.jpg" media="(min-width:30em)"><img src="img/ad001.jpg" alt=""></picture></div><div class="item"><picture><source srcset="img/ad002-l.jpg" media="(min-width: 50em)"><source srcset="img/ad002-m.jpg" media="(min-width: 30em)"><img srcset="img/ad002.jpg" alt=""></picture></div><div class="item"><picture><source srcset="img/ad001-l.jpg" media="(min-width:50em)"><source srcset="img/ad001-m.jpg" media="(min-width:30em)"><img src="img/ad001.jpg" alt=""></picture></div><div class="item"><picture><source srcset="img/ad002-l.jpg" media="(min-width: 50em)"><source srcset="img/ad002-m.jpg" media="(min-width: 30em)"><img srcset="img/ad002.jpg" alt=""></picture></div></div></div><ul class="container clearfix columns-box"><li class="wow bounceInDown" data-wow-delay=".1s"><a href="#"><i class="iconfont icon-home"></i><h2>关于我们</h2><p>室内设计（香港）有限公司作为一家致力于商业办公、酒店会所、别墅私宅、陶瓷展厅空间的专业设计机构。</p></a></li><li class="wow bounceInDown" data-wow-delay=".2s"><a href="#"><i class="iconfont icon-trophy"></i><h2>公司荣誉</h2><p>室内设计（香港）有限公司作为一家致力于商业办公、酒店会所、别墅私宅、陶瓷展厅空间的专业设计机构。</p></a></li><li class="wow bounceInDown" data-wow-delay=".3s"><a href="#"><i class="iconfont icon-tuandui2"></i><h2>设计团队</h2><p>室内设计（香港）有限公司作为一家致力于商业办公、酒店会所、别墅私宅、陶瓷展厅空间的专业设计机构。</p></a></li><li class="wow bounceInDown" data-wow-delay=".4s"><a href="#"><i class="iconfont icon-21chakanliucheng"></i><h2>服务流程</h2><p>室内设计（香港）有限公司作为一家致力于商业办公、酒店会所、别墅私宅、陶瓷展厅空间的专业设计机构。</p></a></li></ul><section class="clearfix abouts-index"><div class="abouts-imgs wow bounceInLeft"><div class="abouts-fixed wow pulse" data-wow-delay=".6s" style="display: block; background-image:url(img/ab.jpg);"></div></div><div class="abouts-text wow bounceInRight"><h2 class="h2 animation-undefined">关于我们</h2><p>室内设计有限公司是中国建筑装饰协会会员单位，揭阳市建筑装饰行业协会家装委员会副主任单位，是首批取得广州家庭装饰装修企业资格证的单位之一。"做品味装饰，创名牌企业"，正以饱满的热情和自信一路前行！</p><p>其“品味装饰”商标具有较高的知名度，深受消费者的喜爱与信任。公司成立于1998年，已经成为中国室内装饰行业领军品牌，专业从事家居、商铺、酒店等设计与施工。在10月15日，公司获得广州市工商行政管理局的审批，升格为集团企业，并正式设立广东室内装饰集团。目前已建立了完整的设计、施工、材料以及客户服务系统，取得了建设部门颁发的设计专项乙级，施工专项贰级资质,通过了ISO9001国际质量体系认证，被评定为广东省著名商标。</p><a class="abouts-button" href="#">更多介绍</a></div></section><section class="clearfix team-index wow bounceInLeft"><div class="abouts-text"><h2 class="h2 animation-undefined">设计团队</h2><p class="f16">室内设计精英团队主创设计来自亚洲顶级室内设计公司，荣获多项国内外设计大奖，是一批具有强烈的创作欲望、善于思考、不断进取的设计师精英。</p><p>团队有着丰富的室内设计创意及设计理念，更是有着多年的别墅豪宅、商业空间设计经验，且均来自美术学院、美工学院、美术大学等专业设计院校背景，更是有着国际化的视野及敏锐的时尚触觉，他们崇尚以设计为核心，设计创造价值，提出“无创意”“不设计”的设计理念服务每个客户。</p><a class="abouts-button" href="#">更多介绍</a></div><div class="abouts-imgs wow bounceInRight"><div class="abouts-fixed wow pulse" data-wow-delay=".6s" style="display: block; background-image:url(img/02.jpg);"></div></div></section><section class="prices-box clearfix"><h2 class="prices-title wow bounceIn">装修案例</h2><div id="owl-demo2" class="owl-carousel wow bounceInUp"><div class="item"><a href="#"><img src="img/a1.jpg" alt=""><div class="al-txt"><h3>爱琴海浪漫风格豪华别墅</h3><p>【 · 浏览 · 】</p></div></a></div><div class="item"><a href="#"><img src="img/a2.jpg" alt=""><div class="al-txt"><h3>爱琴海浪漫风格豪华别墅</h3><p>【 · 浏览 · 】</p></div></a></div><div class="item"><a href="#"><img src="img/a3.jpg" alt=""><div class="al-txt"><h3>爱琴海浪漫风格豪华别墅</h3><p>【 · 浏览 · 】</p></div></a></div><div class="item"><a href="#"><img src="img/a2.jpg" alt=""><div class="al-txt"><h3>爱琴海浪漫风格豪华别墅</h3><p>【 · 浏览 · 】</p></div></a></div><div class="item"><a href="#"><img src="img/a1.jpg" alt=""><div class="al-txt"><h3>爱琴海浪漫风格豪华别墅</h3><p>【 · 浏览 · 】</p></div></a></div></div></section><section class="container clearfix"><h2 class="prices-title wow bounceIn">宣传视频</h2><div class="vod wow pulse"><i></i><img src="img/vod.jpg"/></div></section><section class="info-box"><h2 class="prices-title wow bounceIn">软装搭配</h2><div class="container clearfix"><ul class="info-list case-list wow bounceInLeft"><li><a href="#" class="pic"><img src="img/in1.jpg"/></a><h3><a href="#">让家春暖花开 美丽姑娘的优雅出租屋</a></h3><time>-07-19 13:41:15</time><p>木色为主的家具将大开间包裹成典型的日式风格。由于空间的长条形状，一切软装看似简单而信手拈来，实则藏着Tin..</p><span>标签 :<a href="#" title="春暖花开">春暖花开</a><a href="#" title="优雅">优雅</a><a href="#" title="出租屋">出租屋</a></span></li><li><a href="#" class="pic"><img src="img/in1.jpg"/></a><h3><a href="#">让家春暖花开 美丽姑娘的优雅出租屋</a></h3><time>-07-19 13:41:15</time><p>木色为主的家具将大开间包裹成典型的日式风格。由于空间的长条形状，一切软装看似简单而信手拈来，实则藏着Tin..</p><span>标签 :<a href="#" title="春暖花开">春暖花开</a><a href="#" title="优雅">优雅</a><a href="#" title="出租屋">出租屋</a></span></li><li><a href="#" class="pic"><img src="img/in1.jpg"/></a><h3><a href="#">让家春暖花开 美丽姑娘的优雅出租屋</a></h3><time>-07-19 13:41:15</time><p>木色为主的家具将大开间包裹成典型的日式风格。由于空间的长条形状，一切软装看似简单而信手拈来，实则藏着Tin..</p><span>标签 :<a href="#" title="春暖花开">春暖花开</a><a href="#" title="优雅">优雅</a><a href="#" title="出租屋">出租屋</a></span></li><li><a href="#" class="pic"><img src="img/in1.jpg"/></a><h3><a href="#">让家春暖花开 美丽姑娘的优雅出租屋</a></h3><time>-07-19 13:41:15</time><p>木色为主的家具将大开间包裹成典型的日式风格。由于空间的长条形状，一切软装看似简单而信手拈来，实则藏着Tin..</p><span>标签 :<a href="#" title="春暖花开">春暖花开</a><a href="#" title="优雅">优雅</a><a href="#" title="出租屋">出租屋</a></span></li></ul></div></section><footer><section class="container clearfix"><div class="met-footer foot-01 wow bounceInLeft"><h3>关于我们</h3><p>Android on Chrome OS支持ARM跟x86架构的CPU，但是这用处也不大。毕竟移动设备用的几乎都是ARM的，很多安卓应用已经为ARM平台做了优化理能要求。</p><div class="social-box"><a href="#"><i class="iconfont icon-qq"></i></a><a href="#"><i class="iconfont icon-xinlang"></i></a><a href="#"><i class="iconfont icon-wechat"></i></a></div></div><div class="met-footer foot-02 wow bounceInUp"><h3>联系我们</h3><p><i class="iconfont icon-dizhi"></i>北京市朝阳区东三环39号建外SOHO A座28层</p><p><i class="iconfont icon-dianhua"></i>4000-000-000</p><p><i class="iconfont icon-youjian"></i>dwthadfsdsd@</p><p><i class="iconfont icon-chuanzhen"></i>+86-010-00000000</p><p><i class="iconfont icon-liuyan"></i>立即留言</p></div><div class="met-footer foot-03 wow bounceInRight"><h3>新闻资讯</h3><dl><dt><a href="#"><img src="img/thumb.jpg"/></a></dt><dd><a href="#">老房子换新装 100平摩登复式家装攻略</a><time>-07-19</time></dd></dl><dl><dt><a href="#"><img src="img/thumb.jpg"/></a></dt><dd><a href="#">老房子换新装 100平摩登复式家装攻略</a><time>-07-19</time></dd></dl><dl><dt><a href="#"><img src="img/thumb.jpg"/></a></dt><dd><a href="#">老房子换新装 100平摩登复式家装攻略</a><time>-07-19</time></dd></dl></div></div></section><div class="copy wow bounceInUp"><div class="container clearfix"><ul class="links clearfix"><li>友情链接 :</li><li><a href="#">中国家居装修协会</a></li><li><a href="#">家居装修协会</a></li><li><a href="#">装修协会</a></li><li><a href="#">中国家居装修协会</a></li><li><a href="#">家居装修协会</a></li><li><a href="#">装修协会</a></li></ul><p>Copyright © - 家居公司 |室内设计公司 <p>京ICP备13018480号-1</p></div></div></footer><script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script><script src="js/owl.carousel.js" type="text/javascript" charset="utf-8"></script><script src="js/jquery.sidr.min.js" type="text/javascript" charset="utf-8"></script><script src="js/picturefill.min.js" type="text/javascript" charset="utf-8"></script><script src="js/main.js" type="text/javascript" charset="utf-8"></script><script src="///wow/1.1.2/wow.js" type="text/javascript" charset="utf-8"></script><script>if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){new WOW().init();};</script></body></html>
更多文章：Web前端期末大作业
公众号：IT跃迁谷【更多精彩文章】
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓如果大家有任何疑虑，请在下方昵称位置详细咨询。
