Skip to content

html / bdideal

Go to a project
Commit cd778c9f by hank
Options

首页

parent 3a004fef
Showing with 1329 additions and 320 deletions
html/index.html
......@@ -31,8 +31,9 @@
<body>
<div class="main-container">
<div class="navbar-fixed-container">
<div class="navbar navbar-inverse navbar-fixed-top affix-top" data-spy="affix" data-offset-top="1">
<div class="navbar-container">
<div class="navbar navbar-inverse ">
<!-- data-spy="affix" data-offset-top="1" -->
<nav role="navigation">
<div class="container">
<div class="nav navbar-header">
......@@ -42,17 +43,17 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><span itemprop="name">数字理想</span></a>
<a class="navbar-brand" href="index.html"><img src="../img/LOGOsmall.png" alt=""></a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a id="nav-index" href="./index.html">首页</a></li>
<li class="link-active"><a id="nav-index" href="./index.html">首页</a></li>
<li><a id="nav-about" href="./about.html">关于我们</a></li>
<li><a id="nav-products" href="./products.html">我们的产品</a></li>
<li><a id="nav-solution" href="./solution.html">解决方案</a></li>
<li><a href="./dynamic.html" id="nav-dynamic">行业动态</a>
<li><a href="./dynamic.html" id="nav-dynamic">行业动态</a>
</li>
<li><a href="./recruit.html" id="nav-recruit">招贤纳士</a>
<li><a href="./recruit.html" id="nav-recruit">招贤纳士</a>
</li>
</ul>
</div>
......@@ -60,7 +61,7 @@
</nav>
</div>
</div>
<div id="banner" class="animated fadeInUp" style="height: 690px;
<div id="banner" class="" style="height: 552px;
visibility: visible;
animation-delay: 0.3s;
animation-duration: 0.3s;">
......@@ -102,224 +103,411 @@
<!-- 如果需要滚动条 -->
</div>
<div class="container ">
<div class="word-box">
<p class="line1"></p>
<p class="btworden animated bounceInRight" style="animation-delay: 1s;">ART AND TECHNOLOGY INTEGRATION</p>
<p class="btword animated bounceInRight " style="animation-delay: 0.7s;">技术创造艺术的大数据可视化团队</p>
<p class="conword animated bounceInRight" style="animation-delay: 0.4s;">我们坚持用科技创造艺术的理想，不断走在视觉艺术的最前沿。</p>
<p class="line2"></p>
</div>
</div>
</div>
<div class="tab-container">
</div>
<!-- <div class="tab-container">
<ul>
<li>专业数据平台</li>
<li>先进解决方案</li>
<li>技术驱动创新</li>
<li>图形震撼创业</li>
</ul>
</div>
</div> -->
<div class="main2-container">
<div class="our-products">
<div class="common-title">
<span class="word">
我们的产品
</span>
</div>
<div style="background-color:white;">
<p class="text-center">我们一直努力创新将枯燥的数据图表变得更易于理解和观赏</p>
<div class="text-center">提供数据分析工作者真正高效的制作工具，将纷繁的数字变成一道令人兴奋与震撼的风景线</div>
<div class="container relative our">
<div class="word-right">
<div class="title" data="Abuout Us">我们的产品</div>
<p class="">我们一直努力创新将枯燥的数据图表变得更易于理解和观赏</p>
<div class="">将纷繁的数字变成一道令人兴奋与震撼的风景线</div>
</div>
<div class="container">
<div class="views-content">
<div class="content">
<div class="item left">
<div class="one animated fadeIn">
智慧城市可视化管控平台
</div>
<div class="two animated fadeIn">
<h2 class="text-center">智慧城市可视化管控平台</h2>
<ul>
<li> • 毫秒级数据采集，全类型数据汇聚</li>
<li> • 探索全量企业数据，充分发挥大数据价值 </li>
<li> • 实时分布式计算平台，构建大数据算力 </li>
</ul>
</div>
</div>
<div class="item right">
<div class="one animated fadeIn">
智慧城市可视化管控平台
</div>
<div class="two animated fadeIn">
<h2 class="text-center">企业智慧可视化管控平台</h2>
<ul>
<li> • 毫秒级数据采集，全类型数据汇聚</li>
<li> • 探索全量企业数据，充分发挥大数据价值 </li>
<li> • 实时分布式计算平台，构建大数据算力 </li>
</ul>
</div>
</div>
</div>
<div class="views-content">
<div class="one animated fadeInUp" style="animation-delay: 0.2s;">
<img src="../img/02_01.png" alt="">
<a href="">进入详情</a>
</div>
<div class="two animated fadeInUp" style="animation-delay: 0.5s;">
<img src="../img/02_02.png" alt="">
<a href="">进入详情</a>
</div>
</div>
</div>
<div class="solution">
<div class="container">
<div class="common-title">
<span class="word">解决方案</span>
</div>
<div class="text-center table-a">
大数据可视化平台 I 数字展厅 I 数字互动解决方案
</div>
<div class="solution">
<div class="container">
<div class="left-menu">
<div class="menu-title">
<img src="../img/titlte2.png" alt="">
</div>
<div class="list">
<div class="item">
<div class="item-title"></div>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="item">
<a href=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="item">
<a href=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="item">
<a href=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="item">
<a href=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="item">
<a href=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="menu-list">
<div class="menu-item active">大数据可视化平台</div>
<div class="menu-item">数字展厅 </div>
<div class="menu-item">数字互动解决方案</div>
</div>
</div>
</div>
<div class="industry-dynamics">
<div class="common-title">
行业动态
</div>
<div class="container">
<div class="list" style>
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro2.jpg" alt="">
<div class="list">
<div id="dashuju" class="list-item">
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro8.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="item-title">
数字理想作为优秀被投企业受邀参加哈工创投三周年庆典
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro7.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="bottom-word">
<span class="name">商讯</span>
<span class="name">2019.01.18</span>
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro6.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
</a>
</div>
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro2.jpg" alt="">
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro5.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="item-title">
数字理想作为优秀被投企业受邀参加哈工创投三周年庆典
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro4.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="bottom-word">
<span class="name">商讯</span>
<span class="name">2019.01.18</span>
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro3.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
</a>
</div>
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro2.jpg" alt="">
</div>
<div id="shuzizhanting" class="list-item">
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro2.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="item-title">
数字理想作为优秀被投企业受邀参加哈工创投三周年庆典
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro3.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="bottom-word">
<span class="name">商讯</span>
<span class="name">2019.01.18</span>
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro4.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
</a>
</div>
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro2.jpg" alt="">
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro5.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="item-title">
数字理想作为优秀被投企业受邀参加哈工创投三周年庆典
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro6.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="bottom-word">
<span class="name">商讯</span>
<span class="name">2019.01.18</span>
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro1.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
</div>
<div id="shuzihudong" class="list-item">
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro4.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro1.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro7.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro8.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro5.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro6.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div
id="footer"
style="background: rgb(46, 46, 46); font-size: 16px; color: #fff;"
>
<div class="container">
<div class="row footer-content">
<div class="col-xs-12 col-sm-12 col-md-4">
<p>联系我们:</p>
<p>
电话：(8601)56833060
</p>
<p>
Email：service@bdideal.com
</p>
<p>
地址：北京市海淀区知春路盈都大厦D座3010室
</p>
</div>
<div class="industry-dynamics">
<div class="container">
<div class="list" >
<div class="list-item">
<div class="item">
<a href="">
<div class="img-container">
<img src="../img/dynamics1.png" alt="">
</div>
<div class="item-title">
数字理想作为优秀被投企业受邀参加哈工创投三周年庆典
</div>
<div class="bottom-word">
<span class="name">大数据</span>
<span class="date"><img src="../img/time.png" alt=""> 2019.01.21</span>
</div>
</a>
</div>
<div class="item">
<a href="">
<div class="img-container">
<img src="../img/dynamics2.png" alt="">
</div>
<div class="item-title">
数字理想用120个昼夜在潼湖实现了一个小目标
</div>
<div class="bottom-word">
<span class="name">大数据</span>
<span class="date"><img src="../img/time.png" alt="">2018.11.29</span>
</div>
</a>
</div>
<div class="item">
<a href="">
<div class="img-container">
<img src="../img/dynamics3.png" alt="">
</div>
<div class="item-title">
可视化百人谈丨彭群生：可视化应成为辅助思维的有力工具
</div>
<div class="bottom-word">
<span class="name">数据可视化</span>
<span class="date"><img src="../img/time.png" alt="">2019.02.15</span>
</div>
</a>
</div>
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro2.jpg" alt="">
</div>
<div class="item-title">
《新闻1+1》大数据里，我们过了怎样的年？
</div>
<div class="bottom-word">
<span class="name">大数据</span>
<span class="date"><img src="../img/time.png" alt="">2019.01.21</span>
</div>
</a>
</div>
</div>
<div class="list-item">
<div class="item">
<a href="">
<div class="img-container">
<img src="../img/dynamics1.png" alt="">
</div>
<div class="item-title">
数字理想作为优秀被投企业受邀参加哈工创投三周年庆典
</div>
<div class="bottom-word">
<span class="name">大数据</span>
<span class="date"><img src="../img/time.png" alt=""> 2019.01.21</span>
</div>
</a>
</div>
<div class="item">
<a href="">
<div class="img-container">
<img src="../img/dynamics2.png" alt="">
</div>
<div class="item-title">
数字理想用120个昼夜在潼湖实现了一个小目标
</div>
<div class="bottom-word">
<span class="name">大数据</span>
<span class="date"><img src="../img/time.png" alt="">2018.11.29</span>
</div>
</a>
</div>
<div class="item">
<a href="">
<div class="img-container">
<img src="../img/dynamics3.png" alt="">
</div>
<div class="item-title">
可视化百人谈丨彭群生：可视化应成为辅助思维的有力工具
</div>
<div class="bottom-word">
<span class="name">数据可视化</span>
<span class="date"><img src="../img/time.png" alt="">2019.02.15</span>
</div>
</a>
</div>
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro2.jpg" alt="">
</div>
<div class="item-title">
《新闻1+1》大数据里，我们过了怎样的年？
</div>
<div class="bottom-word">
<span class="name">大数据</span>
<span class="date"><img src="../img/time.png" alt="">2019.01.21</span>
</div>
</a>
</div>
</div>
<div class="list-item">
<div class="item">
<a href="">
<div class="img-container">
<img src="../img/dynamics1.png" alt="">
</div>
<div class="item-title">
数字理想作为优秀被投企业受邀参加哈工创投三周年庆典
</div>
<div class="bottom-word">
<span class="name">大数据</span>
<span class="date"><img src="../img/time.png" alt=""> 2019.01.21</span>
</div>
</a>
</div>
<div class="item">
<a href="">
<div class="img-container">
<img src="../img/dynamics2.png" alt="">
</div>
<div class="item-title">
数字理想用120个昼夜在潼湖实现了一个小目标
</div>
<div class="bottom-word">
<span class="name">大数据</span>
<span class="date"><img src="../img/time.png" alt="">2018.11.29</span>
</div>
</a>
</div>
<div class="item">
<a href="">
<div class="img-container">
<img src="../img/dynamics3.png" alt="">
</div>
<div class="item-title">
可视化百人谈丨彭群生：可视化应成为辅助思维的有力工具
</div>
<div class="bottom-word">
<span class="name">数据可视化</span>
<span class="date"><img src="../img/time.png" alt="">2019.02.15</span>
</div>
</a>
</div>
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro2.jpg" alt="">
</div>
<div class="item-title">
《新闻1+1》大数据里，我们过了怎样的年？
</div>
<div class="bottom-word">
<span class="name">大数据</span>
<span class="date"><img src="../img/time.png" alt="">2019.01.21</span>
</div>
</a>
</div>
</div>
</div>
<div class="right-menu">
<div class="menu-title text-right">
<img src="../img/title3.png" alt="">
</div>
<div class="menu-list">
<div class="menu-item active">大数据可视化平台</div>
<div class="menu-item">数字展厅</div>
<div class="menu-item">数字互动解决方案</div>
</div>
</div>
<div class="more text-center">more ＞＞</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4">
<p>友情链接:</p>
<p>
迈动互联（北京）科技有限公司
</p>
<p>
美智互联网络有限公司
</p>
<!-- <p>
</div>
</div>
<div id="footer" style="background: rgb(46, 46, 46); font-size: 16px; color: #fff;">
<div class="container">
<div class="row footer-content">
<div class="col-xs-12 col-sm-12 col-md-4">
<p>联系我们:</p>
<p>
电话：(8601)56833060
</p>
<p>
Email：service@bdideal.com
</p>
<p>
地址：北京市海淀区知春路盈都大厦D座3010室
</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-4">
<p>友情链接:</p>
<p>
迈动互联（北京）科技有限公司
</p>
<p>
美智互联网络有限公司
</p>
<!-- <p>
地址：北京市海淀区知春路盈都大厦D座3010室
</p> -->
</div>
<div class="col-xs-12 col-sm-12 col-md-4 text-center">
<p class="weixin-img">
<img src="/img//weixin.png" alt="">
</p>
<div>扫一扫获取更多资讯</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 text-center">
<p class="weixin-img">
<img src="/img//weixin.png" alt="">
</p>
<div>扫一扫获取更多资讯</div>
</div>
</div>
</div>
</div>
<div
class="copyright text-center"
style="height: 50px;
<div class="copyright text-center" style="height: 50px;
line-height: 50px;
text-align: center;
font-size: 12px;
color: #fff;
background: #212121;"
>
@2018 all copyrights reserved by bdideal.com
background: #212121;">
@2018 all copyrights reserved by bdideal.com
</div>
</div>
</div>
<div id="particles-js" class="is-hello"></div>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.js"></script>
<script src="../js/banner.js"></script>
<script src="https://cdn.bootcss.com/particles.js/2.0.0/particles.min.js
"></script>
<script src="../js/partticles.js"></script>
</body>
<script>
$(document).ready(function () {
......@@ -342,6 +530,18 @@
// el: '.swiper-scrollbar',
// },
})
function tab(container) {
$('.menu-item').click(function(e) {
$(this).parent().children().removeClass('active');
$(this).addClass('active');
var index= $(this).index();
$(this).parent().parent().parent().children().find('.list');
var list_item = $(this).parent().parent().parent().find('.list').children();
list_item.hide();
list_item.eq(index).show();
})
}
tab()
});
</script>
......
html/recruit.html
......@@ -25,7 +25,6 @@
<link rel="stylesheet/less" href="../style/index.less">
<script src="../js/less.min.js"></script>
<script src="https://cdn.bootcss.com/less.js/1.0.41/less-1.0.41.min.js"></script>
<script src="../js/swiper.animate1.0.3.min.js"></script>
<script src="../js/tools.js"></script>
</head>
......@@ -50,9 +49,9 @@
<li><a id="nav-about" href="./about.html">关于我们</a></li>
<li><a id="nav-products" href="./products.html">我们的产品</a></li>
<li><a id="nav-solution" href="./solution.html">解决方案</a></li>
<li><a href="./dynamic.html" id="nav-dynamic">行业动态</a>
<li><a href="./dynamic.html" id="nav-dynamic">行业动态</a>
</li>
<li><a href="./recruit.html" id="nav-recruit">招贤纳士</a>
<li><a href="./recruit.html" id="nav-recruit">招贤纳士</a>
</li>
</ul>
......@@ -69,30 +68,18 @@
<div class="swiper-wrapper">
<div class="swiper-slide banner1">
<div class="word-box">
<p class="btword animated bounceInRight " style="animation-delay: 1s;">我们是将科技与艺术完美结合的大数据可视化团队</p>
<p class="btworden animated bounceInRight" style="animation-delay: 0.7s;">Perfect Combination of Science
and Technology and Art</p>
<p class="conword animated bounceInRight" style="animation-delay: 0.4s;">我们坚持用科技创造艺术的理想，不断走在视觉艺术的最前沿。</p>
<a target="_blank animated bounceInRight" href="" class="linkword">
<p class="btword animated bounceInRight " style="animation-delay: 1s;">RECRUIT</p>
<p class="btworden animated bounceInRight" style="animation-delay: 0.7s;">千里马常有而伯乐不常有</p>
<p class="conword animated bounceInRight" style="animation-delay: 0.4s;">纷繁数字世界背后蕴藏无限可能，所以我们不断尝试发现和理解</p>
<!-- <a target="_blank animated bounceInRight" href="" class="linkword">
<i></i> 查看详情
</a>
</a> -->
</div>
<a href="" class="img-container">
<img src="../img/banner1.jpg" alt="">
</a>
</div>
<div class="swiper-slide banner2">
<div class="word-box"></div>
<a href="" class="img-container">
<img src="../img/banner2.jpg" alt="">
</a>
</div>
<div class="swiper-slide banner3">
<div class="word-box"></div>
<a href="" class="img-container">
<img src="../img/banner3.jpg" alt="">
</a>
</div>
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
......@@ -105,7 +92,165 @@
</div>
</div>
</div>
<div class="jobs">
<div class="text-center common-title">招聘岗位</div>
<div class="block cf container" id="masonry" style="position: relative;">
<div class="detail pdr24" style="position: absolute; left: 0px; top: 0px;">
<h3>PHP工程师 （急聘）</h3>
<div class="duty">
岗位职责： <br>
1. 工作积极主动 <br>
2. 有良好的学习与沟通表达能力<br>
3. 工作责任心及团队意识<br>
4. 对新技术具有研究能力<br>
5. 并能够迅速更新为自身能力<br>
6. 参与公司网站项目的开发、测试、维护工作<br>
7. 编写项目及开发文档&nbsp;<br>
8. 网站性能优化
</div>
<div class="description">
岗位描述： <br>
1. 负责各种网站的开发&nbsp;<br>
2. 本职位需要十分熟悉基于php的一整套动态网站开发技术<br>
任职要求： <br>
1. 大学本科（或）以上学历，熟练掌握php语言，2年以上开发经验<br>
2. 理解MVC、OOA、OOP<br>
3. 了解Zend Framework、CodeIgniter、PHPCMS等<br>
4. 了解mysql性能瓶颈<br>
5. 有大型web项目开发经验者优先
</div>
</div>
<div class="detail pdr24" style="position: absolute; left: 396px; top: 0px;">
<h3>高级JAVA工程师 （急聘）</h3>
<div class="duty">
岗位职责： <br>
1. 根据项目要求负责JAVA应用系统的模块设计和核心功能代码的编写<br>
2. 参与项目核心架构设计和页面设计<br>
3. 完成项目相关文档和质量记录，如功能需求规格说明书、详细设计文档等<br>
4. 解决软件出现的问题和缺陷<br>
5. 完成公司安排的其他工作
</div>
<div class="description">
任职要求：
1. 大学本科（或）以上学历，计算机软件相关专业，4年以上Java开发工作经验，1年以上系统设计经验<br>
2. 有J2EE的Web应用开发经验，掌握现有主流开源框架<br>
3. 熟悉面向对象软件结构知识，了解设计模式、UML；熟悉HTML、JavaScript、CSS、AJAX等技术<br>
4. 熟悉Struts，Hibernate，Spring，ExtJS等开源框架；熟悉J2EE体系结构；熟悉Tomcat，Websphere，Weblogic等应用服务器<br>
5. 熟悉Oracle、SqlServer、mySql等大型关系型数据库<br>
6. 喜欢钻研新技术，踏实敬业有很好的团队意识和沟通协作能力<br>
7. 良好的职业道德，丰富的知识和经验，有系统的思维能力和创新精神
</div>
</div>
<div class="detail" style="position: absolute; left: 793px; top: 0px;">
<h3>前端工程师</h3>
<div class="duty">
岗位职责：<br>
1. 负责Web前端开发，制作符合W3C标准的Web页面，并保证浏览器兼容性<br>
2. 负责App前端开发，与iOS、Android及后台工程师协作，完成数据交互、界面展示，并保证设备兼容性<br>
3. 研究和探索创新的开发思路和最新的前端技术，确保企业前端技术应用的先进性和创新性
</div>
<div class="description">
任职要求：<br>
1. 大学本科（或）以上学历，3年以上互联网公司前端开发经验<br>
2. 熟练掌握HTML5、CSS3、Javascript、JQuery、Ajax等技术<br>
3. 掌握W3C规范及浏览器内核差异<br>
4. 能够熟练使用javascript原生语言进行面向对象编程<br>
5. 熟悉常用JS框架（requireJs、jquery、ZeptoJs、AngularJs），能够对JS进行模块化开发<br>
6. 熟悉Cordova框架，有Hybrid模式开发经验者优先<br>
7. 具有移动开发经验者优先<br>
8. 具有良好的分析和解决问题的能力，对攻关疑难问题具有浓厚兴趣<br>
9. 具有强烈的进取心和求知欲望，善于学习和运用新知识
</div>
</div>
<div class="detail pdr24" style="position: absolute; left: 0px; top: 604px;">
<h3>项目经理 （急聘）</h3>
<div class="duty">
任职要求：<br>
1. 大学本科（或）以上学历<br>
2. 组织产品经理、UI设计师、开发工程师等人员发起项目启动会议，组建项目团队<br>
3. 必须有效掌控项目开发的各个环节，协助、指导项目组成员的工作，及时发现并处理项目中存在的问题，并对项目组成员的工作进行合理的评价<br>
4. 负责管理和控制项目全过程的质量、进度。分析偏差，采取纠正措施。如果发现项目实际进展显著偏离计划，则及时采取纠正措施<br>
5. 根据项目规范建立项目组内部管理和沟通机制<br>
6. 可根据需要调配组内人员等资源<br>
7. 负责组织需求分析工作，并组织对需求文档和需求变更文档进行复审<br>
8. 分配系统设计任务，包括体系结构设计、模块设计、用户界面设计、数据库设计等<br>
9. 组织对体系结构设计、模块设计、用户界面设计、数据库设计进行评审<br>
10. 负责组织项目开发小组会议并编写会议纪要。开发小组会议每周至少举行一次（可与项目例会合并），对难点、疑点问题进行分析、解决，保证小组内成员充分沟通<br>
11. 负责每周对开发人员的代码进行检查<br>
12. 负责提交测试版本、搭建符合实际的集成测试环境，每个项目只能有一个测试环境，开发环境不可与测试环境混合
</div>
</div>
<div class="detail pdr24" style="position: absolute; left: 793px; top: 628px;">
<h3>产品经理 （急聘）</h3>
<div class="duty">
职位描述：<br>
1. 负责互联网及其相关产品创意,规划和发展方向的整体把握和工作部署；全面策划及统筹产品的发展、定位、目标、策略等并落实<br>
2. 负责收集产品相关信息，提出产品需求，制定产品规范，对产品进行全面设计，如创意、功能、特性、UE、性能要求等，并配合技术人员实施<br>
3. 负责项目文档的撰写<br>
4. 准确把握项目目标和周期，与各部门协同合作，驱动项目的整体进度
</div>
<div class="description">
任职要求：<br>
1. 本科以上学历，至少3年以上的产品策划经验，并成功策划和运营至少一款互联网产品<br>
2. 广泛的互联网（移动互联网）行业产品知识，知识面认知面广阔<br>
3. 具备深厚的产品设计经验，敏锐的互联网产品嗅觉<br>
4. 具备良好的互联网产品创意意识，有创新精神<br>
5. 追求极致的产品创意及用户体验<br>
6. 具备清晰的逻辑能力，优秀的学习和沟通能力<br>
7. 具备优异的执行能力和抗压能力
</div>
</div>
<div class="detail" style="position: absolute; left: 396px; top: 652px;">
<h3>UI 设计</h3>
<div class="duty">
岗位职责：<br>
1. 负责网站、APP微信等设计<br>
2. 充分理解各项产品的设计方案，在UI设计中保证所有产品的视觉整体性<br>
3. 关注视觉化的界面设计和用户交互元素的设计<br>
4. 配合项目负责人，制订UI设计规范及流程
</div>
<div class="description">
任职要求：<br>
1. 本科以上学历，至少1年以上的设计经验<br>
2. 毕业于专业美术院校<br>
3. 具备较好的美术功底<br>
4. 具备清晰的逻辑能力，优秀的学习和沟通能力<br>
5. 具备优异的执行能力和抗压能力<br>
6. 请务必附上设计案例作品<br>
7. 有软件界面、icon图标设计经验者优先
</div>
</div>
<div class="detail pdr24" style="position: absolute; left: 396px; top: 1112px;">
<h3>Android工程师</h3>
<div class="duty">
职位要求：<br>
1. 有一年以上Java经验，2年以上Android平台独立开发经验，计算机及相关专业本科及以上学历<br>
2. 精通Android开发平台的框架原理，熟悉Android应用开发流程，熟练掌握Android UI/Framework开发技能，能够熟练使用Android SDK<br>
3. 熟练掌握数据库，xml，json等数据格式，http协议，socket通讯等常用技术<br>
4. 独立开发过完整的Android App产品者优先<br>
5. 具备优秀的沟通和协调能力，良好的服务精神及团队合作能力，责任心强<br>
6. 熟悉Linux操作系统者优先
</div>
</div>
<div class="detail pdr24" style="position: absolute; left: 793px; top: 1232px;">
<h3>IOS工程师</h3>
<div class="duty">
职位要求：<br>
1. 大学本科及以上学历，计算机相关专业<br>
2. 熟悉C/C++和Objective-C语言, 熟悉Mac OS使用, 熟练运用XCODE开发工具<br>
3. 掌握MAC或Unix系统工作机制，熟悉Cocoa SDK , UIKit 界面编程及Socket网络编程<br>
4. 精通面向对象程序设计思想，有视频多媒体开发经验者优先<br>
5. 有较好的英语阅读写作能力，能够有效用英文进行阅读<br>
6. 新技术接受能力强，具有程序设计模式思想；具有较强的学习能力、沟通能力和团队合作精神<br>
7. 精通HTTP网络通信，XML、JSON数据解析<br>
8. 快速了解使用第三方开源库，并可以进行项目需求及进行修改适用<br>
9. 具备模块化封装能力，具备SDK编写经验优先，动手能力强为佳<br>
10. 独立完成过项目优先<br>
11. IOS开发经验3年以上
</div>
</div>
</div>
</div>
<div id="footer" style="background: rgb(46, 46, 46); font-size: 16px; color: #fff;">
<div class="container">
......@@ -158,16 +303,17 @@
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.js"></script>
<script src="../js/banner.js"></script>
<script src="../js/masonry-docs.min.js"></script>
</body>
<script>
$(document).ready(function () {
var mySwiper = new Swiper('.swiper-container', {
direction: 'horizontal', // 垂直切换选项
loop: true, // 循环模式选项
autoplay: 1500,
paginationClickable: true,
// 如果需要分页器
pagination: '.swiper-pagination',
// loop: true, // 循环模式选项
// autoplay: 1500,
// paginationClickable: true,
// // 如果需要分页器
// pagination: '.swiper-pagination',
// 如果需要前进后退按钮
// navigation: {
......@@ -179,7 +325,17 @@
// scrollbar: {
// el: '.swiper-scrollbar',
// },
})
});
var $container = $('#masonry');
$container.imagesLoaded(function() {
$container.masonry({
itemSelector: '.detail',
gutter: 20,
isAnimated: true,
});
});
});
</script>
......
html/solution.html
......@@ -69,30 +69,16 @@
<div class="swiper-wrapper">
<div class="swiper-slide banner1">
<div class="word-box">
<p class="btword animated bounceInRight " style="animation-delay: 1s;">我们是将科技与艺术完美结合的大数据可视化团队</p>
<p class="btworden animated bounceInRight" style="animation-delay: 0.7s;">Perfect Combination of Science
and Technology and Art</p>
<p class="conword animated bounceInRight" style="animation-delay: 0.4s;">我们坚持用科技创造艺术的理想，不断走在视觉艺术的最前沿。</p>
<a target="_blank animated bounceInRight" href="" class="linkword">
<i></i> 查看详情
</a>
<p class="btword animated bounceInRight " style="animation-delay: 1s;">SOLUTION</p>
<p class="btworden animated bounceInRight" style="animation-delay: 0.7s;">完整数据可视化解决方案
</p>
<p class="conword animated bounceInRight" style="animation-delay: 0.4s;">案例遍布金融、地产、旅游、汽车、教育、科技等行业的 500 强客户。</p>
</div>
<a href="" class="img-container">
<img src="../img/banner1.jpg" alt="">
</a>
</div>
<div class="swiper-slide banner2">
<div class="word-box"></div>
<a href="" class="img-container">
<img src="../img/banner2.jpg" alt="">
</a>
</div>
<div class="swiper-slide banner3">
<div class="word-box"></div>
<a href="" class="img-container">
<img src="../img/banner3.jpg" alt="">
</a>
</div>
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
......@@ -105,7 +91,117 @@
</div>
</div>
</div>
<div class="solution-container">
<div class="container">
<div class="field">
<div class="common-title">
行业领域
</div>
<div class="field-list">
<div class="field-item">
智慧城市
</div>
<div class="field-item">
数字工厂
</div>
<div class="field-item">
数字政务
</div>
<div class="field-item">
特色小镇
</div>
<div class="field-item">
展览展厅
</div>
</div>
</div>
<div class="case">
<div class="common-title">
合作案例
</div>
<div class="case-list" id="masonry">
<div class="case-item" >
<img src="http://bdideal.com/asset/img/homepro1.jpg" alt="">
<div class="bottom-container">
<div class="title">
华夏幸福产业地图
</div>
<div class="tag">
• 客群画像 • 视频直播
</div>
</div>
</div>
<div class="case-item" >
<img src="http://bdideal.com/asset/img/homepro2.jpg" alt="">
<div class="bottom-container">
<div class="title">
华夏幸福产业地图
</div>
<div class="tag">
• 客群画像 • 视频直播
</div>
</div>
</div>
<div class="case-item" >
<img src="http://bdideal.com/asset/img/homepro3.jpg" alt="">
<div class="bottom-container">
<div class="title">
华夏幸福产业地图
</div>
<div class="tag">
• 客群画像 • 视频直播
</div>
</div>
</div>
<div class="case-item" >
<img src="http://bdideal.com/asset/img/homepro4.jpg" alt="">
<div class="bottom-container">
<div class="title">
华夏幸福产业地图
</div>
<div class="tag">
• 客群画像 • 视频直播
</div>
</div>
</div>
<div class="case-item" >
<img src="http://bdideal.com/asset/img/homepro5.jpg" alt="">
<div class="bottom-container">
<div class="title">
华夏幸福产业地图
</div>
<div class="tag">
• 客群画像 • 视频直播
</div>
</div>
</div>
<div class="case-item">
<img src="http://bdideal.com/asset/img/homepro6.jpg" alt="">
<div class="bottom-container">
<div class="title">
华夏幸福产业地图
</div>
<div class="tag">
• 客群画像 • 视频直播
</div>
</div>
</div>
<div class="case-item" >
<img src="http://bdideal.com/asset/img/homepro7.jpg" alt="">
<div class="bottom-container">
<div class="title">
华夏幸福产业地图
</div>
<div class="tag">
• 客群画像 • 视频直播
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="footer" style="background: rgb(46, 46, 46); font-size: 16px; color: #fff;">
<div class="container">
......@@ -157,17 +253,18 @@
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.js"></script>
<script src="../js/masonry-docs.min.js"></script>
<script src="../js/banner.js"></script>
</body>
<script>
$(document).ready(function () {
var mySwiper = new Swiper('.swiper-container', {
direction: 'horizontal', // 垂直切换选项
loop: true, // 循环模式选项
autoplay: 1500,
paginationClickable: true,
// 如果需要分页器
pagination: '.swiper-pagination',
// loop: true, // 循环模式选项
// autoplay: 1500,
// paginationClickable: true,
// // 如果需要分页器
// pagination: '.swiper-pagination',
// 如果需要前进后退按钮
// navigation: {
......@@ -179,7 +276,15 @@
// scrollbar: {
// el: '.swiper-scrollbar',
// },
})
});
var $container = $('#masonry');
$container.imagesLoaded(function() {
$container.masonry({
itemSelector: '.case-item',
gutter: 20,
isAnimated: true,
});
});
});
</script>
......
img/time.png 0 → 100644
img/time.png

321 Bytes
img/weixin.png
img/weixin.png

40.7 KB | W: | H:

img/weixin.png

10.4 KB | W: | H:

img/weixin.png
img/weixin.png
img/weixin.png
img/weixin.png
  • 2-up
  • Swipe
  • Onion skin
js/banner.js
resize = function() {
var height = window.innerHeight - 71;
if(height< 690) {
if(height< 552) {
$('#banner').css({
height: height
});
......@@ -14,14 +14,14 @@ resize = function() {
position: ''
})
}
if(window.innerWidth< 1920) {
if(window.innerWidth< 1200) {
$('#banner.img-container img').css({
"left": -(1920-window.innerWidth)/2
"left": -(1200-window.innerWidth)/2
})
$('#banner').css({
height: window.innerWidth/1920*690 <300 ? 300 : window.innerWidth/1920*690
height: window.innerWidth/1200*552 <300 ? 300 : window.innerWidth/1200*552
});
// console.log(window.innerWidth/1920*690)
// console.log(window.innerWidth/1200*552)
// if(window.innerWidth<768) {
// $('#banner').css({
// height: 300
......
js/masonry-docs.min.js 0 → 100644
(function(t){"use strict";function e(t){return RegExp("(^|\\s+)"+t+"(\\s+|$)")}function i(t,e){var i=n(t,e)?r:o;i(t,e)}var n,o,r;"classList"in document.documentElement?(n=function(t,e){return t.classList.contains(e)},o=function(t,e){t.classList.add(e)},r=function(t,e){t.classList.remove(e)}):(n=function(t,i){return e(i).test(t.className)},o=function(t,e){n(t,e)||(t.className=t.className+" "+e)},r=function(t,i){t.className=t.className.replace(e(i)," ")});var s={hasClass:n,addClass:o,removeClass:r,toggleClass:i,has:n,add:o,remove:r,toggle:i};"function"==typeof define&&define.amd?define(s):t.classie=s})(window),function(t){"use strict";function e(e){var i=t.event;return i.target=i.target||i.srcElement||e,i}var i=document.documentElement,n=function(){};i.addEventListener?n=function(t,e,i){t.addEventListener(e,i,!1)}:i.attachEvent&&(n=function(t,i,n){t[i+n]=n.handleEvent?function(){var i=e(t);n.handleEvent.call(n,i)}:function(){var i=e(t);n.call(t,i)},t.attachEvent("on"+i,t[i+n])});var o=function(){};i.removeEventListener?o=function(t,e,i){t.removeEventListener(e,i,!1)}:i.detachEvent&&(o=function(t,e,i){t.detachEvent("on"+e,t[e+i]);try{delete t[e+i]}catch(n){t[e+i]=void 0}});var r={bind:n,unbind:o};"function"==typeof define&&define.amd?define(r):"object"==typeof exports?module.exports=r:t.eventie=r}(this),function(t){"use strict";function e(t){"function"==typeof t&&(e.isReady?t():r.push(t))}function i(t){var i="readystatechange"===t.type&&"complete"!==o.readyState;if(!e.isReady&&!i){e.isReady=!0;for(var n=0,s=r.length;s>n;n++){var a=r[n];a()}}}function n(n){return n.bind(o,"DOMContentLoaded",i),n.bind(o,"readystatechange",i),n.bind(t,"load",i),e}var o=t.document,r=[];e.isReady=!1,"function"==typeof define&&define.amd?(e.isReady="function"==typeof requirejs,define(["eventie/eventie"],n)):t.docReady=n(t.eventie)}(this),function(t){"use strict";function e(t){if(t){if("string"==typeof n[t])return t;t=t.charAt(0).toUpperCase()+t.slice(1);for(var e,o=0,r=i.length;r>o;o++)if(e=i[o]+t,"string"==typeof n[e])return e}}var i="Webkit Moz ms Ms O".split(" "),n=document.documentElement.style;"function"==typeof define&&define.amd?define(function(){return e}):"object"==typeof exports?module.exports=e:t.getStyleProperty=e}(window),function(){"use strict";function t(){}function e(t,e){for(var i=t.length;i--;)if(t[i].listener===e)return i;return-1}function i(t){return function(){return this[t].apply(this,arguments)}}var n=t.prototype,o=this,r=o.EventEmitter;n.getListeners=function(t){var e,i,n=this._getEvents();if(t instanceof RegExp){e={};for(i in n)n.hasOwnProperty(i)&&t.test(i)&&(e[i]=n[i])}else e=n[t]||(n[t]=[]);return e},n.flattenListeners=function(t){var e,i=[];for(e=0;t.length>e;e+=1)i.push(t[e].listener);return i},n.getListenersAsObject=function(t){var e,i=this.getListeners(t);return i instanceof Array&&(e={},e[t]=i),e||i},n.addListener=function(t,i){var n,o=this.getListenersAsObject(t),r="object"==typeof i;for(n in o)o.hasOwnProperty(n)&&-1===e(o[n],i)&&o[n].push(r?i:{listener:i,once:!1});return this},n.on=i("addListener"),n.addOnceListener=function(t,e){return this.addListener(t,{listener:e,once:!0})},n.once=i("addOnceListener"),n.defineEvent=function(t){return this.getListeners(t),this},n.defineEvents=function(t){for(var e=0;t.length>e;e+=1)this.defineEvent(t[e]);return this},n.removeListener=function(t,i){var n,o,r=this.getListenersAsObject(t);for(o in r)r.hasOwnProperty(o)&&(n=e(r[o],i),-1!==n&&r[o].splice(n,1));return this},n.off=i("removeListener"),n.addListeners=function(t,e){return this.manipulateListeners(!1,t,e)},n.removeListeners=function(t,e){return this.manipulateListeners(!0,t,e)},n.manipulateListeners=function(t,e,i){var n,o,r=t?this.removeListener:this.addListener,s=t?this.removeListeners:this.addListeners;if("object"!=typeof e||e instanceof RegExp)for(n=i.length;n--;)r.call(this,e,i[n]);else for(n in e)e.hasOwnProperty(n)&&(o=e[n])&&("function"==typeof o?r.call(this,n,o):s.call(this,n,o));return this},n.removeEvent=function(t){var e,i=typeof t,n=this._getEvents();if("string"===i)delete n[t];else if(t instanceof RegExp)for(e in n)n.hasOwnProperty(e)&&t.test(e)&&delete n[e];else delete this._events;return this},n.removeAllListeners=i("removeEvent"),n.emitEvent=function(t,e){var i,n,o,r,s=this.getListenersAsObject(t);for(o in s)if(s.hasOwnProperty(o))for(n=s[o].length;n--;)i=s[o][n],i.once===!0&&this.removeListener(t,i.listener),r=i.listener.apply(this,e||[]),r===this._getOnceReturnValue()&&this.removeListener(t,i.listener);return this},n.trigger=i("emitEvent"),n.emit=function(t){var e=Array.prototype.slice.call(arguments,1);return this.emitEvent(t,e)},n.setOnceReturnValue=function(t){return this._onceReturnValue=t,this},n._getOnceReturnValue=function(){return this.hasOwnProperty("_onceReturnValue")?this._onceReturnValue:!0},n._getEvents=function(){return this._events||(this._events={})},t.noConflict=function(){return o.EventEmitter=r,t},"function"==typeof define&&define.amd?define(function(){return t}):"object"==typeof module&&module.exports?module.exports=t:this.EventEmitter=t}.call(this),function(t,e){"use strict";"function"==typeof define&&define.amd?define(["eventEmitter/EventEmitter","eventie/eventie"],function(i,n){return e(t,i,n)}):"object"==typeof exports?module.exports=e(t,require("eventEmitter"),require("eventie")):t.imagesLoaded=e(t,t.EventEmitter,t.eventie)}(this,function(t,e,i){"use strict";function n(t,e){for(var i in e)t[i]=e[i];return t}function o(t){return"[object Array]"===d.call(t)}function r(t){var e=[];if(o(t))e=t;else if("number"==typeof t.length)for(var i=0,n=t.length;n>i;i++)e.push(t[i]);else e.push(t);return e}function s(t,e,i){if(!(this instanceof s))return new s(t,e);"string"==typeof t&&(t=document.querySelectorAll(t)),this.elements=r(t),this.options=n({},this.options),"function"==typeof e?i=e:n(this.options,e),i&&this.on("always",i),this.getImages(),h&&(this.jqDeferred=new h.Deferred);var o=this;setTimeout(function(){o.check()})}function a(t){this.img=t}function u(t){this.src=t,l[t]=this}var h=t.jQuery,c=t.console,p=c!==void 0,d=Object.prototype.toString;s.prototype=new e,s.prototype.options={},s.prototype.getImages=function(){this.images=[];for(var t=0,e=this.elements.length;e>t;t++){var i=this.elements[t];"IMG"===i.nodeName&&this.addImage(i);for(var n=i.querySelectorAll("img"),o=0,r=n.length;r>o;o++){var s=n[o];this.addImage(s)}}},s.prototype.addImage=function(t){var e=new a(t);this.images.push(e)},s.prototype.check=function(){function t(t,o){return e.options.debug&&p&&c.log("confirm",t,o),e.progress(t),i++,i===n&&e.complete(),!0}var e=this,i=0,n=this.images.length;if(this.hasAnyBroken=!1,!n)return this.complete(),void 0;for(var o=0;n>o;o++){var r=this.images[o];r.on("confirm",t),r.check()}},s.prototype.progress=function(t){this.hasAnyBroken=this.hasAnyBroken||!t.isLoaded;var e=this;setTimeout(function(){e.emit("progress",e,t),e.jqDeferred&&e.jqDeferred.notify&&e.jqDeferred.notify(e,t)})},s.prototype.complete=function(){var t=this.hasAnyBroken?"fail":"done";this.isComplete=!0;var e=this;setTimeout(function(){if(e.emit(t,e),e.emit("always",e),e.jqDeferred){var i=e.hasAnyBroken?"reject":"resolve";e.jqDeferred[i](e)}})},h&&(h.fn.imagesLoaded=function(t,e){var i=new s(this,t,e);return i.jqDeferred.promise(h(this))}),a.prototype=new e,a.prototype.check=function(){var t=l[this.img.src]||new u(this.img.src);if(t.isConfirmed)return this.confirm(t.isLoaded,"cached was confirmed"),void 0;if(this.img.complete&&void 0!==this.img.naturalWidth)return this.confirm(0!==this.img.naturalWidth,"naturalWidth"),void 0;var e=this;t.on("confirm",function(t,i){return e.confirm(t.isLoaded,i),!0}),t.check()},a.prototype.confirm=function(t,e){this.isLoaded=t,this.emit("confirm",this,e)};var l={};return u.prototype=new e,u.prototype.check=function(){if(!this.isChecked){var t=new Image;i.bind(t,"load",this),i.bind(t,"error",this),t.src=this.src,this.isChecked=!0}},u.prototype.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},u.prototype.onload=function(t){this.confirm(!0,"onload"),this.unbindProxyEvents(t)},u.prototype.onerror=function(t){this.confirm(!1,"onerror"),this.unbindProxyEvents(t)},u.prototype.confirm=function(t,e){this.isConfirmed=!0,this.isLoaded=t,this.emit("confirm",this,e)},u.prototype.unbindProxyEvents=function(t){i.unbind(t.target,"load",this),i.unbind(t.target,"error",this)},s}),function(t){"use strict";function e(){}function i(t){function i(e){e.prototype.option||(e.prototype.option=function(e){t.isPlainObject(e)&&(this.options=t.extend(!0,this.options,e))})}function o(e,i){t.fn[e]=function(o){if("string"==typeof o){for(var s=n.call(arguments,1),a=0,u=this.length;u>a;a++){var h=this[a],c=t.data(h,e);if(c)if(t.isFunction(c[o])&&"_"!==o.charAt(0)){var p=c[o].apply(c,s);if(void 0!==p)return p}else r("no such method '"+o+"' for "+e+" instance");else r("cannot call methods on "+e+" prior to initialization; "+"attempted to call '"+o+"'")}return this}return this.each(function(){var n=t.data(this,e);n?(n.option(o),n._init()):(n=new i(this,o),t.data(this,e,n))})}}if(t){var r="undefined"==typeof console?e:function(t){console.error(t)};return t.bridget=function(t,e){i(e),o(t,e)},t.bridget}}var n=Array.prototype.slice;"function"==typeof define&&define.amd?define(["jquery"],i):i(t.jQuery)}(window),function(t){"use strict";function e(t){var e=parseFloat(t),i=-1===t.indexOf("%")&&!isNaN(e);return i&&e}function i(){for(var t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0},e=0,i=s.length;i>e;e++){var n=s[e];t[n]=0}return t}function n(t){function n(t){if("string"==typeof t&&(t=document.querySelector(t)),t&&"object"==typeof t&&t.nodeType){var n=r(t);if("none"===n.display)return i();var o={};o.width=t.offsetWidth,o.height=t.offsetHeight;for(var c=o.isBorderBox=!(!h||!n[h]||"border-box"!==n[h]),p=0,d=s.length;d>p;p++){var l=s[p],f=n[l];f=a(t,f);var m=parseFloat(f);o[l]=isNaN(m)?0:m}var y=o.paddingLeft+o.paddingRight,g=o.paddingTop+o.paddingBottom,v=o.marginLeft+o.marginRight,b=o.marginTop+o.marginBottom,E=o.borderLeftWidth+o.borderRightWidth,w=o.borderTopWidth+o.borderBottomWidth,L=c&&u,S=e(n.width);S!==!1&&(o.width=S+(L?0:y+E));var x=e(n.height);return x!==!1&&(o.height=x+(L?0:g+w)),o.innerWidth=o.width-(y+E),o.innerHeight=o.height-(g+w),o.outerWidth=o.width+v,o.outerHeight=o.height+b,o}}function a(t,e){if(o||-1===e.indexOf("%"))return e;var i=t.style,n=i.left,r=t.runtimeStyle,s=r&&r.left;return s&&(r.left=t.currentStyle.left),i.left=e,e=i.pixelLeft,i.left=n,s&&(r.left=s),e}var u,h=t("boxSizing");return function(){if(h){var t=document.createElement("div");t.style.width="200px",t.style.padding="1px 2px 3px 4px",t.style.borderStyle="solid",t.style.borderWidth="1px 2px 3px 4px",t.style[h]="border-box";var i=document.body||document.documentElement;i.appendChild(t);var n=r(t);u=200===e(n.width),i.removeChild(t)}}(),n}var o=t.getComputedStyle,r=o?function(t){return o(t,null)}:function(t){return t.currentStyle},s=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"];"function"==typeof define&&define.amd?define(["get-style-property/get-style-property"],n):"object"==typeof exports?module.exports=n(require("get-style-property")):t.getSize=n(t.getStyleProperty)}(window),function(t,e){"use strict";function i(t,e){return t[a](e)}function n(t){if(!t.parentNode){var e=document.createDocumentFragment();e.appendChild(t)}}function o(t,e){n(t);for(var i=t.parentNode.querySelectorAll(e),o=0,r=i.length;r>o;o++)if(i[o]===t)return!0;return!1}function r(t,e){return n(t),i(t,e)}var s,a=function(){if(e.matchesSelector)return"matchesSelector";for(var t=["webkit","moz","ms","o"],i=0,n=t.length;n>i;i++){var o=t[i],r=o+"MatchesSelector";if(e[r])return r}}();if(a){var u=document.createElement("div"),h=i(u,"div");s=h?i:r}else s=o;"function"==typeof define&&define.amd?define(function(){return s}):window.matchesSelector=s}(this,Element.prototype),function(t){"use strict";function e(t,e){for(var i in e)t[i]=e[i];return t}function i(t){for(var e in t)return!1;return e=null,!0}function n(t){return t.replace(/([A-Z])/g,function(t){return"-"+t.toLowerCase()})}function o(t,o,r){function a(t,e){t&&(this.element=t,this.layout=e,this.position={x:0,y:0},this._create())}var u=r("transition"),h=r("transform"),c=u&&h,p=!!r("perspective"),d={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"otransitionend",transition:"transitionend"}[u],l=["transform","transition","transitionDuration","transitionProperty"],f=function(){for(var t={},e=0,i=l.length;i>e;e++){var n=l[e],o=r(n);o&&o!==n&&(t[n]=o)}return t}();e(a.prototype,t.prototype),a.prototype._create=function(){this._transn={ingProperties:{},clean:{},onEnd:{}},this.css({position:"absolute"})},a.prototype.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},a.prototype.getSize=function(){this.size=o(this.element)},a.prototype.css=function(t){var e=this.element.style;for(var i in t){var n=f[i]||i;e[n]=t[i]}},a.prototype.getPosition=function(){var t=s(this.element),e=this.layout.options,i=e.isOriginLeft,n=e.isOriginTop,o=parseInt(t[i?"left":"right"],10),r=parseInt(t[n?"top":"bottom"],10);o=isNaN(o)?0:o,r=isNaN(r)?0:r;var a=this.layout.size;o-=i?a.paddingLeft:a.paddingRight,r-=n?a.paddingTop:a.paddingBottom,this.position.x=o,this.position.y=r},a.prototype.layoutPosition=function(){var t=this.layout.size,e=this.layout.options,i={};e.isOriginLeft?(i.left=this.position.x+t.paddingLeft+"px",i.right=""):(i.right=this.position.x+t.paddingRight+"px",i.left=""),e.isOriginTop?(i.top=this.position.y+t.paddingTop+"px",i.bottom=""):(i.bottom=this.position.y+t.paddingBottom+"px",i.top=""),this.css(i),this.emitEvent("layout",[this])};var m=p?function(t,e){return"translate3d("+t+"px, "+e+"px, 0)"}:function(t,e){return"translate("+t+"px, "+e+"px)"};a.prototype._transitionTo=function(t,e){this.getPosition();var i=this.position.x,n=this.position.y,o=parseInt(t,10),r=parseInt(e,10),s=o===this.position.x&&r===this.position.y;if(this.setPosition(t,e),s&&!this.isTransitioning)return this.layoutPosition(),void 0;var a=t-i,u=e-n,h={},c=this.layout.options;a=c.isOriginLeft?a:-a,u=c.isOriginTop?u:-u,h.transform=m(a,u),this.transition({to:h,onTransitionEnd:{transform:this.layoutPosition},isCleaning:!0})},a.prototype.goTo=function(t,e){this.setPosition(t,e),this.layoutPosition()},a.prototype.moveTo=c?a.prototype._transitionTo:a.prototype.goTo,a.prototype.setPosition=function(t,e){this.position.x=parseInt(t,10),this.position.y=parseInt(e,10)},a.prototype._nonTransition=function(t){this.css(t.to),t.isCleaning&&this._removeStyles(t.to);for(var e in t.onTransitionEnd)t.onTransitionEnd[e].call(this)},a.prototype._transition=function(t){if(!parseFloat(this.layout.options.transitionDuration))return this._nonTransition(t),void 0;var e=this._transn;for(var i in t.onTransitionEnd)e.onEnd[i]=t.onTransitionEnd[i];for(i in t.to)e.ingProperties[i]=!0,t.isCleaning&&(e.clean[i]=!0);if(t.from){this.css(t.from);var n=this.element.offsetHeight;n=null}this.enableTransition(t.to),this.css(t.to),this.isTransitioning=!0};var y=h&&n(h)+",opacity";a.prototype.enableTransition=function(){this.isTransitioning||(this.css({transitionProperty:y,transitionDuration:this.layout.options.transitionDuration}),this.element.addEventListener(d,this,!1))},a.prototype.transition=a.prototype[u?"_transition":"_nonTransition"],a.prototype.onwebkitTransitionEnd=function(t){this.ontransitionend(t)},a.prototype.onotransitionend=function(t){this.ontransitionend(t)};var g={"-webkit-transform":"transform","-moz-transform":"transform","-o-transform":"transform"};a.prototype.ontransitionend=function(t){if(t.target===this.element){var e=this._transn,n=g[t.propertyName]||t.propertyName;if(delete e.ingProperties[n],i(e.ingProperties)&&this.disableTransition(),n in e.clean&&(this.element.style[t.propertyName]="",delete e.clean[n]),n in e.onEnd){var o=e.onEnd[n];o.call(this),delete e.onEnd[n]}this.emitEvent("transitionEnd",[this])}},a.prototype.disableTransition=function(){this.removeTransitionStyles(),this.element.removeEventListener(d,this,!1),this.isTransitioning=!1},a.prototype._removeStyles=function(t){var e={};for(var i in t)e[i]="";this.css(e)};var v={transitionProperty:"",transitionDuration:""};return a.prototype.removeTransitionStyles=function(){this.css(v)},a.prototype.removeElem=function(){this.element.parentNode.removeChild(this.element),this.emitEvent("remove",[this])},a.prototype.remove=function(){if(!u||!parseFloat(this.layout.options.transitionDuration))return this.removeElem(),void 0;var t=this;this.on("transitionEnd",function(){return t.removeElem(),!0}),this.hide()},a.prototype.reveal=function(){delete this.isHidden,this.css({display:""});var t=this.layout.options;this.transition({from:t.hiddenStyle,to:t.visibleStyle,isCleaning:!0})},a.prototype.hide=function(){this.isHidden=!0,this.css({display:""});var t=this.layout.options;this.transition({from:t.visibleStyle,to:t.hiddenStyle,isCleaning:!0,onTransitionEnd:{opacity:function(){this.isHidden&&this.css({display:"none"})}}})},a.prototype.destroy=function(){this.css({position:"",left:"",right:"",top:"",bottom:"",transition:"",transform:""})},a}var r=t.getComputedStyle,s=r?function(t){return r(t,null)}:function(t){return t.currentStyle};"function"==typeof define&&define.amd?define(["eventEmitter/EventEmitter","get-size/get-size","get-style-property/get-style-property"],o):(t.Outlayer={},t.Outlayer.Item=o(t.EventEmitter,t.getSize,t.getStyleProperty))}(window),function(t){"use strict";function e(t,e){for(var i in e)t[i]=e[i];return t}function i(t){return"[object Array]"===p.call(t)}function n(t){var e=[];if(i(t))e=t;else if(t&&"number"==typeof t.length)for(var n=0,o=t.length;o>n;n++)e.push(t[n]);else e.push(t);return e}function o(t,e){var i=l(e,t);-1!==i&&e.splice(i,1)}function r(t){return t.replace(/(.)([A-Z])/g,function(t,e,i){return e+"-"+i}).toLowerCase()}function s(i,s,p,l,f,m){function y(t,i){if("string"==typeof t&&(t=a.querySelector(t)),!t||!d(t))return u&&u.error("Bad "+this.constructor.namespace+" element: "+t),void 0;this.element=t,this.options=e({},this.constructor.defaults),this.option(i);var n=++g;this.element.outlayerGUID=n,v[n]=this,this._create(),this.options.isInitLayout&&this.layout()}var g=0,v={};return y.namespace="outlayer",y.Item=m,y.defaults={containerStyle:{position:"relative"},isInitLayout:!0,isOriginLeft:!0,isOriginTop:!0,isResizeBound:!0,isResizingContainer:!0,transitionDuration:"0.4s",hiddenStyle:{opacity:0,transform:"scale(0.001)"},visibleStyle:{opacity:1,transform:"scale(1)"}},e(y.prototype,p.prototype),y.prototype.option=function(t){e(this.options,t)},y.prototype._create=function(){this.reloadItems(),this.stamps=[],this.stamp(this.options.stamp),e(this.element.style,this.options.containerStyle),this.options.isResizeBound&&this.bindResize()},y.prototype.reloadItems=function(){this.items=this._itemize(this.element.children)},y.prototype._itemize=function(t){for(var e=this._filterFindItemElements(t),i=this.constructor.Item,n=[],o=0,r=e.length;r>o;o++){var s=e[o],a=new i(s,this);n.push(a)}return n},y.prototype._filterFindItemElements=function(t){t=n(t);for(var e=this.options.itemSelector,i=[],o=0,r=t.length;r>o;o++){var s=t[o];if(d(s))if(e){f(s,e)&&i.push(s);for(var a=s.querySelectorAll(e),u=0,h=a.length;h>u;u++)i.push(a[u])}else i.push(s)}return i},y.prototype.getItemElements=function(){for(var t=[],e=0,i=this.items.length;i>e;e++)t.push(this.items[e].element);return t},y.prototype.layout=function(){this._resetLayout(),this._manageStamps();var t=void 0!==this.options.isLayoutInstant?this.options.isLayoutInstant:!this._isLayoutInited;this.layoutItems(this.items,t),this._isLayoutInited=!0},y.prototype._init=y.prototype.layout,y.prototype._resetLayout=function(){this.getSize()},y.prototype.getSize=function(){this.size=l(this.element)},y.prototype._getMeasurement=function(t,e){var i,n=this.options[t];n?("string"==typeof n?i=this.element.querySelector(n):d(n)&&(i=n),this[t]=i?l(i)[e]:n):this[t]=0},y.prototype.layoutItems=function(t,e){t=this._getItemsForLayout(t),this._layoutItems(t,e),this._postLayout()},y.prototype._getItemsForLayout=function(t){for(var e=[],i=0,n=t.length;n>i;i++){var o=t[i];o.isIgnored||e.push(o)}return e},y.prototype._layoutItems=function(t,e){function i(){n.emitEvent("layoutComplete",[n,t])}var n=this;if(!t||!t.length)return i(),void 0;this._itemsOn(t,"layout",i);for(var o=[],r=0,s=t.length;s>r;r++){var a=t[r],u=this._getItemLayoutPosition(a);u.item=a,u.isInstant=e||a.isLayoutInstant,o.push(u)}this._processLayoutQueue(o)},y.prototype._getItemLayoutPosition=function(){return{x:0,y:0}},y.prototype._processLayoutQueue=function(t){for(var e=0,i=t.length;i>e;e++){var n=t[e];this._positionItem(n.item,n.x,n.y,n.isInstant)}},y.prototype._positionItem=function(t,e,i,n){n?t.goTo(e,i):t.moveTo(e,i)},y.prototype._postLayout=function(){this.resizeContainer()},y.prototype.resizeContainer=function(){if(this.options.isResizingContainer){var t=this._getContainerSize();t&&(this._setContainerMeasure(t.width,!0),this._setContainerMeasure(t.height,!1))}},y.prototype._getContainerSize=c,y.prototype._setContainerMeasure=function(t,e){if(void 0!==t){var i=this.size;i.isBorderBox&&(t+=e?i.paddingLeft+i.paddingRight+i.borderLeftWidth+i.borderRightWidth:i.paddingBottom+i.paddingTop+i.borderTopWidth+i.borderBottomWidth),t=Math.max(t,0),this.element.style[e?"width":"height"]=t+"px"}},y.prototype._itemsOn=function(t,e,i){function n(){return o++,o===r&&i.call(s),!0}for(var o=0,r=t.length,s=this,a=0,u=t.length;u>a;a++){var h=t[a];h.on(e,n)}},y.prototype.ignore=function(t){var e=this.getItem(t);e&&(e.isIgnored=!0)},y.prototype.unignore=function(t){var e=this.getItem(t);e&&delete e.isIgnored},y.prototype.stamp=function(t){if(t=this._find(t)){this.stamps=this.stamps.concat(t);for(var e=0,i=t.length;i>e;e++){var n=t[e];this.ignore(n)}}},y.prototype.unstamp=function(t){if(t=this._find(t))for(var e=0,i=t.length;i>e;e++){var n=t[e];o(n,this.stamps),this.unignore(n)}},y.prototype._find=function(t){return t?("string"==typeof t&&(t=this.element.querySelectorAll(t)),t=n(t)):void 0},y.prototype._manageStamps=function(){if(this.stamps&&this.stamps.length){this._getBoundingRect();for(var t=0,e=this.stamps.length;e>t;t++){var i=this.stamps[t];this._manageStamp(i)}}},y.prototype._getBoundingRect=function(){var t=this.element.getBoundingClientRect(),e=this.size;this._boundingRect={left:t.left+e.paddingLeft+e.borderLeftWidth,top:t.top+e.paddingTop+e.borderTopWidth,right:t.right-(e.paddingRight+e.borderRightWidth),bottom:t.bottom-(e.paddingBottom+e.borderBottomWidth)}},y.prototype._manageStamp=c,y.prototype._getElementOffset=function(t){var e=t.getBoundingClientRect(),i=this._boundingRect,n=l(t),o={left:e.left-i.left-n.marginLeft,top:e.top-i.top-n.marginTop,right:i.right-e.right-n.marginRight,bottom:i.bottom-e.bottom-n.marginBottom};return o},y.prototype.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},y.prototype.bindResize=function(){this.isResizeBound||(i.bind(t,"resize",this),this.isResizeBound=!0)},y.prototype.unbindResize=function(){this.isResizeBound&&i.unbind(t,"resize",this),this.isResizeBound=!1},y.prototype.onresize=function(){function t(){e.resize(),delete e.resizeTimeout}this.resizeTimeout&&clearTimeout(this.resizeTimeout);var e=this;this.resizeTimeout=setTimeout(t,100)},y.prototype.resize=function(){this.isResizeBound&&this.needsResizeLayout()&&this.layout()},y.prototype.needsResizeLayout=function(){var t=l(this.element),e=this.size&&t;return e&&t.innerWidth!==this.size.innerWidth},y.prototype.addItems=function(t){var e=this._itemize(t);return e.length&&(this.items=this.items.concat(e)),e},y.prototype.appended=function(t){var e=this.addItems(t);e.length&&(this.layoutItems(e,!0),this.reveal(e))},y.prototype.prepended=function(t){var e=this._itemize(t);if(e.length){var i=this.items.slice(0);this.items=e.concat(i),this._resetLayout(),this._manageStamps(),this.layoutItems(e,!0),this.reveal(e),this.layoutItems(i)}},y.prototype.reveal=function(t){var e=t&&t.length;if(e)for(var i=0;e>i;i++){var n=t[i];n.reveal()}},y.prototype.hide=function(t){var e=t&&t.length;if(e)for(var i=0;e>i;i++){var n=t[i];n.hide()}},y.prototype.getItem=function(t){for(var e=0,i=this.items.length;i>e;e++){var n=this.items[e];if(n.element===t)return n}},y.prototype.getItems=function(t){if(t&&t.length){for(var e=[],i=0,n=t.length;n>i;i++){var o=t[i],r=this.getItem(o);r&&e.push(r)}return e}},y.prototype.remove=function(t){t=n(t);var e=this.getItems(t);if(e&&e.length){this._itemsOn(e,"remove",function(){this.emitEvent("removeComplete",[this,e])});for(var i=0,r=e.length;r>i;i++){var s=e[i];s.remove(),o(s,this.items)}}},y.prototype.destroy=function(){var t=this.element.style;t.height="",t.position="",t.width="";for(var e=0,i=this.items.length;i>e;e++){var n=this.items[e];n.destroy()}this.unbindResize(),delete this.element.outlayerGUID,h&&h.removeData(this.element,this.constructor.namespace)},y.data=function(t){var e=t&&t.outlayerGUID;return e&&v[e]},y.create=function(t,i){function n(){y.apply(this,arguments)}return Object.create?n.prototype=Object.create(y.prototype):e(n.prototype,y.prototype),n.prototype.constructor=n,n.defaults=e({},y.defaults),e(n.defaults,i),n.prototype.settings={},n.namespace=t,n.data=y.data,n.Item=function(){m.apply(this,arguments)},n.Item.prototype=new m,s(function(){for(var e=r(t),i=a.querySelectorAll(".js-"+e),o="data-"+e+"-options",s=0,c=i.length;c>s;s++){var p,d=i[s],l=d.getAttribute(o);try{p=l&&JSON.parse(l)}catch(f){u&&u.error("Error parsing "+o+" on "+d.nodeName.toLowerCase()+(d.id?"#"+d.id:"")+": "+f);continue}var m=new n(d,p);h&&h.data(d,t,m)}}),h&&h.bridget&&h.bridget(t,n),n},y.Item=m,y}var a=t.document,u=t.console,h=t.jQuery,c=function(){},p=Object.prototype.toString,d="object"==typeof HTMLElement?function(t){return t instanceof HTMLElement}:function(t){return t&&"object"==typeof t&&1===t.nodeType&&"string"==typeof t.nodeName},l=Array.prototype.indexOf?function(t,e){return t.indexOf(e)}:function(t,e){for(var i=0,n=t.length;n>i;i++)if(t[i]===e)return i;return-1};"function"==typeof define&&define.amd?define(["eventie/eventie","doc-ready/doc-ready","eventEmitter/EventEmitter","get-size/get-size","matches-selector/matches-selector","./item"],s):t.Outlayer=s(t.eventie,t.docReady,t.EventEmitter,t.getSize,t.matchesSelector,t.Outlayer.Item)}(window),function(t){"use strict";function e(t,e){var n=t.create("masonry");return n.prototype._resetLayout=function(){this.getSize(),this._getMeasurement("columnWidth","outerWidth"),this._getMeasurement("gutter","outerWidth"),this.measureColumns();var t=this.cols;for(this.colYs=[];t--;)this.colYs.push(0);this.maxY=0},n.prototype.measureColumns=function(){if(this.getContainerWidth(),!this.columnWidth){var t=this.items[0],i=t&&t.element;this.columnWidth=i&&e(i).outerWidth||this.containerWidth}this.columnWidth+=this.gutter,this.cols=Math.floor((this.containerWidth+this.gutter)/this.columnWidth),this.cols=Math.max(this.cols,1)},n.prototype.getContainerWidth=function(){var t=this.options.isFitWidth?this.element.parentNode:this.element,i=e(t);this.containerWidth=i&&i.innerWidth},n.prototype._getItemLayoutPosition=function(t){t.getSize();var e=t.size.outerWidth%this.columnWidth,n=e&&1>e?"round":"ceil",o=Math[n](t.size.outerWidth/this.columnWidth);o=Math.min(o,this.cols);for(var r=this._getColGroup(o),s=Math.min.apply(Math,r),a=i(r,s),u={x:this.columnWidth*a,y:s},h=s+t.size.outerHeight,c=this.cols+1-r.length,p=0;c>p;p++)this.colYs[a+p]=h;return u},n.prototype._getColGroup=function(t){if(2>t)return this.colYs;for(var e=[],i=this.cols+1-t,n=0;i>n;n++){var o=this.colYs.slice(n,n+t);e[n]=Math.max.apply(Math,o)}return e},n.prototype._manageStamp=function(t){var i=e(t),n=this._getElementOffset(t),o=this.options.isOriginLeft?n.left:n.right,r=o+i.outerWidth,s=Math.floor(o/this.columnWidth);s=Math.max(0,s);var a=Math.floor(r/this.columnWidth);a-=r%this.columnWidth?0:1,a=Math.min(this.cols-1,a);for(var u=(this.options.isOriginTop?n.top:n.bottom)+i.outerHeight,h=s;a>=h;h++)this.colYs[h]=Math.max(u,this.colYs[h])},n.prototype._getContainerSize=function(){this.maxY=Math.max.apply(Math,this.colYs);var t={height:this.maxY};return this.options.isFitWidth&&(t.width=this._getContainerFitWidth()),t},n.prototype._getContainerFitWidth=function(){for(var t=0,e=this.cols;--e&&0===this.colYs[e];)t++;return(this.cols-t)*this.columnWidth-this.gutter},n.prototype.needsResizeLayout=function(){var t=this.containerWidth;return this.getContainerWidth(),t!==this.containerWidth},n}var i=Array.prototype.indexOf?function(t,e){return t.indexOf(e)}:function(t,e){for(var i=0,n=t.length;n>i;i++){var o=t[i];if(o===e)return i}return-1};"function"==typeof define&&define.amd?define(["outlayer/outlayer","get-size/get-size"],e):t.Masonry=e(t.Outlayer,t.getSize)}(window),function(t){"use strict";function e(t,e){t[s]=e}var i=t.MD={};i.pages={};var n;docReady(function(){n=document.querySelector("#notification");var t=document.body.getAttribute("data-page");t&&"function"==typeof i[t]&&i[t]()}),i.getSomeItemElements=function(){for(var t=document.createDocumentFragment(),e=[],i=0;3>i;i++){var n=document.createElement("div"),o=Math.random(),r=o>.85?"w4":o>.7?"w2":"",s=Math.random(),a=s>.85?"h4":s>.7?"h2":"";n.className="item "+r+" "+a,t.appendChild(n),e.push(n)}};var o,r=document.documentElement,s=void 0!==r.textContent?"textContent":"innerText",a=getStyleProperty("transition"),u=a?1e3:1500;i.notify=function(t,r){e(n,t),a&&(n.style[a]="none"),n.style.display="block",n.style.opacity="1",r&&(o&&clearTimeout(o),o=setTimeout(i.hideNotify,u))},i.hideNotify=function(){a?(n.style[a]="opacity 1.0s",n.style.opacity="0"):n.style.display="none"}}(window),function(t){"use strict";function e(){var t=new Date,e=t.getMinutes();e=10>e?"0"+e:e;var i=t.getSeconds();return i=10>i?"0"+i:i,[t.getHours(),e,i].join(":")}function i(t){n.notify(t+" at "+e(),!0)}var n=t.MD;n.events=function(){(function(){var t=document.querySelector("#layout-complete-demo .masonry"),e=new Masonry(t,{columnWidth:60});e.on("layoutComplete",function(t,e){i("Masonry layout completed on "+e.length+" items")}),eventie.bind(t,"click",function(t){classie.has(t.target,"item")&&(classie.toggle(t.target,"gigante"),e.layout())})})(),function(){var t=document.querySelector("#remove-complete-demo .masonry"),e=new Masonry(t,{columnWidth:60});e.on("removeComplete",function(t,e){i("Removed "+e.length+" items")}),eventie.bind(t,"click",function(t){classie.has(t.target,"item")&&e.remove(t.target)})}()}}(window),function(t){"use strict";var e=t.MD,i=getStyleProperty("transition"),n={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"otransitionend",transition:"transitionend"}[i];e.faq=function(){(function(){var t=document.querySelector("#animate-item-size .masonry"),e=new Masonry(t,{columnWidth:60});eventie.bind(t,"click",function(t){var i=t.target;if(classie.has(i,"item-content")){var n=i.parentNode;classie.toggleClass(n,"is-expanded"),e.layout()}})})(),function(){var t=document.querySelector("#animate-item-size-responsive .masonry"),e=new Masonry(t,{columnWidth:".grid-sizer",itemSelector:".item"});eventie.bind(t,"click",function(t){var o=t.target;if(classie.has(o,"item-content")){var r=getSize(o);o.style[i]="none",o.style.width=r.width+"px",o.style.height=r.height+"px";var s=o.parentNode;classie.toggleClass(s,"is-expanded");var a=o.offsetWidth;if(o.style[i]="",i){var u=function(){o.style.width="",o.style.height="",o.removeEventListener(n,u,!1)};o.addEventListener(n,u,!1)}var h=getSize(s);o.style.width=h.width+"px",o.style.height=h.height+"px",a=null,e.layout()}})}()}}(window),function(t){"use strict";function e(){for(var t=[],e=document.createDocumentFragment(),r=a,s=0,u=r.length;u>s;s++){var h=i(r[s]);t.push(h),e.appendChild(h)}imagesLoaded(e).on("progress",function(t,e){var i=e.img.parentNode.parentNode;n.appendChild(i),o.appended(i)
})}function i(t){var e=document.createElement("div");e.className="hero-item has-example is-hidden";var i=document.createElement("a");i.href=t.url;var n=document.createElement("img");n.src=t.image;var o=document.createElement("p");return o.className="example-title",o.textContent=t.title,i.appendChild(n),i.appendChild(o),e.appendChild(i),e}var n,o,r,s=t.MD;s.index=function(){(function(){var t=document.querySelector("#hero");n=t.querySelector(".hero-masonry"),o=new Masonry(n,{itemSelector:".hero-item",columnWidth:".grid-sizer"}),e()})(),r=document.querySelector("#load-more-examples")};var a=[{title:"Erik Johansson",url:"http://erikjohanssonphoto.com/work/imagecats/personal/",image:"http://i.imgur.com/6Lo8oun.jpg"},{title:"Tumblr Staff: Archive",url:"http://staff.tumblr.com/archive",image:"http://i.imgur.com/igjvRa3.jpg"},{title:"Halcyon theme",url:"http://halcyon-theme.tumblr.com/",image:"http://i.imgur.com/A1RSOhg.jpg"},{title:"RESIZE.THATSH.IT",url:"http://resize.thatsh.it/",image:"http://i.imgur.com/00xWxLG.png"},{title:"Vox Media",url:"http://www.voxmedia.com",image:"http://i.imgur.com/xSiTFij.jpg"},{title:"Kristian Hammerstad",url:"http://www.kristianhammerstad.com/",image:"http://i.imgur.com/Zwd7Sch.jpg"},{title:"Loading Effects for Grid Items | Demo 2",url:"http://tympanus.net/Development/GridLoadingEffects/index2.html",image:"http://i.imgur.com/iFBSB1t.jpg"}]}(window),function(t){"use strict";function e(){var t=document.createElement("div"),e=Math.random(),i=Math.random(),n=e>.92?"w4":e>.8?"w3":e>.6?"w2":"",o=i>.85?"h4":i>.6?"h3":i>.35?"h2":"";return t.className="item "+n+" "+o,t}var i=t.MD;i.methods=function(){(function(){var t=document.querySelector("#appended-demo"),i=t.querySelector(".masonry"),n=t.querySelector("button"),o=new Masonry(i,{columnWidth:60});eventie.bind(n,"click",function(){for(var t=[],n=document.createDocumentFragment(),r=0;3>r;r++){var s=e();n.appendChild(s),t.push(s)}i.appendChild(n),o.appended(t)})})(),function(){var t=document.querySelector("#destroy-demo"),e=t.querySelector(".masonry"),i=t.querySelector("button"),n=new Masonry(e,{columnWidth:60}),o=!0;eventie.bind(i,"click",function(){o?n.destroy():n=new Masonry(e),o=!o})}(),function(){var t=document.querySelector("#layout-demo .masonry"),e=new Masonry(t,{columnWidth:60});eventie.bind(t,"click",function(t){classie.has(t.target,"item")&&(classie.toggle(t.target,"gigante"),e.layout())})}(),function(){var t=document.querySelector("#prepended-demo"),i=t.querySelector(".masonry"),n=t.querySelector("button"),o=new Masonry(i,{columnWidth:60});eventie.bind(n,"click",function(){for(var t=[],n=document.createDocumentFragment(),r=0;3>r;r++){var s=e();n.appendChild(s),t.push(s)}i.insertBefore(n,i.firstChild),o.prepended(t)})}(),function(){var t=document.querySelector("#stamp-demo"),e=t.querySelector(".stamp"),i=t.querySelector("button"),n=new Masonry(t.querySelector(".masonry"),{columnWidth:60,itemSelector:".item"}),o=!1;eventie.bind(i,"click",function(){o?n.unstamp(e):n.stamp(e),n.layout(),o=!o})}(),function(){var t=document.querySelector("#remove-demo .masonry"),e=new Masonry(t,{columnWidth:60});eventie.bind(t,"click",function(t){classie.has(t.target,"item")&&(e.remove(t.target),e.layout())})}()}}(window);
\ No newline at end of file
js/partticles.js 0 → 100644
particlesJS("particles-js", {
particles: {
number: {
value: 5,
density: {
enable: !0,
value_area: 90
}
},
color: {
value: ["#c1e0ed", "#c9d0d3", "#e7f3f8", "#ededed", "#ededed"]
},
shape: {
type: "circle",
stroke: {
width: 0,
color: ["#dbdede", "#153548", "#45c2fd"]
},
polygon: {
nb_sides: 5
}
},
opacity: {
value: 1,
random: !0,
anim: {
enable: !0,
speed: 1,
opacity_min: .9,
sync: !1
}
},
size: {
value: 3.5,
random: !0,
anim: {
enable: !1,
speed: 1e3,
size_min: 2.5,
sync: !1
}
},
line_linked: {
enable: !0,
distance: 150,
color: "#dbdede",
opacity: .8,
width: 1
},
move: {
enable: !0,
speed: 2,
direction: "none",
random: !1,
straight: !1,
out_mode: "out",
bounce: !1,
attract: {
enable: !1,
rotateX: 600,
rotateY: 1200
}
}
},
interactivity: {
detect_on: "canvas",
events: {
onhover: {
enable: !0,
mode: "grab"
},
onclick: {
enable: !0,
mode: "push"
},
resize: !0
},
modes: {
grab: {
distance: 140,
line_linked: {
opacity: 1
}
},
bubble: {
distance: 400,
size: 40,
duration: 2,
opacity: 8,
speed: 3
},
repulse: {
distance: 200,
duration: .4
},
push: {
particles_nb: 4
},
remove: {
particles_nb: 2
}
}
},
retina_detect: !0
});particlesJS("particles-js", {
particles: {
number: {
value: 5,
density: {
enable: !0,
value_area: 90
}
},
color: {
value: ["#c1e0ed", "#c9d0d3", "#e7f3f8", "#ededed", "#ededed"]
},
shape: {
type: "circle",
stroke: {
width: 0,
color: ["#dbdede", "#153548", "#45c2fd"]
},
polygon: {
nb_sides: 5
}
},
opacity: {
value: 1,
random: !0,
anim: {
enable: !0,
speed: 1,
opacity_min: .9,
sync: !1
}
},
size: {
value: 3.5,
random: !0,
anim: {
enable: !1,
speed: 1e3,
size_min: 2.5,
sync: !1
}
},
line_linked: {
enable: !0,
distance: 150,
color: "#dbdede",
opacity: .8,
width: 1
},
move: {
enable: !0,
speed: 2,
direction: "none",
random: !1,
straight: !1,
out_mode: "out",
bounce: !1,
attract: {
enable: !1,
rotateX: 600,
rotateY: 1200
}
}
},
interactivity: {
detect_on: "canvas",
events: {
onhover: {
enable: !0,
mode: "grab"
},
onclick: {
enable: !0,
mode: "push"
},
resize: !0
},
modes: {
grab: {
distance: 140,
line_linked: {
opacity: 1
}
},
bubble: {
distance: 400,
size: 40,
duration: 2,
opacity: 8,
speed: 3
},
repulse: {
distance: 200,
duration: .4
},
push: {
particles_nb: 4
},
remove: {
particles_nb: 2
}
}
},
retina_detect: !0
});
\ No newline at end of file
style/common.css
......@@ -29,7 +29,7 @@ html, body {
body {
font-size: 14px;
font-family: 'Microsoft yahei', arial, Tahoma, Verdana, sans-serif;
padding-top: 70px;
/* padding-top: 70px; */
}
/* custom */
......@@ -1248,7 +1248,7 @@ a.caseMore:hover span.words {
}
body {
padding-top: 50px;
/* padding-top: 50px; */
}
#header {
......
style/index.less
@media (min-width: 768px) {
.navbar-nav > li > a {
padding-top: 25px;
padding-bottom: 25px;
// padding-bottom: 25px;
}
}
@media (max-width: 1920px) {
.img-container img {
#banner .img-container img {
// margin-left: -25% ;
position: absolute;
}
......@@ -18,6 +18,9 @@ ul {
margin-top: 0;
margin-bottom: 0px;
}
.link-active {
border-bottom: 2px solid #fff;
}
.swiper-pagination {
position: absolute;
z-index: 20;
......@@ -39,21 +42,22 @@ ul {
.swiper-active-switch {
background: #fff;
}
.navbar-brand {
padding: 25px;
}
// .navbar-brand {
// padding: 25px;
// }
.navbar-inverse {
background: white;
background: none;
border: none;
margin-bottom: 0;
}
.navbar-fixed-container {
.navbar-container {
a {
color: #222222 !important;
color: white !important;
font-size: 16px;
}
// height: 51px;
.navbar {
border-bottom: 1px solid #d2d2d2;
// border-bottom: 1px solid #d2d2d2;
}
position: relative;
}
......@@ -69,32 +73,64 @@ ul {
}
}
}
.main-container {
background: #0c2655 url('/img/bg2.png') top center no-repeat;
background-size: cover ;
}
#particles-js {
height: 100vh;
opacity: 1;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: -1;
-webkit-transition: all 0.9s;
transition: all 0.9s;
}
.swiper-container {
display: none;
}
#banner {
max-width: 1920px;
margin: auto;
width: 100%;
height: 80%;
background-color: #ccc;
// background-color: #ccc;
position: relative;
.word-box {
position: absolute;
// position: absolute;
padding-left: 20px;
padding-top: 10%;
top: 18.5%;
left: 15%;
z-index: 555;
width: 80%;
p.line1 {
width: 40px;
height: 2px;
background:rgba(255,255,255,1);
margin-bottom: 30px;
}
p.line2 {
width: 211px;
height: 2px;
background:rgba(255,255,255,1);
margin-top: 30px;
}
p.btword {
font-size: 36px;
color: #ffffff;
/* font-weight: bold; */
}
p.btworden {
font-size: 22px;
font-size: 16px;
color: #ffffff;
font-family: 'shouyezi';
margin-top: 8px;
}
p.conword {
font-size: 16px;
font-size: 14px;
color: #ffffff;
line-height: 26px;
margin-top: 20px;
......@@ -159,6 +195,7 @@ ul {
}
}
}
.common-title {
background: white;
font-size: 36px;
......@@ -171,77 +208,261 @@ ul {
}
}
// 我们的产品
.relative {
position: relative;
}
.main2-container {
background: url('../img/paper.png') no-repeat top center;
background-size: 100% auto;
}
.our-products {
background: url('/img/bg.51ba665.png') no-repeat center;
position: relative;
background-size: 100%;
font-size: 18px;
height:450px;
.our {
background: url('../img/kuang.png') no-repeat center;
background-size: 95%;
height:450px;
}
.word-right {
text-align: right;
position: absolute;
right: 0px;
top: 28%;
font-size: 14px;
color: #333333;
.title {
font-size:38px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(0,0,0,1);
margin-bottom: 30px;
&:before {
content: "" attr(data) "";
position: absolute;
right: 5px;
top: 15px;
font-size: 38px;
color: rgba(0, 0, 0, 0.5);
opacity: 0.3;
letter-spacing: 1px;
}
}
p {
letter-spacing: 0;
}
}
.views-content {
.content {
.item {
float: left;
width: 50%;
height: 300px;
&:hover {
.one {
display: none;
}
.two {
display: block;
}
}
position: absolute;
z-index: 999;
top: -40px;
left: 7%;
img {
width: 100%;
height: 100%;
}
a {
position: absolute;
bottom: 40px;
right: 40px;
text-align: center;
width:107.2px;
height:31.2px;
line-height: 31.2px;
font-size: 14.5px;
}
.one {
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
position: relative;
width:302px;
height:365px;
display: inline-block;
margin-right: 20px;
img {
width: 100%;
height: 100%;
}
.item::after {
content: '';
clear: both;
a {
display: inline-block;
color: #A7A7A7;
border:1px solid #A7A7A7;
cursor: pointer;
}
.left {
background: url('/img/banner1.jpg') center no-repeat;
}
.two {
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
display: inline-block;
position: relative;
width:302px;
height:365px;
a {
display: inline-block;
color: #fff;
border:1px solid #ffffff;
}
.right {
background: url('/img/banner2.jpg') center no-repeat;
}
}
}
// 解决方案
.left-menu {
display: inline-block;
background: url('/img/bg3.png') top center no-repeat;
background-position: 0 0;
width: 280px;
.menu-title {
height: 115px;
img {
width: auto;
height: 100%;
}
margin-bottom: 96px;
}
.menu-list {
border-left: 2px solid rgba(204,204,204,1);
box-sizing: border-box;
height:305px;
padding-top: 47px;
.menu-item {
line-height: 45px;
height: 45px;
padding-left: 25px;
font-size: 24px;
margin-bottom: 34px ;
color: #999999;
box-sizing: border-box;
position: relative;
cursor: pointer;
}
.active {
color: #000000;
// border-left: 6px solid #000000;
&::after {
content: "";
position: absolute;
width: 6px;
height: 45px;
left: -2px;
top:0;
background: #000;
}
}
.one {
padding-left: 50px;
padding-top: 20px;
font-size: 25px;
}
}
.right-menu {
display: inline-block;
// background: url('/img/bg3.png') top center no-repeat;
background-position: 0 0;
width: 280px;
text-align: right;
float: right;
&::after {
content: '';
clear: both;
}
.menu-title {
height: 115px;
img {
display: inline-block;
width: auto;
height: 100%;
}
.two {
display: none;
padding-top: 70px;
ul {
padding-left: 20%;
margin-bottom: 96px;
}
.menu-list {
border-right: 2px solid rgba(204,204,204,1);
box-sizing: border-box;
height:305px;
padding-top: 47px;
.menu-item {
line-height: 45px;
height: 45px;
padding-right: 25px;
font-size: 24px;
margin-bottom: 34px ;
color: #999999;
box-sizing: border-box;
position: relative;
cursor: pointer;
}
.active {
color: #000000;
// border-left: 6px solid #000000;
&::after {
content: "";
position: absolute;
width: 6px;
height: 45px;
right: -2px;
top:0;
background: #000;
}
}
}
}
// 解决方案
.solution {
padding-top: 50px;
.table-a {
margin-bottom: 20px;
}
.list {
float: right;
width: 860px;
display: inline-block;
height: 672px;
overflow: hidden;
.list-item {
height: 672px;
transition: all 0.5s;
}
.item {
width: 360px;
height: 200px;
margin: 0px 10px;
margin-bottom: 40px;
width:417px;
height:215px;
margin-left: 9px;
margin-bottom: 9px;
float: left;
position: relative;
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
background: url('/img/banner2.jpg') center no-repeat;
// background: url('/img/banner2.jpg') center no-repeat;
a {
display: inline-block;
height: 100%;
width: 100%;
overflow: hidden;
img {
width: 100%;
height: 100%;
}
}
.item-title {
display: none;
position: absolute;
bottom: 6px;
padding-left: 20px;
color: #fff;
overflow: hidden;
font-size: 18px;
}
&:hover {
img {
transform: scale(1.1);
transition: all 0.5s;
}
.item-title {
display: block;
}
}
}
.item::after {
content: '';
......@@ -251,43 +472,86 @@ ul {
}
// 活动
.industry-dynamics {
.item {
width: 260px;
height: 300px;
margin: 0px 10px;
margin-bottom: 40px;
float: left;
position: relative;
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
a {
display: inline-block;
height: 100%;
width: 100%;
}
.img-container {
width: 260px;
height: 230px;
padding-top: 129px;
.list {
width: 860px;
height: 712px;
overflow: hidden;
display: inline-block;
.list-item {
width: 860px;
height: 712px;
overflow: hidden;
img {
width: auto;
height: 260px;
}
}
.item-title {
padding-left: 2px;
font-size: 18px;
transition: all 0.5s;
}
.bottom-word {
text-align: right;
.name {
.item {
width:396px;
height: 340px;
background: #fff;
margin-right:16px;
margin-bottom: 16px;
float: left;
position: relative;
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
a {
display: inline-block;
height: 100%;
width: 100%;
}
.img-container {
width: 396px;
height: 220px;
overflow: hidden;
img {
width: 100%;
height: auto;
}
}
.item-title {
padding-left: 30px;
padding-top: 15px;
line-height: 24px;
width: 330px;
font-size: 18px;
color: #000;
}
.date {
.bottom-word {
// text-align: right;
padding-top: 13px;
padding-left: 30px;
.name {
display: inline-block;
width:89px;
height:24px;
text-align: center;
line-height: 24px;
background:rgba(199,1,81,1);
color: #fff;
}
.date {
padding-left: 16px;
color:rgba(0,0,0,6);
img {
display: inline-block;
height: 12px;
margin-right: 5px;
}
}
}
}
.item::after {
content: '';
clear: both;
}
}
.item::after {
content: '';
clear: both;
.more {
font-size:18px;
font-weight:300;
color:rgba(0,0,0,0.8);
line-height: 30px;
margin-bottom:105px;
cursor: pointer;
}
}
.about-container {
......@@ -372,4 +636,75 @@ ul {
margin-top: 40px;
}
}
}
// 招贤纳士
.jobs {
h3 {
text-align: center;
background: #d2d2d2;
height: 50px;
line-height: 50px;
}
.detail {
width: 30%;
float: left;
font-size: 14px;
line-height: 24px;
text-indent: 0px;
margin-right: 1%;
}
}
//解决方案
.solution-container {
.field {
.field-item {
float: left;
font-size: 18px;
width: 20%;
height: 200px;
line-height: 200px;
text-align: center;
}
}
.case {
.case-item {
overflow: hidden;
width: 30%;
// min-width: 300px;
float: left;
font-size: 14px;
// line-height: 24px;
min-height: 300px;
text-indent: 0px;
margin-right: 1%;
margin-bottom: 30px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
.img-container {}
img {
width: 100%;
height: auto;
}
.bottom-container {
padding: 20px 0 20px 20px;
}
}
.case-item::nth-child(2) {
height: 350px;
}
}
}
@media only screen and (max-width: 1212px) {
.jobs .block .detail{width: 28%;}
}
@media only screen and (max-width: 1023px) {
}
@media only screen and (max-width: 750px) {
.jobs .block .detail{width: 40%;}
}
@media only screen and (max-width: 440px) {
.jobs .block .detail{width: 95%;}
.jobs .block .pdr24{padding-right: 0px;}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment