<!DOCTYPE html>
<html class="zh-CN" lang="zh-CN">
<head>
<meta charset="utf-8" />
<title>H5响应式创意家具饰品页面html源码模板 - 代码库</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="布拉猫设计" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta http-equiv="cleartype" content="on" />
<meta name="renderer" content="webkit" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta name="robots" content="noarchive" />
<link rel="stylesheet" href="css/swiper.min.css" />
<link rel="stylesheet" href="css/style.css" />
<script src="js/modernizr-2.8.3-respond-1.4.2.min.js"></script>
<script src="js/jquery-1.9.1.min.js"></script>
<!--[if lt IE 10]>
<script type="text/javascript">
document.location="/outdatedbrowser/"
</script>
<![endif]-->
</head>
<!--/************************************************************
* *
* 代码库 *
* www.dmaku.com *
* 努力创建完善、持续更新插件以及模板 *
* *
**************************************************************-->
<body class="home loading">
<div id="pageloader">
<div class="loader-icon">
<svg class="circular" viewbox="25 25 50 50">
<circle class="path" cx="50" cy="50" r="20" fill="none" stroke="#999" stroke-width="2" stroke-miterlimit="10" />
</svg>
</div>
</div>
<div id="nav_overlayer"></div>
<header class="trans">
<a href="javascript:;" class="top_logo trans">
<div class="logo_img">
<img class="trans" src="images/logo.png" alt="logo" />
</div> </a>
<a href="javascript:;" class="lang_btn trans"> <span class="cn"></span> <span class="en"></span> </a>
<nav>
<button class="menu_btn trans">MENU<span></span></button>
<ul id="nav">
<li class='trans experience'> <a href="javascript:;" class="trans"><span>首页</span> </a> </li>
<li class='has_sub trans '>
<a href='#' href="javascript:;" class='submenu_btn trans'>
<span class="cn">产品</span>
<i class="icon-arrow-right"></i>
</a>
<div class="subnav">
<button class="back_btn icon-arrow-back">BACK</button>
<ul class="clearfix"><li><a href=/a/chanpin/canzhuo class='icon-dining-table trans'>餐桌</a></li><li><a href=/a/chanpin/yizi class='icon-chair trans'>椅子</a></li><li><a href=/a/chanpin/biangui class='icon-side-cabinet trans'>边柜</a></li><li><a href=/a/chanpin/shafa class='icon-sofa trans'>沙发</a></li><li><a href=/a/chanpin/chaji class='icon-tea-table trans'>茶几</a></li><li><a href=/a/chanpin/tinggui class='icon-living-room-cabinet trans'>厅柜</a></li><li><a href=/a/chanpin/chuang class='icon-bed trans'>床</a></li><li><a href=/a/chanpin/woshigui class='icon-bedroom-cabinet trans'>卧室柜</a></li><li><a href=/a/chanpin/shufang class='icon-desk-and-bookcase trans'>书房</a></li><li><a href=/a/chanpin/peishi class='icon-accessories trans'>配饰</a></li></ul>
</div>
</li><li class=' trans '>
<a href="javascript:;" class='submenu_btn trans'>
<span class="cn">案例</span>
<i class="icon-arrow-right"></i>
</a>
<div class="subnav">
<button class="back_btn icon-arrow-back">BACK</button>
<ul class="clearfix"><li><a href=/a/anli/aiduosi class='icon-dining-table trans'>艾多斯</a></li><li><a href=/a/anli/boerge class='icon-sofa trans'>博尔戈</a></li></ul>
</div>
</li><li class=' trans '>
<a href="javascript:;" class=' trans'>
<span class="cn">新闻资讯</span>
<i class="icon-arrow-right"></i>
</a>
<div class="subnav">
<button class="back_btn icon-arrow-back">BACK</button>
</div>
</li><li class=' trans '>
<a href="javascript:;" class=' trans'>
<span class="cn">关于</span>
<i class="icon-arrow-right"></i>
</a>
<div class="subnav">
<button class="back_btn icon-arrow-back">BACK</button>
</div>
</li><li class=' trans '>
<a href="javascript:;" class=' trans'>
<span class="cn">实体店</span>
<i class="icon-arrow-right"></i>
</a>
<div class="subnav">
<button class="back_btn icon-arrow-back">BACK</button>
</div>
</li>
</ul>
</nav>
</header>
<div id="main">
<section id="head" class="c-white">
<div class="fixed-head swiper-container head-swiper autoplay">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="p-abs full coverbg headbg" data-proload="images/head-about.jpg" data-swiper-parallax="50%"></div>
<div class="cont wrap fullw center trans_alpha">
<div class="container">
<a href="javascript:;" class="wrap-s" style="transform: rotateX(30deg) rotateY(0deg) rotateZ(0deg); -webkit-transform: rotateX(30deg) rotateY(0deg) rotateZ(0deg); translateX(4%);"> <h1 class="bold lhxs" data-swiper-parallax="50%" data-swiper-parallax-duration="2000">DESIGN IN MY LIFE</h1> <h4 class="cn lhxs capitalize m-t-xs m-b-sm" data-swiper-parallax="40%" data-swiper-parallax-duration="1800">布拉猫设计专注于打造高品质的 [现代生活方式]</h4> <span data-swiper-parallax="30%" data-swiper-parallax-duration="1700">- view this product -</span> </a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="p-abs full coverbg headbg" data-proload="images/ockham.jpg" data-swiper-parallax="50%"></div>
<div class="cont wrap fullw center trans_alpha">
<div class="container">
<a href="javascript:;" class="wrap-s" style="transform: rotateX(30deg) rotateY(0deg) rotateZ(0deg); -webkit-transform: rotateX(30deg) rotateY(0deg) rotateZ(0deg); translateX(4%);"> <h1 class="bold lhxs" data-swiper-parallax="50%" data-swiper-parallax-duration="2000">OCKHAM SOFA</h1> <h4 class="cn lhxs capitalize m-t-xs m-b-sm" data-swiper-parallax="40%" data-swiper-parallax-duration="1800">我们用简单表现更深的生活意义 ? 以简约为魂 ? 形随心至</h4> <span data-swiper-parallax="30%" data-swiper-parallax-duration="1700">- view this product -</span> </a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="p-abs full coverbg headbg" data-proload="images/head-experience.jpg" data-swiper-parallax="50%"></div>
<div class="cont wrap fullw center trans_alpha">
<div class="container">
<a href="javascript:;" class="wrap-s" style="transform: rotateX(30deg) rotateY(0deg) rotateZ(0deg); -webkit-transform: rotateX(30deg) rotateY(0deg) rotateZ(0deg); translateX(4%);"> <h1 class="bold lhxs" data-swiper-parallax="50%" data-swiper-parallax-duration="2000">HOME EXPERIENCE</h1> <h4 class="cn lhxs capitalize m-t-xs m-b-sm" data-swiper-parallax="40%" data-swiper-parallax-duration="1800">体验生活 ? 简单即是快乐 ? 相处便有温情</h4> <span data-swiper-parallax="30%" data-swiper-parallax-duration="1700">- view this product -</span> </a>
</div>
</div>
</div>
</div>
<div class="bottom">
<div class="pagination pagination-white inside"></div>
<div class="line"></div>
<i class="icon-arrow-thin-down anim-down-arrow"></i>
</div>
<button class="btn-prev arrow"><span></span></button>
<button class="btn-next arrow"><span></span></button>
</div>
</section>
<div id="body">
<section id="products" class="p-v-lg pb0 bgc-body">
<div class="container">
<h2 class="m-b-md anim_emt scale_blur">PROD